@wordpress/block-editor 12.6.0 → 12.8.0

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

@@ -1,50 +1,28 @@
 "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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _data = require("@wordpress/data");
-
 var _compose = require("@wordpress/compose");
-
 var _blocks = require("@wordpress/blocks");
-
 var _components = require("@wordpress/components");
-
 var _blockMover = _interopRequireDefault(require("../block-mover"));
-
 var _blockParentSelector = _interopRequireDefault(require("../block-parent-selector"));
-
 var _blockSwitcher = _interopRequireDefault(require("../block-switcher"));
-
 var _blockControls = _interopRequireDefault(require("../block-controls"));
-
 var _blockToolbarLastItem = _interopRequireDefault(require("./block-toolbar-last-item"));
-
 var _blockSettingsMenu = _interopRequireDefault(require("../block-settings-menu"));
-
 var _blockLock = require("../block-lock");
-
 var _convertToGroupButtons = require("../convert-to-group-buttons");
-
 var _blockEditVisuallyButton = _interopRequireDefault(require("../block-edit-visually-button"));
-
 var _utils = require("./utils");
-
 var _store = require("../../store");
-
 var _blockNameContext = _interopRequireDefault(require("./block-name-context"));
-
-var _lockUnlock = require("../../lock-unlock");
-
 /**
  * External dependencies
  */
@@ -56,17 +34,13 @@ var _lockUnlock = require("../../lock-unlock");
 /**
  * Internal dependencies
  */
+
 const BlockToolbar = ({
   hideDragHandle
 }) => {
-  const {
-    getSelectedBlockClientId
-  } = (0, _data.useSelect)(_store.store);
   const {
     blockClientIds,
     blockType,
-    hasFixedToolbar,
-    isDistractionFree,
     isValid,
     isVisual,
     blockEditingMode
@@ -77,68 +51,41 @@ const BlockToolbar = ({
       getSelectedBlockClientIds,
       isBlockValid,
       getBlockRootClientId,
-      getSettings,
       getBlockEditingMode
-    } = (0, _lockUnlock.unlock)(select(_store.store));
+    } = select(_store.store);
     const selectedBlockClientIds = getSelectedBlockClientIds();
     const selectedBlockClientId = selectedBlockClientIds[0];
     const blockRootClientId = getBlockRootClientId(selectedBlockClientId);
-    const settings = getSettings();
     return {
       blockClientIds: selectedBlockClientIds,
       blockType: selectedBlockClientId && (0, _blocks.getBlockType)(getBlockName(selectedBlockClientId)),
-      hasFixedToolbar: settings.hasFixedToolbar,
-      isDistractionFree: settings.isDistractionFree,
       rootClientId: blockRootClientId,
       isValid: selectedBlockClientIds.every(id => isBlockValid(id)),
       isVisual: selectedBlockClientIds.every(id => getBlockMode(id) === 'visual'),
       blockEditingMode: getBlockEditingMode(selectedBlockClientId)
     };
   }, []);
-  const toolbarWrapperRef = (0, _element.useRef)(null); // Handles highlighting the current block outline on hover or focus of the
-  // block type toolbar area.
+  const toolbarWrapperRef = (0, _element.useRef)(null);
 
-  const {
-    toggleBlockHighlight
-  } = (0, _data.useDispatch)(_store.store);
+  // Handles highlighting the current block outline on hover or focus of the
+  // block type toolbar area.
   const nodeRef = (0, _element.useRef)();
-  const {
-    showMovers,
-    gestures: showMoversGestures
-  } = (0, _utils.useShowMoversGestures)({
-    ref: nodeRef,
-
-    onChange(isFocused) {
-      if (isFocused && isDistractionFree) {
-        return;
-      }
-
-      toggleBlockHighlight(getSelectedBlockClientId(), isFocused);
-    }
-
-  }); // Account for the cases where the block toolbar is rendered within the
-  // header area and not contextually to the block.
-
-  const displayHeaderToolbar = (0, _compose.useViewportMatch)('medium', '<') || hasFixedToolbar;
+  const showHoveredOrFocusedGestures = (0, _utils.useShowHoveredOrFocusedGestures)({
+    ref: nodeRef
+  });
   const isLargeViewport = !(0, _compose.useViewportMatch)('medium', '<');
-
   if (blockType) {
     if (!(0, _blocks.hasBlockSupport)(blockType, '__experimentalToolbar', true)) {
       return null;
     }
   }
-
-  const shouldShowMovers = displayHeaderToolbar || showMovers;
-
   if (blockClientIds.length === 0) {
     return null;
   }
-
   const shouldShowVisualToolbar = isValid && isVisual;
   const isMultiToolbar = blockClientIds.length > 1;
   const isSynced = (0, _blocks.isReusableBlock)(blockType) || (0, _blocks.isTemplatePart)(blockType);
   const classes = (0, _classnames.default)('block-editor-block-toolbar', {
-    'is-showing-movers': shouldShowMovers,
     'is-synced': isSynced
   });
   return (0, _element.createElement)("div", {
@@ -146,7 +93,7 @@ const BlockToolbar = ({
     ref: toolbarWrapperRef
   }, !isMultiToolbar && isLargeViewport && blockEditingMode === 'default' && (0, _element.createElement)(_blockParentSelector.default, null), (shouldShowVisualToolbar || isMultiToolbar) && blockEditingMode === 'default' && (0, _element.createElement)("div", {
     ref: nodeRef,
-    ...showMoversGestures
+    ...showHoveredOrFocusedGestures
   }, (0, _element.createElement)(_components.ToolbarGroup, {
     className: "block-editor-block-toolbar__block-controls"
   }, (0, _element.createElement)(_blockSwitcher.default, {
@@ -179,11 +126,10 @@ const BlockToolbar = ({
     clientIds: blockClientIds
   }));
 };
+
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-toolbar/README.md
  */
-
-
 var _default = BlockToolbar;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-toolbar/index.js"],"names":["BlockToolbar","hideDragHandle","getSelectedBlockClientId","blockEditorStore","blockClientIds","blockType","hasFixedToolbar","isDistractionFree","isValid","isVisual","blockEditingMode","select","getBlockName","getBlockMode","getSelectedBlockClientIds","isBlockValid","getBlockRootClientId","getSettings","getBlockEditingMode","selectedBlockClientIds","selectedBlockClientId","blockRootClientId","settings","rootClientId","every","id","toolbarWrapperRef","toggleBlockHighlight","nodeRef","showMovers","gestures","showMoversGestures","ref","onChange","isFocused","displayHeaderToolbar","isLargeViewport","shouldShowMovers","length","shouldShowVisualToolbar","isMultiToolbar","isSynced","classes","name"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tgetBlockType,\n\thasBlockSupport,\n\tisReusableBlock,\n\tisTemplatePart,\n} from '@wordpress/blocks';\nimport { ToolbarGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockMover from '../block-mover';\nimport BlockParentSelector from '../block-parent-selector';\nimport BlockSwitcher from '../block-switcher';\nimport BlockControls from '../block-controls';\nimport __unstableBlockToolbarLastItem from './block-toolbar-last-item';\nimport BlockSettingsMenu from '../block-settings-menu';\nimport { BlockLockToolbar } from '../block-lock';\nimport { BlockGroupToolbar } from '../convert-to-group-buttons';\nimport BlockEditVisuallyButton from '../block-edit-visually-button';\nimport { useShowMoversGestures } from './utils';\nimport { store as blockEditorStore } from '../../store';\nimport __unstableBlockNameContext from './block-name-context';\nimport { unlock } from '../../lock-unlock';\n\nconst BlockToolbar = ( { hideDragHandle } ) => {\n\tconst { getSelectedBlockClientId } = useSelect( blockEditorStore );\n\tconst {\n\t\tblockClientIds,\n\t\tblockType,\n\t\thasFixedToolbar,\n\t\tisDistractionFree,\n\t\tisValid,\n\t\tisVisual,\n\t\tblockEditingMode,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockName,\n\t\t\tgetBlockMode,\n\t\t\tgetSelectedBlockClientIds,\n\t\t\tisBlockValid,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetSettings,\n\t\t\tgetBlockEditingMode,\n\t\t} = unlock( select( blockEditorStore ) );\n\t\tconst selectedBlockClientIds = getSelectedBlockClientIds();\n\t\tconst selectedBlockClientId = selectedBlockClientIds[ 0 ];\n\t\tconst blockRootClientId = getBlockRootClientId( selectedBlockClientId );\n\t\tconst settings = getSettings();\n\n\t\treturn {\n\t\t\tblockClientIds: selectedBlockClientIds,\n\t\t\tblockType:\n\t\t\t\tselectedBlockClientId &&\n\t\t\t\tgetBlockType( getBlockName( selectedBlockClientId ) ),\n\t\t\thasFixedToolbar: settings.hasFixedToolbar,\n\t\t\tisDistractionFree: settings.isDistractionFree,\n\t\t\trootClientId: blockRootClientId,\n\t\t\tisValid: selectedBlockClientIds.every( ( id ) =>\n\t\t\t\tisBlockValid( id )\n\t\t\t),\n\t\t\tisVisual: selectedBlockClientIds.every(\n\t\t\t\t( id ) => getBlockMode( id ) === 'visual'\n\t\t\t),\n\t\t\tblockEditingMode: getBlockEditingMode( selectedBlockClientId ),\n\t\t};\n\t}, [] );\n\n\tconst toolbarWrapperRef = useRef( null );\n\n\t// Handles highlighting the current block outline on hover or focus of the\n\t// block type toolbar area.\n\tconst { toggleBlockHighlight } = useDispatch( blockEditorStore );\n\tconst nodeRef = useRef();\n\tconst { showMovers, gestures: showMoversGestures } = useShowMoversGestures(\n\t\t{\n\t\t\tref: nodeRef,\n\t\t\tonChange( isFocused ) {\n\t\t\t\tif ( isFocused && isDistractionFree ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\ttoggleBlockHighlight( getSelectedBlockClientId(), isFocused );\n\t\t\t},\n\t\t}\n\t);\n\n\t// Account for the cases where the block toolbar is rendered within the\n\t// header area and not contextually to the block.\n\tconst displayHeaderToolbar =\n\t\tuseViewportMatch( 'medium', '<' ) || hasFixedToolbar;\n\tconst isLargeViewport = ! useViewportMatch( 'medium', '<' );\n\n\tif ( blockType ) {\n\t\tif ( ! hasBlockSupport( blockType, '__experimentalToolbar', true ) ) {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\tconst shouldShowMovers = displayHeaderToolbar || showMovers;\n\n\tif ( blockClientIds.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst shouldShowVisualToolbar = isValid && isVisual;\n\tconst isMultiToolbar = blockClientIds.length > 1;\n\tconst isSynced =\n\t\tisReusableBlock( blockType ) || isTemplatePart( blockType );\n\n\tconst classes = classnames( 'block-editor-block-toolbar', {\n\t\t'is-showing-movers': shouldShowMovers,\n\t\t'is-synced': isSynced,\n\t} );\n\n\treturn (\n\t\t<div className={ classes } ref={ toolbarWrapperRef }>\n\t\t\t{ ! isMultiToolbar &&\n\t\t\t\tisLargeViewport &&\n\t\t\t\tblockEditingMode === 'default' && <BlockParentSelector /> }\n\t\t\t{ ( shouldShowVisualToolbar || isMultiToolbar ) &&\n\t\t\t\tblockEditingMode === 'default' && (\n\t\t\t\t\t<div ref={ nodeRef } { ...showMoversGestures }>\n\t\t\t\t\t\t<ToolbarGroup className=\"block-editor-block-toolbar__block-controls\">\n\t\t\t\t\t\t\t<BlockSwitcher clientIds={ blockClientIds } />\n\t\t\t\t\t\t\t{ ! isMultiToolbar && (\n\t\t\t\t\t\t\t\t<BlockLockToolbar\n\t\t\t\t\t\t\t\t\tclientId={ blockClientIds[ 0 ] }\n\t\t\t\t\t\t\t\t\twrapperRef={ toolbarWrapperRef }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<BlockMover\n\t\t\t\t\t\t\t\tclientIds={ blockClientIds }\n\t\t\t\t\t\t\t\thideDragHandle={ hideDragHandle }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t{ shouldShowVisualToolbar && isMultiToolbar && (\n\t\t\t\t<BlockGroupToolbar />\n\t\t\t) }\n\t\t\t{ shouldShowVisualToolbar && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls.Slot\n\t\t\t\t\t\tgroup=\"parent\"\n\t\t\t\t\t\tclassName=\"block-editor-block-toolbar__slot\"\n\t\t\t\t\t/>\n\t\t\t\t\t<BlockControls.Slot\n\t\t\t\t\t\tgroup=\"block\"\n\t\t\t\t\t\tclassName=\"block-editor-block-toolbar__slot\"\n\t\t\t\t\t/>\n\t\t\t\t\t<BlockControls.Slot className=\"block-editor-block-toolbar__slot\" />\n\t\t\t\t\t<BlockControls.Slot\n\t\t\t\t\t\tgroup=\"inline\"\n\t\t\t\t\t\tclassName=\"block-editor-block-toolbar__slot\"\n\t\t\t\t\t/>\n\t\t\t\t\t<BlockControls.Slot\n\t\t\t\t\t\tgroup=\"other\"\n\t\t\t\t\t\tclassName=\"block-editor-block-toolbar__slot\"\n\t\t\t\t\t/>\n\t\t\t\t\t<__unstableBlockNameContext.Provider\n\t\t\t\t\t\tvalue={ blockType?.name }\n\t\t\t\t\t>\n\t\t\t\t\t\t<__unstableBlockToolbarLastItem.Slot />\n\t\t\t\t\t</__unstableBlockNameContext.Provider>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<BlockEditVisuallyButton clientIds={ blockClientIds } />\n\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t<BlockSettingsMenu clientIds={ blockClientIds } />\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-toolbar/README.md\n */\nexport default BlockToolbar;\n"]}
+{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_data","_compose","_blocks","_components","_blockMover","_blockParentSelector","_blockSwitcher","_blockControls","_blockToolbarLastItem","_blockSettingsMenu","_blockLock","_convertToGroupButtons","_blockEditVisuallyButton","_utils","_store","_blockNameContext","BlockToolbar","hideDragHandle","blockClientIds","blockType","isValid","isVisual","blockEditingMode","useSelect","select","getBlockName","getBlockMode","getSelectedBlockClientIds","isBlockValid","getBlockRootClientId","getBlockEditingMode","blockEditorStore","selectedBlockClientIds","selectedBlockClientId","blockRootClientId","getBlockType","rootClientId","every","id","toolbarWrapperRef","useRef","nodeRef","showHoveredOrFocusedGestures","useShowHoveredOrFocusedGestures","ref","isLargeViewport","useViewportMatch","hasBlockSupport","length","shouldShowVisualToolbar","isMultiToolbar","isSynced","isReusableBlock","isTemplatePart","classes","classnames","createElement","className","default","ToolbarGroup","clientIds","BlockLockToolbar","clientId","wrapperRef","BlockGroupToolbar","Fragment","Slot","group","Provider","value","name","_default","exports"],"sources":["@wordpress/block-editor/src/components/block-toolbar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tgetBlockType,\n\thasBlockSupport,\n\tisReusableBlock,\n\tisTemplatePart,\n} from '@wordpress/blocks';\nimport { ToolbarGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockMover from '../block-mover';\nimport BlockParentSelector from '../block-parent-selector';\nimport BlockSwitcher from '../block-switcher';\nimport BlockControls from '../block-controls';\nimport __unstableBlockToolbarLastItem from './block-toolbar-last-item';\nimport BlockSettingsMenu from '../block-settings-menu';\nimport { BlockLockToolbar } from '../block-lock';\nimport { BlockGroupToolbar } from '../convert-to-group-buttons';\nimport BlockEditVisuallyButton from '../block-edit-visually-button';\nimport { useShowHoveredOrFocusedGestures } from './utils';\nimport { store as blockEditorStore } from '../../store';\nimport __unstableBlockNameContext from './block-name-context';\n\nconst BlockToolbar = ( { hideDragHandle } ) => {\n\tconst { blockClientIds, blockType, isValid, isVisual, blockEditingMode } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockMode,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\tisBlockValid,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\tgetBlockEditingMode,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst selectedBlockClientIds = getSelectedBlockClientIds();\n\t\t\tconst selectedBlockClientId = selectedBlockClientIds[ 0 ];\n\t\t\tconst blockRootClientId = getBlockRootClientId(\n\t\t\t\tselectedBlockClientId\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tblockClientIds: selectedBlockClientIds,\n\t\t\t\tblockType:\n\t\t\t\t\tselectedBlockClientId &&\n\t\t\t\t\tgetBlockType( getBlockName( selectedBlockClientId ) ),\n\t\t\t\trootClientId: blockRootClientId,\n\t\t\t\tisValid: selectedBlockClientIds.every( ( id ) =>\n\t\t\t\t\tisBlockValid( id )\n\t\t\t\t),\n\t\t\t\tisVisual: selectedBlockClientIds.every(\n\t\t\t\t\t( id ) => getBlockMode( id ) === 'visual'\n\t\t\t\t),\n\t\t\t\tblockEditingMode: getBlockEditingMode( selectedBlockClientId ),\n\t\t\t};\n\t\t}, [] );\n\n\tconst toolbarWrapperRef = useRef( null );\n\n\t// Handles highlighting the current block outline on hover or focus of the\n\t// block type toolbar area.\n\tconst nodeRef = useRef();\n\tconst showHoveredOrFocusedGestures = useShowHoveredOrFocusedGestures( {\n\t\tref: nodeRef,\n\t} );\n\n\tconst isLargeViewport = ! useViewportMatch( 'medium', '<' );\n\n\tif ( blockType ) {\n\t\tif ( ! hasBlockSupport( blockType, '__experimentalToolbar', true ) ) {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\tif ( blockClientIds.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst shouldShowVisualToolbar = isValid && isVisual;\n\tconst isMultiToolbar = blockClientIds.length > 1;\n\tconst isSynced =\n\t\tisReusableBlock( blockType ) || isTemplatePart( blockType );\n\n\tconst classes = classnames( 'block-editor-block-toolbar', {\n\t\t'is-synced': isSynced,\n\t} );\n\n\treturn (\n\t\t<div className={ classes } ref={ toolbarWrapperRef }>\n\t\t\t{ ! isMultiToolbar &&\n\t\t\t\tisLargeViewport &&\n\t\t\t\tblockEditingMode === 'default' && <BlockParentSelector /> }\n\t\t\t{ ( shouldShowVisualToolbar || isMultiToolbar ) &&\n\t\t\t\tblockEditingMode === 'default' && (\n\t\t\t\t\t<div ref={ nodeRef } { ...showHoveredOrFocusedGestures }>\n\t\t\t\t\t\t<ToolbarGroup className=\"block-editor-block-toolbar__block-controls\">\n\t\t\t\t\t\t\t<BlockSwitcher clientIds={ blockClientIds } />\n\t\t\t\t\t\t\t{ ! isMultiToolbar && (\n\t\t\t\t\t\t\t\t<BlockLockToolbar\n\t\t\t\t\t\t\t\t\tclientId={ blockClientIds[ 0 ] }\n\t\t\t\t\t\t\t\t\twrapperRef={ toolbarWrapperRef }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<BlockMover\n\t\t\t\t\t\t\t\tclientIds={ blockClientIds }\n\t\t\t\t\t\t\t\thideDragHandle={ hideDragHandle }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t{ shouldShowVisualToolbar && isMultiToolbar && (\n\t\t\t\t<BlockGroupToolbar />\n\t\t\t) }\n\t\t\t{ shouldShowVisualToolbar && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls.Slot\n\t\t\t\t\t\tgroup=\"parent\"\n\t\t\t\t\t\tclassName=\"block-editor-block-toolbar__slot\"\n\t\t\t\t\t/>\n\t\t\t\t\t<BlockControls.Slot\n\t\t\t\t\t\tgroup=\"block\"\n\t\t\t\t\t\tclassName=\"block-editor-block-toolbar__slot\"\n\t\t\t\t\t/>\n\t\t\t\t\t<BlockControls.Slot className=\"block-editor-block-toolbar__slot\" />\n\t\t\t\t\t<BlockControls.Slot\n\t\t\t\t\t\tgroup=\"inline\"\n\t\t\t\t\t\tclassName=\"block-editor-block-toolbar__slot\"\n\t\t\t\t\t/>\n\t\t\t\t\t<BlockControls.Slot\n\t\t\t\t\t\tgroup=\"other\"\n\t\t\t\t\t\tclassName=\"block-editor-block-toolbar__slot\"\n\t\t\t\t\t/>\n\t\t\t\t\t<__unstableBlockNameContext.Provider\n\t\t\t\t\t\tvalue={ blockType?.name }\n\t\t\t\t\t>\n\t\t\t\t\t\t<__unstableBlockToolbarLastItem.Slot />\n\t\t\t\t\t</__unstableBlockNameContext.Provider>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<BlockEditVisuallyButton clientIds={ blockClientIds } />\n\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t<BlockSettingsMenu clientIds={ blockClientIds } />\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-toolbar/README.md\n */\nexport default BlockToolbar;\n"],"mappings":"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"}

package/build/components/block-toolbar/index.native.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockToolbar;
-
 var _element = require("@wordpress/element");
-
 var _data = require("@wordpress/data");
-
 var _blockToolbarMenu = _interopRequireDefault(require("./block-toolbar-menu"));
-
 var _blockControls = _interopRequireDefault(require("../block-controls"));
-
 var _blockMover = _interopRequireDefault(require("../block-mover"));
-
 var _ungroupButton = _interopRequireDefault(require("../ungroup-button"));
-
 var _blockSettings = require("../block-settings");
-
 var _store = require("../../store");
-
 /**
  * WordPress dependencies
  */
@@ -30,8 +20,8 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
-const REMOVE_EMPY_PARENT_BLOCKS = ['core/buttons', 'core/columns', 'core/social-links'];
 
+const REMOVE_EMPY_PARENT_BLOCKS = ['core/buttons', 'core/columns', 'core/social-links'];
 function BlockToolbar({
   anchorNodeRef
 }) {
@@ -82,19 +72,15 @@ function BlockToolbar({
       removeBlock(rootClientId);
       return;
     }
-
     removeBlock(blockClientId);
   }, [blockClientId, parentBlockName, parentNumberOfInnerBlocks, removeBlock, rootClientId]);
-
   if (!isSelected) {
     return null;
   }
-
   return (0, _element.createElement)(_element.Fragment, null, isValidAndVisual && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockSettings.BlockSettingsButton.Slot, null, (fills = [null]) => {
     if (!fills?.length > 0) {
       return null;
     }
-
     return fills[0];
   }), (0, _element.createElement)(_blockControls.default.Slot, {
     group: "block"

package/build/components/block-toolbar/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-toolbar/index.native.js"],"names":["REMOVE_EMPY_PARENT_BLOCKS","BlockToolbar","anchorNodeRef","rootClientId","blockClientId","isSelected","isValidAndVisual","isStackedHorizontally","parentBlockName","parentNumberOfInnerBlocks","select","getBlockListSettings","getBlockMode","getBlockName","getBlockCount","getBlockRootClientId","getSelectedBlockClientIds","isBlockValid","blockEditorStore","selectedBlockClientIds","selectedBlockClientId","blockRootClientId","blockListSettings","orientation","isBlockStackedHorizontally","parentName","numberOfInnerBlocks","length","removeBlock","onRemove","includes","fills"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockActionsMenu from './block-toolbar-menu';\nimport BlockControls from '../block-controls';\nimport BlockMover from '../block-mover';\nimport UngroupButton from '../ungroup-button';\nimport { BlockSettingsButton } from '../block-settings';\nimport { store as blockEditorStore } from '../../store';\n\nconst REMOVE_EMPY_PARENT_BLOCKS = [\n\t'core/buttons',\n\t'core/columns',\n\t'core/social-links',\n];\n\nexport default function BlockToolbar( { anchorNodeRef } ) {\n\tconst {\n\t\trootClientId,\n\t\tblockClientId,\n\t\tisSelected,\n\t\tisValidAndVisual,\n\t\tisStackedHorizontally,\n\t\tparentBlockName,\n\t\tparentNumberOfInnerBlocks,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockListSettings,\n\t\t\tgetBlockMode,\n\t\t\tgetBlockName,\n\t\t\tgetBlockCount,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetSelectedBlockClientIds,\n\t\t\tisBlockValid,\n\t\t} = select( blockEditorStore );\n\t\tconst selectedBlockClientIds = getSelectedBlockClientIds();\n\t\tconst selectedBlockClientId = selectedBlockClientIds[ 0 ];\n\t\tconst blockRootClientId = getBlockRootClientId( selectedBlockClientId );\n\t\tconst blockListSettings = getBlockListSettings( blockRootClientId );\n\t\tconst orientation = blockListSettings?.orientation;\n\t\tconst isBlockStackedHorizontally = orientation === 'horizontal';\n\t\tconst parentName = getBlockName( blockRootClientId );\n\t\tconst numberOfInnerBlocks = getBlockCount( blockRootClientId );\n\n\t\treturn {\n\t\t\trootClientId: blockRootClientId,\n\t\t\tblockClientId: selectedBlockClientId,\n\t\t\tisSelected: selectedBlockClientIds.length > 0,\n\t\t\tisStackedHorizontally: isBlockStackedHorizontally,\n\t\t\tparentBlockName: parentName,\n\t\t\tparentNumberOfInnerBlocks: numberOfInnerBlocks,\n\t\t\tisValidAndVisual:\n\t\t\t\tselectedBlockClientIds.length === 1\n\t\t\t\t\t? isBlockValid( selectedBlockClientIds[ 0 ] ) &&\n\t\t\t\t\t  getBlockMode( selectedBlockClientIds[ 0 ] ) === 'visual'\n\t\t\t\t\t: false,\n\t\t};\n\t}, [] );\n\n\tconst { removeBlock } = useDispatch( blockEditorStore );\n\tconst onRemove = useCallback( () => {\n\t\t// Temp: remove parent block for specific cases where they don't\n\t\t// have inner blocks, ideally we should match the behavior as in\n\t\t// the Web editor and show a placeholder instead of removing the parent.\n\t\tif (\n\t\t\tREMOVE_EMPY_PARENT_BLOCKS.includes( parentBlockName ) &&\n\t\t\tparentNumberOfInnerBlocks === 1\n\t\t) {\n\t\t\tremoveBlock( rootClientId );\n\t\t\treturn;\n\t\t}\n\n\t\tremoveBlock( blockClientId );\n\t}, [\n\t\tblockClientId,\n\t\tparentBlockName,\n\t\tparentNumberOfInnerBlocks,\n\t\tremoveBlock,\n\t\trootClientId,\n\t] );\n\n\tif ( ! isSelected ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isValidAndVisual && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockSettingsButton.Slot>\n\t\t\t\t\t\t{ /* Render only one settings icon even if we have more than one fill - need for hooks with controls. */ }\n\t\t\t\t\t\t{ ( fills = [ null ] ) => {\n\t\t\t\t\t\t\tif ( ! fills?.length > 0 ) {\n\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn fills[ 0 ];\n\t\t\t\t\t\t} }\n\t\t\t\t\t</BlockSettingsButton.Slot>\n\t\t\t\t\t<BlockControls.Slot group=\"block\" />\n\t\t\t\t\t<BlockControls.Slot />\n\t\t\t\t\t<BlockControls.Slot group=\"inline\" />\n\t\t\t\t\t<BlockControls.Slot group=\"other\" />\n\t\t\t\t\t<UngroupButton />\n\n\t\t\t\t\t<BlockMover\n\t\t\t\t\t\tclientIds={ [ blockClientId ] }\n\t\t\t\t\t\tisStackedHorizontally={ isStackedHorizontally }\n\t\t\t\t\t/>\n\n\t\t\t\t\t<BlockActionsMenu\n\t\t\t\t\t\tclientId={ blockClientId }\n\t\t\t\t\t\tisStackedHorizontally={ isStackedHorizontally }\n\t\t\t\t\t\tonDelete={ onRemove }\n\t\t\t\t\t\tanchorNodeRef={ anchorNodeRef }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"names":["_element","require","_data","_blockToolbarMenu","_interopRequireDefault","_blockControls","_blockMover","_ungroupButton","_blockSettings","_store","REMOVE_EMPY_PARENT_BLOCKS","BlockToolbar","anchorNodeRef","rootClientId","blockClientId","isSelected","isValidAndVisual","isStackedHorizontally","parentBlockName","parentNumberOfInnerBlocks","useSelect","select","getBlockListSettings","getBlockMode","getBlockName","getBlockCount","getBlockRootClientId","getSelectedBlockClientIds","isBlockValid","blockEditorStore","selectedBlockClientIds","selectedBlockClientId","blockRootClientId","blockListSettings","orientation","isBlockStackedHorizontally","parentName","numberOfInnerBlocks","length","removeBlock","useDispatch","onRemove","useCallback","includes","createElement","Fragment","BlockSettingsButton","Slot","fills","default","group","clientIds","clientId","onDelete"],"sources":["@wordpress/block-editor/src/components/block-toolbar/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockActionsMenu from './block-toolbar-menu';\nimport BlockControls from '../block-controls';\nimport BlockMover from '../block-mover';\nimport UngroupButton from '../ungroup-button';\nimport { BlockSettingsButton } from '../block-settings';\nimport { store as blockEditorStore } from '../../store';\n\nconst REMOVE_EMPY_PARENT_BLOCKS = [\n\t'core/buttons',\n\t'core/columns',\n\t'core/social-links',\n];\n\nexport default function BlockToolbar( { anchorNodeRef } ) {\n\tconst {\n\t\trootClientId,\n\t\tblockClientId,\n\t\tisSelected,\n\t\tisValidAndVisual,\n\t\tisStackedHorizontally,\n\t\tparentBlockName,\n\t\tparentNumberOfInnerBlocks,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockListSettings,\n\t\t\tgetBlockMode,\n\t\t\tgetBlockName,\n\t\t\tgetBlockCount,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetSelectedBlockClientIds,\n\t\t\tisBlockValid,\n\t\t} = select( blockEditorStore );\n\t\tconst selectedBlockClientIds = getSelectedBlockClientIds();\n\t\tconst selectedBlockClientId = selectedBlockClientIds[ 0 ];\n\t\tconst blockRootClientId = getBlockRootClientId( selectedBlockClientId );\n\t\tconst blockListSettings = getBlockListSettings( blockRootClientId );\n\t\tconst orientation = blockListSettings?.orientation;\n\t\tconst isBlockStackedHorizontally = orientation === 'horizontal';\n\t\tconst parentName = getBlockName( blockRootClientId );\n\t\tconst numberOfInnerBlocks = getBlockCount( blockRootClientId );\n\n\t\treturn {\n\t\t\trootClientId: blockRootClientId,\n\t\t\tblockClientId: selectedBlockClientId,\n\t\t\tisSelected: selectedBlockClientIds.length > 0,\n\t\t\tisStackedHorizontally: isBlockStackedHorizontally,\n\t\t\tparentBlockName: parentName,\n\t\t\tparentNumberOfInnerBlocks: numberOfInnerBlocks,\n\t\t\tisValidAndVisual:\n\t\t\t\tselectedBlockClientIds.length === 1\n\t\t\t\t\t? isBlockValid( selectedBlockClientIds[ 0 ] ) &&\n\t\t\t\t\t  getBlockMode( selectedBlockClientIds[ 0 ] ) === 'visual'\n\t\t\t\t\t: false,\n\t\t};\n\t}, [] );\n\n\tconst { removeBlock } = useDispatch( blockEditorStore );\n\tconst onRemove = useCallback( () => {\n\t\t// Temp: remove parent block for specific cases where they don't\n\t\t// have inner blocks, ideally we should match the behavior as in\n\t\t// the Web editor and show a placeholder instead of removing the parent.\n\t\tif (\n\t\t\tREMOVE_EMPY_PARENT_BLOCKS.includes( parentBlockName ) &&\n\t\t\tparentNumberOfInnerBlocks === 1\n\t\t) {\n\t\t\tremoveBlock( rootClientId );\n\t\t\treturn;\n\t\t}\n\n\t\tremoveBlock( blockClientId );\n\t}, [\n\t\tblockClientId,\n\t\tparentBlockName,\n\t\tparentNumberOfInnerBlocks,\n\t\tremoveBlock,\n\t\trootClientId,\n\t] );\n\n\tif ( ! isSelected ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isValidAndVisual && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockSettingsButton.Slot>\n\t\t\t\t\t\t{ /* Render only one settings icon even if we have more than one fill - need for hooks with controls. */ }\n\t\t\t\t\t\t{ ( fills = [ null ] ) => {\n\t\t\t\t\t\t\tif ( ! fills?.length > 0 ) {\n\t\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn fills[ 0 ];\n\t\t\t\t\t\t} }\n\t\t\t\t\t</BlockSettingsButton.Slot>\n\t\t\t\t\t<BlockControls.Slot group=\"block\" />\n\t\t\t\t\t<BlockControls.Slot />\n\t\t\t\t\t<BlockControls.Slot group=\"inline\" />\n\t\t\t\t\t<BlockControls.Slot group=\"other\" />\n\t\t\t\t\t<UngroupButton />\n\n\t\t\t\t\t<BlockMover\n\t\t\t\t\t\tclientIds={ [ blockClientId ] }\n\t\t\t\t\t\tisStackedHorizontally={ isStackedHorizontally }\n\t\t\t\t\t/>\n\n\t\t\t\t\t<BlockActionsMenu\n\t\t\t\t\t\tclientId={ blockClientId }\n\t\t\t\t\t\tisStackedHorizontally={ isStackedHorizontally }\n\t\t\t\t\t\tonDelete={ onRemove }\n\t\t\t\t\t\tanchorNodeRef={ anchorNodeRef }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/components/block-toolbar/utils.js

@@ -3,91 +3,87 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useDebouncedShowMovers = useDebouncedShowMovers;
-exports.useShowMoversGestures = useShowMoversGestures;
-
+exports.useShowHoveredOrFocusedGestures = useShowHoveredOrFocusedGestures;
+var _data = require("@wordpress/data");
 var _element = require("@wordpress/element");
-
+var _store = require("../../store");
 /**
  * WordPress dependencies
  */
+
+/**
+ * Internal dependencies
+ */
+
 const {
   clearTimeout,
   setTimeout
 } = window;
-
-const noop = () => {};
-
 const DEBOUNCE_TIMEOUT = 200;
+
 /**
- * Hook that creates a showMover state, as well as debounced show/hide callbacks.
+ * Hook that creates debounced callbacks when the node is hovered or focused.
  *
- * @param {Object}   props                       Component props.
- * @param {Object}   props.ref                   Element reference.
- * @param {boolean}  props.isFocused             Whether the component has current focus.
- * @param {number}   [props.debounceTimeout=250] Debounce timeout in milliseconds.
- * @param {Function} [props.onChange=noop]       Callback function.
+ * @param {Object}  props                       Component props.
+ * @param {Object}  props.ref                   Element reference.
+ * @param {boolean} props.isFocused             Whether the component has current focus.
+ * @param {number}  props.highlightParent       Whether to highlight the parent block. It defaults in highlighting the selected block.
+ * @param {number}  [props.debounceTimeout=250] Debounce timeout in milliseconds.
  */
-
-function useDebouncedShowMovers({
+function useDebouncedShowGestures({
   ref,
   isFocused,
-  debounceTimeout = DEBOUNCE_TIMEOUT,
-  onChange = noop
+  highlightParent,
+  debounceTimeout = DEBOUNCE_TIMEOUT
 }) {
-  const [showMovers, setShowMovers] = (0, _element.useState)(false);
+  const {
+    getSelectedBlockClientId,
+    getBlockRootClientId
+  } = (0, _data.useSelect)(_store.store);
+  const {
+    toggleBlockHighlight
+  } = (0, _data.useDispatch)(_store.store);
   const timeoutRef = (0, _element.useRef)();
-
+  const isDistractionFree = (0, _data.useSelect)(select => select(_store.store).getSettings().isDistractionFree, []);
   const handleOnChange = nextIsFocused => {
-    if (ref?.current) {
-      setShowMovers(nextIsFocused);
+    if (nextIsFocused && isDistractionFree) {
+      return;
     }
-
-    onChange(nextIsFocused);
+    const selectedBlockClientId = getSelectedBlockClientId();
+    const clientId = highlightParent ? getBlockRootClientId(selectedBlockClientId) : selectedBlockClientId;
+    toggleBlockHighlight(clientId, nextIsFocused);
   };
-
   const getIsHovered = () => {
     return ref?.current && ref.current.matches(':hover');
   };
-
-  const shouldHideMovers = () => {
+  const shouldHideGestures = () => {
     const isHovered = getIsHovered();
     return !isFocused && !isHovered;
   };
-
   const clearTimeoutRef = () => {
     const timeout = timeoutRef.current;
-
     if (timeout && clearTimeout) {
       clearTimeout(timeout);
     }
   };
-
-  const debouncedShowMovers = event => {
+  const debouncedShowGestures = event => {
     if (event) {
       event.stopPropagation();
     }
-
     clearTimeoutRef();
-
-    if (!showMovers) {
-      handleOnChange(true);
-    }
+    handleOnChange(true);
   };
-
-  const debouncedHideMovers = event => {
+  const debouncedHideGestures = event => {
     if (event) {
       event.stopPropagation();
     }
-
     clearTimeoutRef();
     timeoutRef.current = setTimeout(() => {
-      if (shouldHideMovers()) {
+      if (shouldHideGestures()) {
         handleOnChange(false);
       }
     }, debounceTimeout);
   };
-
   (0, _element.useEffect)(() => () => {
     /**
      * We need to call the change handler with `isFocused`
@@ -98,85 +94,73 @@ function useDebouncedShowMovers({
     clearTimeoutRef();
   }, []);
   return {
-    showMovers,
-    debouncedShowMovers,
-    debouncedHideMovers
+    debouncedShowGestures,
+    debouncedHideGestures
   };
 }
+
 /**
- * Hook that provides a showMovers state and gesture events for DOM elements
- * that interact with the showMovers state.
+ * Hook that provides gesture events for DOM elements
+ * that interact with the isFocused state.
  *
- * @param {Object}   props                       Component props.
- * @param {Object}   props.ref                   Element reference.
- * @param {number}   [props.debounceTimeout=250] Debounce timeout in milliseconds.
- * @param {Function} [props.onChange=noop]       Callback function.
+ * @param {Object} props                         Component props.
+ * @param {Object} props.ref                     Element reference.
+ * @param {number} [props.highlightParent=false] Whether to highlight the parent block. It defaults to highlighting the selected block.
+ * @param {number} [props.debounceTimeout=250]   Debounce timeout in milliseconds.
  */
-
-
-function useShowMoversGestures({
+function useShowHoveredOrFocusedGestures({
   ref,
-  debounceTimeout = DEBOUNCE_TIMEOUT,
-  onChange = noop
+  highlightParent = false,
+  debounceTimeout = DEBOUNCE_TIMEOUT
 }) {
   const [isFocused, setIsFocused] = (0, _element.useState)(false);
   const {
-    showMovers,
-    debouncedShowMovers,
-    debouncedHideMovers
-  } = useDebouncedShowMovers({
+    debouncedShowGestures,
+    debouncedHideGestures
+  } = useDebouncedShowGestures({
     ref,
     debounceTimeout,
     isFocused,
-    onChange
+    highlightParent
   });
   const registerRef = (0, _element.useRef)(false);
-
   const isFocusedWithin = () => {
     return ref?.current && ref.current.contains(ref.current.ownerDocument.activeElement);
   };
-
   (0, _element.useEffect)(() => {
     const node = ref.current;
-
     const handleOnFocus = () => {
       if (isFocusedWithin()) {
         setIsFocused(true);
-        debouncedShowMovers();
+        debouncedShowGestures();
       }
     };
-
     const handleOnBlur = () => {
       if (!isFocusedWithin()) {
         setIsFocused(false);
-        debouncedHideMovers();
+        debouncedHideGestures();
       }
     };
+
     /**
      * Events are added via DOM events (vs. React synthetic events),
      * as the child React components swallow mouse events.
      */
-
-
     if (node && !registerRef.current) {
       node.addEventListener('focus', handleOnFocus, true);
       node.addEventListener('blur', handleOnBlur, true);
       registerRef.current = true;
     }
-
     return () => {
       if (node) {
         node.removeEventListener('focus', handleOnFocus);
         node.removeEventListener('blur', handleOnBlur);
       }
     };
-  }, [ref, registerRef, setIsFocused, debouncedShowMovers, debouncedHideMovers]);
+  }, [ref, registerRef, setIsFocused, debouncedShowGestures, debouncedHideGestures]);
   return {
-    showMovers,
-    gestures: {
-      onMouseMove: debouncedShowMovers,
-      onMouseLeave: debouncedHideMovers
-    }
+    onMouseMove: debouncedShowGestures,
+    onMouseLeave: debouncedHideGestures
   };
 }
 //# sourceMappingURL=utils.js.map

package/build/components/block-toolbar/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-toolbar/utils.js"],"names":["clearTimeout","setTimeout","window","noop","DEBOUNCE_TIMEOUT","useDebouncedShowMovers","ref","isFocused","debounceTimeout","onChange","showMovers","setShowMovers","timeoutRef","handleOnChange","nextIsFocused","current","getIsHovered","matches","shouldHideMovers","isHovered","clearTimeoutRef","timeout","debouncedShowMovers","event","stopPropagation","debouncedHideMovers","useShowMoversGestures","setIsFocused","registerRef","isFocusedWithin","contains","ownerDocument","activeElement","node","handleOnFocus","handleOnBlur","addEventListener","removeEventListener","gestures","onMouseMove","onMouseLeave"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useRef, useEffect } from '@wordpress/element';\n\nconst { clearTimeout, setTimeout } = window;\nconst noop = () => {};\nconst DEBOUNCE_TIMEOUT = 200;\n\n/**\n * Hook that creates a showMover state, as well as debounced show/hide callbacks.\n *\n * @param {Object}   props                       Component props.\n * @param {Object}   props.ref                   Element reference.\n * @param {boolean}  props.isFocused             Whether the component has current focus.\n * @param {number}   [props.debounceTimeout=250] Debounce timeout in milliseconds.\n * @param {Function} [props.onChange=noop]       Callback function.\n */\nexport function useDebouncedShowMovers( {\n\tref,\n\tisFocused,\n\tdebounceTimeout = DEBOUNCE_TIMEOUT,\n\tonChange = noop,\n} ) {\n\tconst [ showMovers, setShowMovers ] = useState( false );\n\tconst timeoutRef = useRef();\n\n\tconst handleOnChange = ( nextIsFocused ) => {\n\t\tif ( ref?.current ) {\n\t\t\tsetShowMovers( nextIsFocused );\n\t\t}\n\n\t\tonChange( nextIsFocused );\n\t};\n\n\tconst getIsHovered = () => {\n\t\treturn ref?.current && ref.current.matches( ':hover' );\n\t};\n\n\tconst shouldHideMovers = () => {\n\t\tconst isHovered = getIsHovered();\n\t\treturn ! isFocused && ! isHovered;\n\t};\n\n\tconst clearTimeoutRef = () => {\n\t\tconst timeout = timeoutRef.current;\n\n\t\tif ( timeout && clearTimeout ) {\n\t\t\tclearTimeout( timeout );\n\t\t}\n\t};\n\n\tconst debouncedShowMovers = ( event ) => {\n\t\tif ( event ) {\n\t\t\tevent.stopPropagation();\n\t\t}\n\n\t\tclearTimeoutRef();\n\n\t\tif ( ! showMovers ) {\n\t\t\thandleOnChange( true );\n\t\t}\n\t};\n\n\tconst debouncedHideMovers = ( event ) => {\n\t\tif ( event ) {\n\t\t\tevent.stopPropagation();\n\t\t}\n\n\t\tclearTimeoutRef();\n\n\t\ttimeoutRef.current = setTimeout( () => {\n\t\t\tif ( shouldHideMovers() ) {\n\t\t\t\thandleOnChange( false );\n\t\t\t}\n\t\t}, debounceTimeout );\n\t};\n\n\tuseEffect(\n\t\t() => () => {\n\t\t\t/**\n\t\t\t * We need to call the change handler with `isFocused`\n\t\t\t * set to false on unmount because we also clear the\n\t\t\t * timeout that would handle that.\n\t\t\t */\n\t\t\thandleOnChange( false );\n\t\t\tclearTimeoutRef();\n\t\t},\n\t\t[]\n\t);\n\n\treturn {\n\t\tshowMovers,\n\t\tdebouncedShowMovers,\n\t\tdebouncedHideMovers,\n\t};\n}\n\n/**\n * Hook that provides a showMovers state and gesture events for DOM elements\n * that interact with the showMovers state.\n *\n * @param {Object}   props                       Component props.\n * @param {Object}   props.ref                   Element reference.\n * @param {number}   [props.debounceTimeout=250] Debounce timeout in milliseconds.\n * @param {Function} [props.onChange=noop]       Callback function.\n */\nexport function useShowMoversGestures( {\n\tref,\n\tdebounceTimeout = DEBOUNCE_TIMEOUT,\n\tonChange = noop,\n} ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { showMovers, debouncedShowMovers, debouncedHideMovers } =\n\t\tuseDebouncedShowMovers( { ref, debounceTimeout, isFocused, onChange } );\n\n\tconst registerRef = useRef( false );\n\n\tconst isFocusedWithin = () => {\n\t\treturn (\n\t\t\tref?.current &&\n\t\t\tref.current.contains( ref.current.ownerDocument.activeElement )\n\t\t);\n\t};\n\n\tuseEffect( () => {\n\t\tconst node = ref.current;\n\n\t\tconst handleOnFocus = () => {\n\t\t\tif ( isFocusedWithin() ) {\n\t\t\t\tsetIsFocused( true );\n\t\t\t\tdebouncedShowMovers();\n\t\t\t}\n\t\t};\n\n\t\tconst handleOnBlur = () => {\n\t\t\tif ( ! isFocusedWithin() ) {\n\t\t\t\tsetIsFocused( false );\n\t\t\t\tdebouncedHideMovers();\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Events are added via DOM events (vs. React synthetic events),\n\t\t * as the child React components swallow mouse events.\n\t\t */\n\t\tif ( node && ! registerRef.current ) {\n\t\t\tnode.addEventListener( 'focus', handleOnFocus, true );\n\t\t\tnode.addEventListener( 'blur', handleOnBlur, true );\n\t\t\tregisterRef.current = true;\n\t\t}\n\n\t\treturn () => {\n\t\t\tif ( node ) {\n\t\t\t\tnode.removeEventListener( 'focus', handleOnFocus );\n\t\t\t\tnode.removeEventListener( 'blur', handleOnBlur );\n\t\t\t}\n\t\t};\n\t}, [\n\t\tref,\n\t\tregisterRef,\n\t\tsetIsFocused,\n\t\tdebouncedShowMovers,\n\t\tdebouncedHideMovers,\n\t] );\n\n\treturn {\n\t\tshowMovers,\n\t\tgestures: {\n\t\t\tonMouseMove: debouncedShowMovers,\n\t\t\tonMouseLeave: debouncedHideMovers,\n\t\t},\n\t};\n}\n"]}
+{"version":3,"names":["_data","require","_element","_store","clearTimeout","setTimeout","window","DEBOUNCE_TIMEOUT","useDebouncedShowGestures","ref","isFocused","highlightParent","debounceTimeout","getSelectedBlockClientId","getBlockRootClientId","useSelect","blockEditorStore","toggleBlockHighlight","useDispatch","timeoutRef","useRef","isDistractionFree","select","getSettings","handleOnChange","nextIsFocused","selectedBlockClientId","clientId","getIsHovered","current","matches","shouldHideGestures","isHovered","clearTimeoutRef","timeout","debouncedShowGestures","event","stopPropagation","debouncedHideGestures","useEffect","useShowHoveredOrFocusedGestures","setIsFocused","useState","registerRef","isFocusedWithin","contains","ownerDocument","activeElement","node","handleOnFocus","handleOnBlur","addEventListener","removeEventListener","onMouseMove","onMouseLeave"],"sources":["@wordpress/block-editor/src/components/block-toolbar/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useState, useRef, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nconst { clearTimeout, setTimeout } = window;\nconst DEBOUNCE_TIMEOUT = 200;\n\n/**\n * Hook that creates debounced callbacks when the node is hovered or focused.\n *\n * @param {Object}  props                       Component props.\n * @param {Object}  props.ref                   Element reference.\n * @param {boolean} props.isFocused             Whether the component has current focus.\n * @param {number}  props.highlightParent       Whether to highlight the parent block. It defaults in highlighting the selected block.\n * @param {number}  [props.debounceTimeout=250] Debounce timeout in milliseconds.\n */\nfunction useDebouncedShowGestures( {\n\tref,\n\tisFocused,\n\thighlightParent,\n\tdebounceTimeout = DEBOUNCE_TIMEOUT,\n} ) {\n\tconst { getSelectedBlockClientId, getBlockRootClientId } =\n\t\tuseSelect( blockEditorStore );\n\tconst { toggleBlockHighlight } = useDispatch( blockEditorStore );\n\tconst timeoutRef = useRef();\n\tconst isDistractionFree = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings().isDistractionFree,\n\t\t[]\n\t);\n\tconst handleOnChange = ( nextIsFocused ) => {\n\t\tif ( nextIsFocused && isDistractionFree ) {\n\t\t\treturn;\n\t\t}\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst clientId = highlightParent\n\t\t\t? getBlockRootClientId( selectedBlockClientId )\n\t\t\t: selectedBlockClientId;\n\t\ttoggleBlockHighlight( clientId, nextIsFocused );\n\t};\n\n\tconst getIsHovered = () => {\n\t\treturn ref?.current && ref.current.matches( ':hover' );\n\t};\n\n\tconst shouldHideGestures = () => {\n\t\tconst isHovered = getIsHovered();\n\t\treturn ! isFocused && ! isHovered;\n\t};\n\n\tconst clearTimeoutRef = () => {\n\t\tconst timeout = timeoutRef.current;\n\n\t\tif ( timeout && clearTimeout ) {\n\t\t\tclearTimeout( timeout );\n\t\t}\n\t};\n\n\tconst debouncedShowGestures = ( event ) => {\n\t\tif ( event ) {\n\t\t\tevent.stopPropagation();\n\t\t}\n\n\t\tclearTimeoutRef();\n\t\thandleOnChange( true );\n\t};\n\n\tconst debouncedHideGestures = ( event ) => {\n\t\tif ( event ) {\n\t\t\tevent.stopPropagation();\n\t\t}\n\n\t\tclearTimeoutRef();\n\n\t\ttimeoutRef.current = setTimeout( () => {\n\t\t\tif ( shouldHideGestures() ) {\n\t\t\t\thandleOnChange( false );\n\t\t\t}\n\t\t}, debounceTimeout );\n\t};\n\n\tuseEffect(\n\t\t() => () => {\n\t\t\t/**\n\t\t\t * We need to call the change handler with `isFocused`\n\t\t\t * set to false on unmount because we also clear the\n\t\t\t * timeout that would handle that.\n\t\t\t */\n\t\t\thandleOnChange( false );\n\t\t\tclearTimeoutRef();\n\t\t},\n\t\t[]\n\t);\n\n\treturn {\n\t\tdebouncedShowGestures,\n\t\tdebouncedHideGestures,\n\t};\n}\n\n/**\n * Hook that provides gesture events for DOM elements\n * that interact with the isFocused state.\n *\n * @param {Object} props                         Component props.\n * @param {Object} props.ref                     Element reference.\n * @param {number} [props.highlightParent=false] Whether to highlight the parent block. It defaults to highlighting the selected block.\n * @param {number} [props.debounceTimeout=250]   Debounce timeout in milliseconds.\n */\nexport function useShowHoveredOrFocusedGestures( {\n\tref,\n\thighlightParent = false,\n\tdebounceTimeout = DEBOUNCE_TIMEOUT,\n} ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { debouncedShowGestures, debouncedHideGestures } =\n\t\tuseDebouncedShowGestures( {\n\t\t\tref,\n\t\t\tdebounceTimeout,\n\t\t\tisFocused,\n\t\t\thighlightParent,\n\t\t} );\n\n\tconst registerRef = useRef( false );\n\n\tconst isFocusedWithin = () => {\n\t\treturn (\n\t\t\tref?.current &&\n\t\t\tref.current.contains( ref.current.ownerDocument.activeElement )\n\t\t);\n\t};\n\n\tuseEffect( () => {\n\t\tconst node = ref.current;\n\n\t\tconst handleOnFocus = () => {\n\t\t\tif ( isFocusedWithin() ) {\n\t\t\t\tsetIsFocused( true );\n\t\t\t\tdebouncedShowGestures();\n\t\t\t}\n\t\t};\n\n\t\tconst handleOnBlur = () => {\n\t\t\tif ( ! isFocusedWithin() ) {\n\t\t\t\tsetIsFocused( false );\n\t\t\t\tdebouncedHideGestures();\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * Events are added via DOM events (vs. React synthetic events),\n\t\t * as the child React components swallow mouse events.\n\t\t */\n\t\tif ( node && ! registerRef.current ) {\n\t\t\tnode.addEventListener( 'focus', handleOnFocus, true );\n\t\t\tnode.addEventListener( 'blur', handleOnBlur, true );\n\t\t\tregisterRef.current = true;\n\t\t}\n\n\t\treturn () => {\n\t\t\tif ( node ) {\n\t\t\t\tnode.removeEventListener( 'focus', handleOnFocus );\n\t\t\t\tnode.removeEventListener( 'blur', handleOnBlur );\n\t\t\t}\n\t\t};\n\t}, [\n\t\tref,\n\t\tregisterRef,\n\t\tsetIsFocused,\n\t\tdebouncedShowGestures,\n\t\tdebouncedHideGestures,\n\t] );\n\n\treturn {\n\t\tonMouseMove: debouncedShowGestures,\n\t\tonMouseLeave: debouncedHideGestures,\n\t};\n}\n"],"mappings":"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"}