@wordpress/editor/build-module/components/visual-editor/use-zoom-out-mode-exit.js

Enhanced block editor for WordPress posts.

/**
 * WordPress dependencies
 */
import { useSelect, useDispatch } from '@wordpress/data';
import { useRefEffect } from '@wordpress/compose';
import { store as blockEditorStore } from '@wordpress/block-editor';

/**
 * Internal dependencies
 */
import { unlock } from '../../lock-unlock';

/**
 * Allows Zoom Out mode to be exited by double clicking in the selected block.
 */
export function useZoomOutModeExit() {
  const {
    getSettings,
    isZoomOut
  } = unlock(useSelect(blockEditorStore));
  const {
    resetZoomLevel
  } = unlock(useDispatch(blockEditorStore));
  return useRefEffect(node => {
    function onDoubleClick(event) {
      if (!isZoomOut()) {
        return;
      }
      if (!event.defaultPrevented) {
        event.preventDefault();
        const {
          __experimentalSetIsInserterOpened
        } = getSettings();
        if (typeof __experimentalSetIsInserterOpened === 'function') {
          __experimentalSetIsInserterOpened(false);
        }
        resetZoomLevel();
      }
    }
    node.addEventListener('dblclick', onDoubleClick);
    return () => {
      node.removeEventListener('dblclick', onDoubleClick);
    };
  }, [getSettings, isZoomOut, resetZoomLevel]);
}
//# sourceMappingURL=use-zoom-out-mode-exit.js.map