@wordpress/block-editor 12.7.0 → 12.8.0

package/build/components/navigable-toolbar/index.js

@@ -1,41 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
-
 var _dom = require("@wordpress/dom");
-
 var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
-
 /**
  * WordPress dependencies
  */
+
 function hasOnlyToolbarItem(elements) {
   const dataProp = 'toolbarItem';
   return !elements.some(element => !(dataProp in element.dataset));
 }
-
 function getAllToolbarItemsIn(container) {
   return Array.from(container.querySelectorAll('[data-toolbar-item]'));
 }
-
 function hasFocusWithin(container) {
   return container.contains(container.ownerDocument.activeElement);
 }
-
 function focusFirstTabbableIn(container) {
   const [firstTabbable] = _dom.focus.tabbable.find(container);
-
   if (firstTabbable) {
     firstTabbable.focus({
       // When focusing newly mounted toolbars,
@@ -45,7 +35,6 @@ function focusFirstTabbableIn(container) {
     });
   }
 }
-
 function useIsAccessibleToolbar(ref) {
   /*
    * By default, we'll assume the starting accessible state of the Toolbar
@@ -59,17 +48,16 @@ function useIsAccessibleToolbar(ref) {
    * This was initial discovered in this pull-request:
    * https://github.com/WordPress/gutenberg/pull/23425
    */
-  const initialAccessibleToolbarState = true; // By default, it's gonna render NavigableMenu. If all the tabbable elements
+  const initialAccessibleToolbarState = true;
+
+  // By default, it's gonna render NavigableMenu. If all the tabbable elements
   // inside the toolbar are ToolbarItem components (or derived components like
   // ToolbarButton), then we can wrap them with the accessible Toolbar
   // component.
-
   const [isAccessibleToolbar, setIsAccessibleToolbar] = (0, _element.useState)(initialAccessibleToolbarState);
   const determineIsAccessibleToolbar = (0, _element.useCallback)(() => {
     const tabbables = _dom.focus.tabbable.find(ref.current);
-
     const onlyToolbarItem = hasOnlyToolbarItem(tabbables);
-
     if (!onlyToolbarItem) {
       (0, _deprecated.default)('Using custom components as toolbar controls', {
         since: '5.6',
@@ -77,7 +65,6 @@ function useIsAccessibleToolbar(ref) {
         link: 'https://developer.wordpress.org/block-editor/components/toolbar-button/#inside-blockcontrols'
       });
     }
-
     setIsAccessibleToolbar(onlyToolbarItem);
   }, []);
   (0, _element.useLayoutEffect)(() => {
@@ -92,7 +79,6 @@ function useIsAccessibleToolbar(ref) {
   }, [isAccessibleToolbar]);
   return isAccessibleToolbar;
 }
-
 function useToolbarFocus(ref, focusOnMount, isAccessibleToolbar, defaultIndex, onIndexChange, shouldUseKeyboardFocusShortcut) {
   // Make sure we don't use modified versions of this prop.
   const [initialFocusOnMount] = (0, _element.useState)(focusOnMount);
@@ -100,14 +86,13 @@ function useToolbarFocus(ref, focusOnMount, isAccessibleToolbar, defaultIndex, o
   const focusToolbar = (0, _element.useCallback)(() => {
     focusFirstTabbableIn(ref.current);
   }, []);
-
   const focusToolbarViaShortcut = () => {
     if (shouldUseKeyboardFocusShortcut) {
       focusToolbar();
     }
-  }; // Focus on toolbar when pressing alt+F10 when the toolbar is visible.
-
+  };
 
+  // Focus on toolbar when pressing alt+F10 when the toolbar is visible.
   (0, _keyboardShortcuts.useShortcut)('core/block-editor/focus-toolbar', focusToolbarViaShortcut);
   (0, _element.useEffect)(() => {
     if (initialFocusOnMount) {
@@ -116,18 +101,16 @@ function useToolbarFocus(ref, focusOnMount, isAccessibleToolbar, defaultIndex, o
   }, [isAccessibleToolbar, initialFocusOnMount, focusToolbar]);
   (0, _element.useEffect)(() => {
     // Store ref so we have access on useEffect cleanup: https://legacy.reactjs.org/blog/2020/08/10/react-v17-rc.html#effect-cleanup-timing
-    const navigableToolbarRef = ref.current; // If initialIndex is passed, we focus on that toolbar item when the
+    const navigableToolbarRef = ref.current;
+    // If initialIndex is passed, we focus on that toolbar item when the
     // toolbar gets mounted and initial focus is not forced.
     // We have to wait for the next browser paint because block controls aren't
     // rendered right away when the toolbar gets mounted.
-
     let raf = 0;
-
     if (!initialFocusOnMount) {
       raf = window.requestAnimationFrame(() => {
         const items = getAllToolbarItemsIn(navigableToolbarRef);
         const index = initialIndex || 0;
-
         if (items[index] && hasFocusWithin(navigableToolbarRef)) {
           items[index].focus({
             // When focusing newly mounted toolbars,
@@ -138,19 +121,17 @@ function useToolbarFocus(ref, focusOnMount, isAccessibleToolbar, defaultIndex, o
         }
       });
     }
-
     return () => {
       window.cancelAnimationFrame(raf);
-      if (!onIndexChange || !navigableToolbarRef) return; // When the toolbar element is unmounted and onIndexChange is passed, we
+      if (!onIndexChange || !navigableToolbarRef) return;
+      // When the toolbar element is unmounted and onIndexChange is passed, we
       // pass the focused toolbar item index so it can be hydrated later.
-
       const items = getAllToolbarItemsIn(navigableToolbarRef);
       const index = items.findIndex(item => item.tabIndex === 0);
       onIndexChange(index);
     };
   }, [initialIndex, initialFocusOnMount]);
 }
-
 function NavigableToolbar({
   children,
   focusOnMount,
@@ -162,7 +143,6 @@ function NavigableToolbar({
   const ref = (0, _element.useRef)();
   const isAccessibleToolbar = useIsAccessibleToolbar(ref);
   useToolbarFocus(ref, focusOnMount, isAccessibleToolbar, initialIndex, onIndexChange, shouldUseKeyboardFocusShortcut);
-
   if (isAccessibleToolbar) {
     return (0, _element.createElement)(_components.Toolbar, {
       label: props['aria-label'],
@@ -170,7 +150,6 @@ function NavigableToolbar({
       ...props
     }, children);
   }
-
   return (0, _element.createElement)(_components.NavigableMenu, {
     orientation: "horizontal",
     role: "toolbar",
@@ -178,7 +157,6 @@ function NavigableToolbar({
     ...props
   }, children);
 }
-
 var _default = NavigableToolbar;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/build/components/navigable-toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/navigable-toolbar/index.js"],"names":["hasOnlyToolbarItem","elements","dataProp","some","element","dataset","getAllToolbarItemsIn","container","Array","from","querySelectorAll","hasFocusWithin","contains","ownerDocument","activeElement","focusFirstTabbableIn","firstTabbable","focus","tabbable","find","preventScroll","useIsAccessibleToolbar","ref","initialAccessibleToolbarState","isAccessibleToolbar","setIsAccessibleToolbar","determineIsAccessibleToolbar","tabbables","current","onlyToolbarItem","since","alternative","link","observer","window","MutationObserver","observe","childList","subtree","disconnect","useToolbarFocus","focusOnMount","defaultIndex","onIndexChange","shouldUseKeyboardFocusShortcut","initialFocusOnMount","initialIndex","focusToolbar","focusToolbarViaShortcut","navigableToolbarRef","raf","requestAnimationFrame","items","index","cancelAnimationFrame","findIndex","item","tabIndex","NavigableToolbar","children","__experimentalInitialIndex","__experimentalOnIndexChange","props"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { NavigableMenu, Toolbar } from '@wordpress/components';\nimport {\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n\tuseEffect,\n\tuseCallback,\n} from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { focus } from '@wordpress/dom';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\n\nfunction hasOnlyToolbarItem( elements ) {\n\tconst dataProp = 'toolbarItem';\n\treturn ! elements.some( ( element ) => ! ( dataProp in element.dataset ) );\n}\n\nfunction getAllToolbarItemsIn( container ) {\n\treturn Array.from( container.querySelectorAll( '[data-toolbar-item]' ) );\n}\n\nfunction hasFocusWithin( container ) {\n\treturn container.contains( container.ownerDocument.activeElement );\n}\n\nfunction focusFirstTabbableIn( container ) {\n\tconst [ firstTabbable ] = focus.tabbable.find( container );\n\tif ( firstTabbable ) {\n\t\tfirstTabbable.focus( {\n\t\t\t// When focusing newly mounted toolbars,\n\t\t\t// the position of the popover is often not right on the first render\n\t\t\t// This prevents the layout shifts when focusing the dialogs.\n\t\t\tpreventScroll: true,\n\t\t} );\n\t}\n}\n\nfunction useIsAccessibleToolbar( ref ) {\n\t/*\n\t * By default, we'll assume the starting accessible state of the Toolbar\n\t * is true, as it seems to be the most common case.\n\t *\n\t * Transitioning from an (initial) false to true state causes the\n\t * <Toolbar /> component to mount twice, which is causing undesired\n\t * side-effects. These side-effects appear to only affect certain\n\t * E2E tests.\n\t *\n\t * This was initial discovered in this pull-request:\n\t * https://github.com/WordPress/gutenberg/pull/23425\n\t */\n\tconst initialAccessibleToolbarState = true;\n\n\t// By default, it's gonna render NavigableMenu. If all the tabbable elements\n\t// inside the toolbar are ToolbarItem components (or derived components like\n\t// ToolbarButton), then we can wrap them with the accessible Toolbar\n\t// component.\n\tconst [ isAccessibleToolbar, setIsAccessibleToolbar ] = useState(\n\t\tinitialAccessibleToolbarState\n\t);\n\n\tconst determineIsAccessibleToolbar = useCallback( () => {\n\t\tconst tabbables = focus.tabbable.find( ref.current );\n\t\tconst onlyToolbarItem = hasOnlyToolbarItem( tabbables );\n\t\tif ( ! onlyToolbarItem ) {\n\t\t\tdeprecated( 'Using custom components as toolbar controls', {\n\t\t\t\tsince: '5.6',\n\t\t\t\talternative:\n\t\t\t\t\t'ToolbarItem, ToolbarButton or ToolbarDropdownMenu components',\n\t\t\t\tlink: 'https://developer.wordpress.org/block-editor/components/toolbar-button/#inside-blockcontrols',\n\t\t\t} );\n\t\t}\n\t\tsetIsAccessibleToolbar( onlyToolbarItem );\n\t}, [] );\n\n\tuseLayoutEffect( () => {\n\t\t// Toolbar buttons may be rendered asynchronously, so we use\n\t\t// MutationObserver to check if the toolbar subtree has been modified.\n\t\tconst observer = new window.MutationObserver(\n\t\t\tdetermineIsAccessibleToolbar\n\t\t);\n\t\tobserver.observe( ref.current, { childList: true, subtree: true } );\n\t\treturn () => observer.disconnect();\n\t}, [ isAccessibleToolbar ] );\n\n\treturn isAccessibleToolbar;\n}\n\nfunction useToolbarFocus(\n\tref,\n\tfocusOnMount,\n\tisAccessibleToolbar,\n\tdefaultIndex,\n\tonIndexChange,\n\tshouldUseKeyboardFocusShortcut\n) {\n\t// Make sure we don't use modified versions of this prop.\n\tconst [ initialFocusOnMount ] = useState( focusOnMount );\n\tconst [ initialIndex ] = useState( defaultIndex );\n\n\tconst focusToolbar = useCallback( () => {\n\t\tfocusFirstTabbableIn( ref.current );\n\t}, [] );\n\n\tconst focusToolbarViaShortcut = () => {\n\t\tif ( shouldUseKeyboardFocusShortcut ) {\n\t\t\tfocusToolbar();\n\t\t}\n\t};\n\n\t// Focus on toolbar when pressing alt+F10 when the toolbar is visible.\n\tuseShortcut( 'core/block-editor/focus-toolbar', focusToolbarViaShortcut );\n\n\tuseEffect( () => {\n\t\tif ( initialFocusOnMount ) {\n\t\t\tfocusToolbar();\n\t\t}\n\t}, [ isAccessibleToolbar, initialFocusOnMount, focusToolbar ] );\n\n\tuseEffect( () => {\n\t\t// Store ref so we have access on useEffect cleanup: https://legacy.reactjs.org/blog/2020/08/10/react-v17-rc.html#effect-cleanup-timing\n\t\tconst navigableToolbarRef = ref.current;\n\t\t// If initialIndex is passed, we focus on that toolbar item when the\n\t\t// toolbar gets mounted and initial focus is not forced.\n\t\t// We have to wait for the next browser paint because block controls aren't\n\t\t// rendered right away when the toolbar gets mounted.\n\t\tlet raf = 0;\n\t\tif ( ! initialFocusOnMount ) {\n\t\t\traf = window.requestAnimationFrame( () => {\n\t\t\t\tconst items = getAllToolbarItemsIn( navigableToolbarRef );\n\t\t\t\tconst index = initialIndex || 0;\n\t\t\t\tif ( items[ index ] && hasFocusWithin( navigableToolbarRef ) ) {\n\t\t\t\t\titems[ index ].focus( {\n\t\t\t\t\t\t// When focusing newly mounted toolbars,\n\t\t\t\t\t\t// the position of the popover is often not right on the first render\n\t\t\t\t\t\t// This prevents the layout shifts when focusing the dialogs.\n\t\t\t\t\t\tpreventScroll: true,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t\treturn () => {\n\t\t\twindow.cancelAnimationFrame( raf );\n\t\t\tif ( ! onIndexChange || ! navigableToolbarRef ) return;\n\t\t\t// When the toolbar element is unmounted and onIndexChange is passed, we\n\t\t\t// pass the focused toolbar item index so it can be hydrated later.\n\t\t\tconst items = getAllToolbarItemsIn( navigableToolbarRef );\n\t\t\tconst index = items.findIndex( ( item ) => item.tabIndex === 0 );\n\t\t\tonIndexChange( index );\n\t\t};\n\t}, [ initialIndex, initialFocusOnMount ] );\n}\n\nfunction NavigableToolbar( {\n\tchildren,\n\tfocusOnMount,\n\tshouldUseKeyboardFocusShortcut = true,\n\t__experimentalInitialIndex: initialIndex,\n\t__experimentalOnIndexChange: onIndexChange,\n\t...props\n} ) {\n\tconst ref = useRef();\n\tconst isAccessibleToolbar = useIsAccessibleToolbar( ref );\n\n\tuseToolbarFocus(\n\t\tref,\n\t\tfocusOnMount,\n\t\tisAccessibleToolbar,\n\t\tinitialIndex,\n\t\tonIndexChange,\n\t\tshouldUseKeyboardFocusShortcut\n\t);\n\n\tif ( isAccessibleToolbar ) {\n\t\treturn (\n\t\t\t<Toolbar label={ props[ 'aria-label' ] } ref={ ref } { ...props }>\n\t\t\t\t{ children }\n\t\t\t</Toolbar>\n\t\t);\n\t}\n\n\treturn (\n\t\t<NavigableMenu\n\t\t\torientation=\"horizontal\"\n\t\t\trole=\"toolbar\"\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children }\n\t\t</NavigableMenu>\n\t);\n}\n\nexport default NavigableToolbar;\n"]}
+{"version":3,"names":["_element","require","_components","_deprecated","_interopRequireDefault","_dom","_keyboardShortcuts","hasOnlyToolbarItem","elements","dataProp","some","element","dataset","getAllToolbarItemsIn","container","Array","from","querySelectorAll","hasFocusWithin","contains","ownerDocument","activeElement","focusFirstTabbableIn","firstTabbable","focus","tabbable","find","preventScroll","useIsAccessibleToolbar","ref","initialAccessibleToolbarState","isAccessibleToolbar","setIsAccessibleToolbar","useState","determineIsAccessibleToolbar","useCallback","tabbables","current","onlyToolbarItem","deprecated","since","alternative","link","useLayoutEffect","observer","window","MutationObserver","observe","childList","subtree","disconnect","useToolbarFocus","focusOnMount","defaultIndex","onIndexChange","shouldUseKeyboardFocusShortcut","initialFocusOnMount","initialIndex","focusToolbar","focusToolbarViaShortcut","useShortcut","useEffect","navigableToolbarRef","raf","requestAnimationFrame","items","index","cancelAnimationFrame","findIndex","item","tabIndex","NavigableToolbar","children","__experimentalInitialIndex","__experimentalOnIndexChange","props","useRef","createElement","Toolbar","label","NavigableMenu","orientation","role","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/navigable-toolbar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { NavigableMenu, Toolbar } from '@wordpress/components';\nimport {\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n\tuseEffect,\n\tuseCallback,\n} from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { focus } from '@wordpress/dom';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\n\nfunction hasOnlyToolbarItem( elements ) {\n\tconst dataProp = 'toolbarItem';\n\treturn ! elements.some( ( element ) => ! ( dataProp in element.dataset ) );\n}\n\nfunction getAllToolbarItemsIn( container ) {\n\treturn Array.from( container.querySelectorAll( '[data-toolbar-item]' ) );\n}\n\nfunction hasFocusWithin( container ) {\n\treturn container.contains( container.ownerDocument.activeElement );\n}\n\nfunction focusFirstTabbableIn( container ) {\n\tconst [ firstTabbable ] = focus.tabbable.find( container );\n\tif ( firstTabbable ) {\n\t\tfirstTabbable.focus( {\n\t\t\t// When focusing newly mounted toolbars,\n\t\t\t// the position of the popover is often not right on the first render\n\t\t\t// This prevents the layout shifts when focusing the dialogs.\n\t\t\tpreventScroll: true,\n\t\t} );\n\t}\n}\n\nfunction useIsAccessibleToolbar( ref ) {\n\t/*\n\t * By default, we'll assume the starting accessible state of the Toolbar\n\t * is true, as it seems to be the most common case.\n\t *\n\t * Transitioning from an (initial) false to true state causes the\n\t * <Toolbar /> component to mount twice, which is causing undesired\n\t * side-effects. These side-effects appear to only affect certain\n\t * E2E tests.\n\t *\n\t * This was initial discovered in this pull-request:\n\t * https://github.com/WordPress/gutenberg/pull/23425\n\t */\n\tconst initialAccessibleToolbarState = true;\n\n\t// By default, it's gonna render NavigableMenu. If all the tabbable elements\n\t// inside the toolbar are ToolbarItem components (or derived components like\n\t// ToolbarButton), then we can wrap them with the accessible Toolbar\n\t// component.\n\tconst [ isAccessibleToolbar, setIsAccessibleToolbar ] = useState(\n\t\tinitialAccessibleToolbarState\n\t);\n\n\tconst determineIsAccessibleToolbar = useCallback( () => {\n\t\tconst tabbables = focus.tabbable.find( ref.current );\n\t\tconst onlyToolbarItem = hasOnlyToolbarItem( tabbables );\n\t\tif ( ! onlyToolbarItem ) {\n\t\t\tdeprecated( 'Using custom components as toolbar controls', {\n\t\t\t\tsince: '5.6',\n\t\t\t\talternative:\n\t\t\t\t\t'ToolbarItem, ToolbarButton or ToolbarDropdownMenu components',\n\t\t\t\tlink: 'https://developer.wordpress.org/block-editor/components/toolbar-button/#inside-blockcontrols',\n\t\t\t} );\n\t\t}\n\t\tsetIsAccessibleToolbar( onlyToolbarItem );\n\t}, [] );\n\n\tuseLayoutEffect( () => {\n\t\t// Toolbar buttons may be rendered asynchronously, so we use\n\t\t// MutationObserver to check if the toolbar subtree has been modified.\n\t\tconst observer = new window.MutationObserver(\n\t\t\tdetermineIsAccessibleToolbar\n\t\t);\n\t\tobserver.observe( ref.current, { childList: true, subtree: true } );\n\t\treturn () => observer.disconnect();\n\t}, [ isAccessibleToolbar ] );\n\n\treturn isAccessibleToolbar;\n}\n\nfunction useToolbarFocus(\n\tref,\n\tfocusOnMount,\n\tisAccessibleToolbar,\n\tdefaultIndex,\n\tonIndexChange,\n\tshouldUseKeyboardFocusShortcut\n) {\n\t// Make sure we don't use modified versions of this prop.\n\tconst [ initialFocusOnMount ] = useState( focusOnMount );\n\tconst [ initialIndex ] = useState( defaultIndex );\n\n\tconst focusToolbar = useCallback( () => {\n\t\tfocusFirstTabbableIn( ref.current );\n\t}, [] );\n\n\tconst focusToolbarViaShortcut = () => {\n\t\tif ( shouldUseKeyboardFocusShortcut ) {\n\t\t\tfocusToolbar();\n\t\t}\n\t};\n\n\t// Focus on toolbar when pressing alt+F10 when the toolbar is visible.\n\tuseShortcut( 'core/block-editor/focus-toolbar', focusToolbarViaShortcut );\n\n\tuseEffect( () => {\n\t\tif ( initialFocusOnMount ) {\n\t\t\tfocusToolbar();\n\t\t}\n\t}, [ isAccessibleToolbar, initialFocusOnMount, focusToolbar ] );\n\n\tuseEffect( () => {\n\t\t// Store ref so we have access on useEffect cleanup: https://legacy.reactjs.org/blog/2020/08/10/react-v17-rc.html#effect-cleanup-timing\n\t\tconst navigableToolbarRef = ref.current;\n\t\t// If initialIndex is passed, we focus on that toolbar item when the\n\t\t// toolbar gets mounted and initial focus is not forced.\n\t\t// We have to wait for the next browser paint because block controls aren't\n\t\t// rendered right away when the toolbar gets mounted.\n\t\tlet raf = 0;\n\t\tif ( ! initialFocusOnMount ) {\n\t\t\traf = window.requestAnimationFrame( () => {\n\t\t\t\tconst items = getAllToolbarItemsIn( navigableToolbarRef );\n\t\t\t\tconst index = initialIndex || 0;\n\t\t\t\tif ( items[ index ] && hasFocusWithin( navigableToolbarRef ) ) {\n\t\t\t\t\titems[ index ].focus( {\n\t\t\t\t\t\t// When focusing newly mounted toolbars,\n\t\t\t\t\t\t// the position of the popover is often not right on the first render\n\t\t\t\t\t\t// This prevents the layout shifts when focusing the dialogs.\n\t\t\t\t\t\tpreventScroll: true,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t\treturn () => {\n\t\t\twindow.cancelAnimationFrame( raf );\n\t\t\tif ( ! onIndexChange || ! navigableToolbarRef ) return;\n\t\t\t// When the toolbar element is unmounted and onIndexChange is passed, we\n\t\t\t// pass the focused toolbar item index so it can be hydrated later.\n\t\t\tconst items = getAllToolbarItemsIn( navigableToolbarRef );\n\t\t\tconst index = items.findIndex( ( item ) => item.tabIndex === 0 );\n\t\t\tonIndexChange( index );\n\t\t};\n\t}, [ initialIndex, initialFocusOnMount ] );\n}\n\nfunction NavigableToolbar( {\n\tchildren,\n\tfocusOnMount,\n\tshouldUseKeyboardFocusShortcut = true,\n\t__experimentalInitialIndex: initialIndex,\n\t__experimentalOnIndexChange: onIndexChange,\n\t...props\n} ) {\n\tconst ref = useRef();\n\tconst isAccessibleToolbar = useIsAccessibleToolbar( ref );\n\n\tuseToolbarFocus(\n\t\tref,\n\t\tfocusOnMount,\n\t\tisAccessibleToolbar,\n\t\tinitialIndex,\n\t\tonIndexChange,\n\t\tshouldUseKeyboardFocusShortcut\n\t);\n\n\tif ( isAccessibleToolbar ) {\n\t\treturn (\n\t\t\t<Toolbar label={ props[ 'aria-label' ] } ref={ ref } { ...props }>\n\t\t\t\t{ children }\n\t\t\t</Toolbar>\n\t\t);\n\t}\n\n\treturn (\n\t\t<NavigableMenu\n\t\t\torientation=\"horizontal\"\n\t\t\trole=\"toolbar\"\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children }\n\t\t</NavigableMenu>\n\t);\n}\n\nexport default NavigableToolbar;\n"],"mappings":"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"}

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

@@ -6,19 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.useMouseMoveTypingReset = useMouseMoveTypingReset;
 exports.useTypingObserver = useTypingObserver;
-
 var _element = require("@wordpress/element");
-
 var _compose = require("@wordpress/compose");
-
 var _data = require("@wordpress/data");
-
 var _dom = require("@wordpress/dom");
-
 var _keycodes = require("@wordpress/keycodes");
-
 var _store = require("../../store");
-
 /**
  * WordPress dependencies
  */
@@ -33,6 +26,7 @@ var _store = require("../../store");
  * @type {Set<number>}
  */
 const KEY_DOWN_ELIGIBLE_KEY_CODES = new Set([_keycodes.UP, _keycodes.RIGHT, _keycodes.DOWN, _keycodes.LEFT, _keycodes.ENTER, _keycodes.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
@@ -42,7 +36,6 @@ const KEY_DOWN_ELIGIBLE_KEY_CODES = new Set([_keycodes.UP, _keycodes.RIGHT, _key
  *
  * @return {boolean} Whether event is eligible to start typing.
  */
-
 function isKeyDownEligibleForStartTyping(event) {
   const {
     keyCode,
@@ -50,12 +43,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.
  */
-
-
 function useMouseMoveTypingReset() {
   const isTyping = (0, _data.useSelect)(select => select(_store.store).isTyping(), []);
   const {
@@ -65,39 +57,38 @@ 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:
  *
@@ -105,8 +96,6 @@ 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.
  */
-
-
 function useTypingObserver() {
   const {
     isTyping,
@@ -133,31 +122,34 @@ 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 (!(0, _dom.isTextField)(target)) {
             stopTyping();
           }
         });
       }
+
       /**
        * Unsets typing flag if user presses Escape while typing flag is
        * active.
@@ -165,36 +157,29 @@ function useTypingObserver() {
        * @param {KeyboardEvent} event Keypress or keydown event to
        *                              interpret.
        */
-
-
       function stopTypingOnEscapeKey(event) {
         const {
           keyCode
         } = event;
-
         if (keyCode === _keycodes.ESCAPE || keyCode === _keycodes.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);
@@ -202,37 +187,35 @@ 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 (!(0, _dom.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 () => {
@@ -242,7 +225,6 @@ function useTypingObserver() {
   }, [isTyping, hasInlineToolbar, startTyping, stopTyping]);
   return (0, _compose.useMergeRefs)([ref1, ref2]);
 }
-
 function ObserveTyping({
   children
 }) {
@@ -250,11 +232,10 @@ function ObserveTyping({
     ref: useTypingObserver()
   }, children);
 }
+
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/observe-typing/README.md
  */
-
-
 var _default = ObserveTyping;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/observe-typing/index.js"],"names":["KEY_DOWN_ELIGIBLE_KEY_CODES","Set","UP","RIGHT","DOWN","LEFT","ENTER","BACKSPACE","isKeyDownEligibleForStartTyping","event","keyCode","shiftKey","has","useMouseMoveTypingReset","isTyping","select","blockEditorStore","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","ESCAPE","TAB","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":["_compose","require","_data","_dom","_keycodes","_store","KEY_DOWN_ELIGIBLE_KEY_CODES","Set","UP","RIGHT","DOWN","LEFT","ENTER","BACKSPACE","isKeyDownEligibleForStartTyping","event","keyCode","shiftKey","has","useMouseMoveTypingReset","isTyping","useSelect","select","blockEditorStore","stopTyping","useDispatch","useRefEffect","node","ownerDocument","lastClientX","lastClientY","stopTypingOnMouseMove","clientX","clientY","addEventListener","removeEventListener","useTypingObserver","hasInlineToolbar","_isTyping","getSettings","startTyping","ref1","ref2","defaultView","selection","getSelection","timerId","stopTypingOnNonTextField","target","setTimeout","isTextField","stopTypingOnEscapeKey","ESCAPE","TAB","stopTypingOnSelectionUncollapse","isCollapsed","clearTimeout","startTypingInTextField","type","contains","useMergeRefs","ObserveTyping","children","_element","createElement","ref","_default","exports","default"],"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":";;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAcA,IAAAI,MAAA,GAAAJ,OAAA;AApBA;AACA;AACA;;AAeA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA,MAAMK,2BAA2B,GAAG,IAAIC,GAAG,CAAE,CAC5CC,YAAE,EACFC,eAAK,EACLC,cAAI,EACJC,cAAI,EACJC,eAAK,EACLC,mBAAS,CACR,CAAC;;AAEH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,+BAA+BA,CAAEC,KAAK,EAAG;EACjD,MAAM;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACnC,OAAO,CAAEE,QAAQ,IAAIX,2BAA2B,CAACY,GAAG,CAAEF,OAAQ,CAAC;AAChE;;AAEA;AACA;AACA;AACA;AACO,SAASG,uBAAuBA,CAAA,EAAG;EACzC,MAAMC,QAAQ,GAAG,IAAAC,eAAS,EACvBC,MAAM,IAAMA,MAAM,CAAEC,YAAiB,CAAC,CAACH,QAAQ,CAAC,CAAC,EACnD,EACD,CAAC;EACD,MAAM;IAAEI;EAAW,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAiB,CAAC;EAEtD,OAAO,IAAAG,qBAAY,EAChBC,IAAI,IAAM;IACX,IAAK,CAAEP,QAAQ,EAAG;MACjB;IACD;IAEA,MAAM;MAAEQ;IAAc,CAAC,GAAGD,IAAI;IAC9B,IAAIE,WAAW;IACf,IAAIC,WAAW;;IAEf;AACH;AACA;AACA;AACA;IACG,SAASC,qBAAqBA,CAAEhB,KAAK,EAAG;MACvC,MAAM;QAAEiB,OAAO;QAAEC;MAAQ,CAAC,GAAGlB,KAAK;;MAElC;MACA;MACA,IACCc,WAAW,IACXC,WAAW,KACTD,WAAW,KAAKG,OAAO,IAAIF,WAAW,KAAKG,OAAO,CAAE,EACrD;QACDT,UAAU,CAAC,CAAC;MACb;MAEAK,WAAW,GAAGG,OAAO;MACrBF,WAAW,GAAGG,OAAO;IACtB;IAEAL,aAAa,CAACM,gBAAgB,CAC7B,WAAW,EACXH,qBACD,CAAC;IAED,OAAO,MAAM;MACZH,aAAa,CAACO,mBAAmB,CAChC,WAAW,EACXJ,qBACD,CAAC;IACF,CAAC;EACF,CAAC,EACD,CAAEX,QAAQ,EAAEI,UAAU,CACvB,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASY,iBAAiBA,CAAA,EAAG;EACnC,MAAM;IAAEhB,QAAQ;IAAEiB;EAAiB,CAAC,GAAG,IAAAhB,eAAS,EAAIC,MAAM,IAAM;IAC/D,MAAM;MAAEF,QAAQ,EAAEkB,SAAS;MAAEC;IAAY,CAAC,GAAGjB,MAAM,CAAEC,YAAiB,CAAC;IACvE,OAAO;MACNH,QAAQ,EAAEkB,SAAS,CAAC,CAAC;MACrBD,gBAAgB,EAAEE,WAAW,CAAC,CAAC,CAACF;IACjC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEG,WAAW;IAAEhB;EAAW,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAiB,CAAC;EAEnE,MAAMkB,IAAI,GAAGtB,uBAAuB,CAAC,CAAC;EACtC,MAAMuB,IAAI,GAAG,IAAAhB,qBAAY,EACtBC,IAAI,IAAM;IACX,MAAM;MAAEC;IAAc,CAAC,GAAGD,IAAI;IAC9B,MAAM;MAAEgB;IAAY,CAAC,GAAGf,aAAa;IACrC,MAAMgB,SAAS,GAAGD,WAAW,CAACE,YAAY,CAAC,CAAC;;IAE5C;IACA;IACA,IAAKzB,QAAQ,EAAG;MACf,IAAI0B,OAAO;;MAEX;AACJ;AACA;AACA;AACA;MACI,SAASC,wBAAwBA,CAAEhC,KAAK,EAAG;QAC1C,MAAM;UAAEiC;QAAO,CAAC,GAAGjC,KAAK;;QAExB;QACA;QACA;QACA;QACA+B,OAAO,GAAGH,WAAW,CAACM,UAAU,CAAE,MAAM;UACvC,IAAK,CAAE,IAAAC,gBAAW,EAAEF,MAAO,CAAC,EAAG;YAC9BxB,UAAU,CAAC,CAAC;UACb;QACD,CAAE,CAAC;MACJ;;MAEA;AACJ;AACA;AACA;AACA;AACA;AACA;MACI,SAAS2B,qBAAqBA,CAAEpC,KAAK,EAAG;QACvC,MAAM;UAAEC;QAAQ,CAAC,GAAGD,KAAK;QAEzB,IAAKC,OAAO,KAAKoC,gBAAM,IAAIpC,OAAO,KAAKqC,aAAG,EAAG;UAC5C7B,UAAU,CAAC,CAAC;QACb;MACD;;MAEA;AACJ;AACA;AACA;MACI,SAAS8B,+BAA+BA,CAAA,EAAG;QAC1C,IAAK,CAAEV,SAAS,CAACW,WAAW,EAAG;UAC9B/B,UAAU,CAAC,CAAC;QACb;MACD;MAEAG,IAAI,CAACO,gBAAgB,CAAE,OAAO,EAAEa,wBAAyB,CAAC;MAC1DpB,IAAI,CAACO,gBAAgB,CAAE,SAAS,EAAEiB,qBAAsB,CAAC;MAEzD,IAAK,CAAEd,gBAAgB,EAAG;QACzBT,aAAa,CAACM,gBAAgB,CAC7B,iBAAiB,EACjBoB,+BACD,CAAC;MACF;MAEA,OAAO,MAAM;QACZX,WAAW,CAACa,YAAY,CAAEV,OAAQ,CAAC;QACnCnB,IAAI,CAACQ,mBAAmB,CACvB,OAAO,EACPY,wBACD,CAAC;QACDpB,IAAI,CAACQ,mBAAmB,CACvB,SAAS,EACTgB,qBACD,CAAC;QACDvB,aAAa,CAACO,mBAAmB,CAChC,iBAAiB,EACjBmB,+BACD,CAAC;MACF,CAAC;IACF;;IAEA;AACH;AACA;AACA;AACA;AACA;IACG,SAASG,sBAAsBA,CAAE1C,KAAK,EAAG;MACxC,MAAM;QAAE2C,IAAI;QAAEV;MAAO,CAAC,GAAGjC,KAAK;;MAE9B;MACA;MACA;MACA,IAAK,CAAE,IAAAmC,gBAAW,EAAEF,MAAO,CAAC,IAAI,CAAErB,IAAI,CAACgC,QAAQ,CAAEX,MAAO,CAAC,EAAG;QAC3D;MACD;;MAEA;MACA;MACA;MACA;MACA,IACCU,IAAI,KAAK,SAAS,IAClB,CAAE5C,+BAA+B,CAAEC,KAAM,CAAC,EACzC;QACD;MACD;MAEAyB,WAAW,CAAC,CAAC;IACd;IAEAb,IAAI,CAACO,gBAAgB,CAAE,UAAU,EAAEuB,sBAAuB,CAAC;IAC3D9B,IAAI,CAACO,gBAAgB,CAAE,SAAS,EAAEuB,sBAAuB,CAAC;IAE1D,OAAO,MAAM;MACZ9B,IAAI,CAACQ,mBAAmB,CAAE,UAAU,EAAEsB,sBAAuB,CAAC;MAC9D9B,IAAI,CAACQ,mBAAmB,CAAE,SAAS,EAAEsB,sBAAuB,CAAC;IAC9D,CAAC;EACF,CAAC,EACD,CAAErC,QAAQ,EAAEiB,gBAAgB,EAAEG,WAAW,EAAEhB,UAAU,CACtD,CAAC;EAED,OAAO,IAAAoC,qBAAY,EAAE,CAAEnB,IAAI,EAAEC,IAAI,CAAG,CAAC;AACtC;AAEA,SAASmB,aAAaA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACtC,OAAO,IAAAC,QAAA,CAAAC,aAAA;IAAKC,GAAG,EAAG7B,iBAAiB,CAAC;EAAG,GAAG0B,QAAe,CAAC;AAC3D;;AAEA;AACA;AACA;AAFA,IAAAI,QAAA,GAGeL,aAAa;AAAAM,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -1,19 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _panelColorGradientSettings = _interopRequireDefault(require("../colors-gradients/panel-color-gradient-settings"));
-
 /**
  * Internal dependencies
  */
+
 const PanelColorSettings = ({
   colorSettings,
   ...props
@@ -22,13 +19,13 @@ const PanelColorSettings = ({
     if (!setting) {
       return setting;
     }
-
     const {
       value,
       onChange,
       ...otherSettings
     } = setting;
-    return { ...otherSettings,
+    return {
+      ...otherSettings,
       colorValue: value,
       onColorChange: onChange
     };
@@ -40,7 +37,6 @@ const PanelColorSettings = ({
     ...props
   });
 };
-
 var _default = PanelColorSettings;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/panel-color-settings/index.js"],"names":["PanelColorSettings","colorSettings","props","settings","map","setting","value","onChange","otherSettings","colorValue","onColorChange"],"mappings":";;;;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,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,4BAAC,mCAAD;AACC,IAAA,QAAQ,EAAGJ,QADZ;AAEC,IAAA,SAAS,EAAG,EAFb;AAGC,IAAA,sBAAsB,EAAG,IAH1B;AAAA,OAIMD;AAJN,IADD;AAQA,CApBD;;eAqBeF,kB","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","_interopRequireDefault","require","PanelColorSettings","colorSettings","props","settings","map","setting","value","onChange","otherSettings","colorValue","onColorChange","_element","createElement","default","gradients","disableCustomGradients","_default","exports"],"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":";;;;;;;;AAGA,IAAAA,2BAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGA,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,OACC,IAAAI,QAAA,CAAAC,aAAA,EAACf,2BAAA,CAAAgB,OAA0B;IAC1BV,QAAQ,EAAGA,QAAU;IACrBW,SAAS,EAAG,EAAI;IAChBC,sBAAsB,EAAG,IAAM;IAAA,GAC1Bb;EAAK,CACV,CAAC;AAEJ,CAAC;AAAC,IAAAc,QAAA,GACahB,kBAAkB;AAAAiB,OAAA,CAAAJ,OAAA,GAAAG,QAAA"}

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

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactAutosizeTextarea = _interopRequireDefault(require("react-autosize-textarea"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _editableText = _interopRequireDefault(require("../editable-text"));
-
 /**
  * External dependencies
  */
@@ -40,7 +34,6 @@ const PlainText = (0, _element.forwardRef)(({
       ...props
     });
   }
-
   const {
     className,
     onChange,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/plain-text/index.js"],"names":["PlainText","__experimentalVersion","props","ref","className","onChange","remainingProps","event","target","value"],"mappings":";;;;;;;;;AASA;;AANA;;AACA;;AAUA;;AAdA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,yBAAY,CAAE;AAAEC,EAAAA,qBAAF;AAAyB,KAAGC;AAA5B,CAAF,EAAuCC,GAAvC,KAAgD;AAC7E,MAAKF,qBAAqB,KAAK,CAA/B,EAAmC;AAClC,WAAO,4BAAC,qBAAD;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,4BAAC,8BAAD;AACC,IAAA,GAAG,EAAGC,GADP;AAEC,IAAA,SAAS,EAAG,yBAAY,yBAAZ,EAAuCC,SAAvC,CAFb;AAGC,IAAA,QAAQ,EAAKG,KAAF,IAAaF,QAAQ,CAAEE,KAAK,CAACC,MAAN,CAAaC,KAAf,CAHjC;AAAA,OAIMH;AAJN,IADD;AAQA,CAfiB,CAAlB;eAiBeN,S","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":["_element","require","_reactAutosizeTextarea","_interopRequireDefault","_classnames","_editableText","PlainText","forwardRef","__experimentalVersion","props","ref","createElement","default","className","onChange","remainingProps","classnames","event","target","value","_default","exports"],"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":";;;;;;;AASA,IAAAA,QAAA,GAAAC,OAAA;AANA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AAUA,IAAAI,aAAA,GAAAF,sBAAA,CAAAF,OAAA;AAdA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA,MAAMK,SAAS,GAAG,IAAAC,mBAAU,EAAE,CAAE;EAAEC,qBAAqB;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAM;EAC7E,IAAKF,qBAAqB,KAAK,CAAC,EAAG;IAClC,OAAO,IAAAR,QAAA,CAAAW,aAAA,EAACN,aAAA,CAAAO,OAAY;MAACF,GAAG,EAAGA,GAAK;MAAA,GAAMD;IAAK,CAAI,CAAC;EACjD;EAEA,MAAM;IAAEI,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAe,CAAC,GAAGN,KAAK;EAExD,OACC,IAAAT,QAAA,CAAAW,aAAA,EAACT,sBAAA,CAAAU,OAAgB;IAChBF,GAAG,EAAGA,GAAK;IACXG,SAAS,EAAG,IAAAG,mBAAU,EAAE,yBAAyB,EAAEH,SAAU,CAAG;IAChEC,QAAQ,EAAKG,KAAK,IAAMH,QAAQ,CAAEG,KAAK,CAACC,MAAM,CAACC,KAAM,CAAG;IAAA,GACnDJ;EAAc,CACnB,CAAC;AAEJ,CAAE,CAAC;AAAC,IAAAK,QAAA,GAEWd,SAAS;AAAAe,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}