// packages/block-editor/src/components/block-tools/index.js
import clsx from "clsx";
import { useSelect, useDispatch } from "@wordpress/data";
import { isTextField } from "@wordpress/dom";
import { Popover } from "@wordpress/components";
import { __unstableUseShortcutEventMatch as useShortcutEventMatch } from "@wordpress/keyboard-shortcuts";
import { useRef } from "@wordpress/element";
import {
  switchToBlockType,
  store as blocksStore,
  hasBlockSupport
} from "@wordpress/blocks";
import { speak } from "@wordpress/a11y";
import { __, sprintf, _n } from "@wordpress/i18n";
import EmptyBlockInserter from "./empty-block-inserter";
import {
  InsertionPointOpenRef,
  default as InsertionPoint
} from "./insertion-point";
import BlockToolbarPopover from "./block-toolbar-popover";
import { store as blockEditorStore } from "../../store";
import usePopoverScroll from "../block-popover/use-popover-scroll";
import ZoomOutModeInserters from "./zoom-out-mode-inserters";
import { useShowBlockTools } from "./use-show-block-tools";
import { unlock } from "../../lock-unlock";
import { cleanEmptyObject } from "../../hooks/utils";
import usePasteStyles from "../use-paste-styles";
import { jsx, jsxs } from "react/jsx-runtime";
function selector(select) {
  const {
    getSelectedBlockClientId,
    getFirstMultiSelectedBlockClientId,
    getSettings,
    isTyping,
    isDragging,
    isZoomOut
  } = unlock(select(blockEditorStore));
  const clientId = getSelectedBlockClientId() || getFirstMultiSelectedBlockClientId();
  return {
    clientId,
    hasFixedToolbar: getSettings().hasFixedToolbar,
    isTyping: isTyping(),
    isZoomOutMode: isZoomOut(),
    isDragging: isDragging()
  };
}
function BlockTools({
  children,
  __unstableContentRef,
  ...props
}) {
  const { clientId, hasFixedToolbar, isTyping, isZoomOutMode, isDragging } = useSelect(selector, []);
  const isMatch = useShortcutEventMatch();
  const {
    getBlocksByClientId,
    getSelectedBlockClientIds,
    getBlockRootClientId,
    isGroupable,
    getBlockName,
    getEditedContentOnlySection
  } = unlock(useSelect(blockEditorStore));
  const { getGroupingBlockName } = useSelect(blocksStore);
  const { showEmptyBlockSideInserter, showBlockToolbarPopover } = useShowBlockTools();
  const pasteStyles = usePasteStyles();
  const {
    duplicateBlocks,
    removeBlocks,
    replaceBlocks,
    insertAfterBlock,
    insertBeforeBlock,
    selectBlock,
    moveBlocksUp,
    moveBlocksDown,
    expandBlock,
    updateBlockAttributes,
    stopEditingContentOnlySection
  } = unlock(useDispatch(blockEditorStore));
  function onKeyDown(event) {
    if (event.defaultPrevented) {
      return;
    }
    if (isMatch("core/block-editor/move-up", event) || isMatch("core/block-editor/move-down", event)) {
      const clientIds = getSelectedBlockClientIds();
      if (clientIds.length) {
        event.preventDefault();
        const rootClientId = getBlockRootClientId(clientIds[0]);
        const direction = isMatch("core/block-editor/move-up", event) ? "up" : "down";
        if (direction === "up") {
          moveBlocksUp(clientIds, rootClientId);
        } else {
          moveBlocksDown(clientIds, rootClientId);
        }
        const blockLength = Array.isArray(clientIds) ? clientIds.length : 1;
        const message = sprintf(
          // translators: %d: the name of the block that has been moved
          _n(
            "%d block moved.",
            "%d blocks moved.",
            clientIds.length
          ),
          blockLength
        );
        speak(message);
      }
    } else if (isMatch("core/block-editor/duplicate", event)) {
      const clientIds = getSelectedBlockClientIds();
      if (clientIds.length) {
        event.preventDefault();
        duplicateBlocks(clientIds);
      }
    } else if (isMatch("core/block-editor/remove", event)) {
      const clientIds = getSelectedBlockClientIds();
      if (clientIds.length) {
        event.preventDefault();
        removeBlocks(clientIds);
      }
    } else if (isMatch("core/block-editor/paste-styles", event)) {
      const clientIds = getSelectedBlockClientIds();
      if (clientIds.length) {
        event.preventDefault();
        const blocks = getBlocksByClientId(clientIds);
        pasteStyles(blocks);
      }
    } else if (isMatch("core/block-editor/insert-after", event)) {
      const clientIds = getSelectedBlockClientIds();
      if (clientIds.length) {
        event.preventDefault();
        insertAfterBlock(clientIds[clientIds.length - 1]);
      }
    } else if (isMatch("core/block-editor/insert-before", event)) {
      const clientIds = getSelectedBlockClientIds();
      if (clientIds.length) {
        event.preventDefault();
        insertBeforeBlock(clientIds[0]);
      }
    } else if (isMatch("core/block-editor/unselect", event)) {
      if (event.target.closest("[role=toolbar]")) {
        return;
      }
      const clientIds = getSelectedBlockClientIds();
      if (clientIds.length > 1) {
        event.preventDefault();
        selectBlock(clientIds[0]);
      }
    } else if (isMatch("core/block-editor/collapse-list-view", event)) {
      if (isTextField(event.target) || isTextField(
        event.target?.contentWindow?.document?.activeElement
      )) {
        return;
      }
      event.preventDefault();
      expandBlock(clientId);
    } else if (isMatch("core/block-editor/group", event)) {
      const clientIds = getSelectedBlockClientIds();
      if (clientIds.length > 1 && isGroupable(clientIds)) {
        event.preventDefault();
        const blocks = getBlocksByClientId(clientIds);
        const groupingBlockName = getGroupingBlockName();
        const newBlocks = switchToBlockType(
          blocks,
          groupingBlockName
        );
        replaceBlocks(clientIds, newBlocks);
        speak(__("Selected blocks are grouped."));
      }
    } else if (isMatch("core/block-editor/toggle-block-visibility", event)) {
      const clientIds = getSelectedBlockClientIds();
      if (clientIds.length) {
        event.preventDefault();
        const blocks = getBlocksByClientId(clientIds);
        const canToggleBlockVisibility = blocks.every(
          (block) => hasBlockSupport(
            getBlockName(block.clientId),
            "visibility",
            true
          )
        );
        if (!canToggleBlockVisibility) {
          return;
        }
        const hasHiddenBlock = blocks.some(
          (block) => block.attributes.metadata?.blockVisibility === false
        );
        const attributesByClientId = Object.fromEntries(
          blocks.map(({ clientId: mapClientId, attributes }) => [
            mapClientId,
            {
              metadata: cleanEmptyObject({
                ...attributes?.metadata,
                blockVisibility: hasHiddenBlock ? void 0 : false
              })
            }
          ])
        );
        updateBlockAttributes(clientIds, attributesByClientId, {
          uniqueByBlock: true
        });
      }
    }
    if (isMatch("core/block-editor/stop-editing-as-blocks", event)) {
      if (getEditedContentOnlySection()) {
        stopEditingContentOnlySection();
      }
    }
  }
  const blockToolbarRef = usePopoverScroll(__unstableContentRef);
  const blockToolbarAfterRef = usePopoverScroll(__unstableContentRef);
  return (
    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
    /* @__PURE__ */ jsx(
      "div",
      {
        ...props,
        onKeyDown,
        className: clsx(props.className, {
          "block-editor-block-tools--is-dragging": isDragging
        }),
        children: /* @__PURE__ */ jsxs(InsertionPointOpenRef.Provider, { value: useRef(false), children: [
          !isTyping && !isZoomOutMode && /* @__PURE__ */ jsx(
            InsertionPoint,
            {
              __unstableContentRef
            }
          ),
          showEmptyBlockSideInserter && /* @__PURE__ */ jsx(
            EmptyBlockInserter,
            {
              __unstableContentRef,
              clientId
            }
          ),
          showBlockToolbarPopover && /* @__PURE__ */ jsx(
            BlockToolbarPopover,
            {
              __unstableContentRef,
              clientId,
              isTyping
            }
          ),
          !isZoomOutMode && !hasFixedToolbar && /* @__PURE__ */ jsx(
            Popover.Slot,
            {
              name: "block-toolbar",
              ref: blockToolbarRef
            }
          ),
          children,
          /* @__PURE__ */ jsx(
            Popover.Slot,
            {
              name: "__unstable-block-tools-after",
              ref: blockToolbarAfterRef
            }
          ),
          isZoomOutMode && !isDragging && /* @__PURE__ */ jsx(
            ZoomOutModeInserters,
            {
              __unstableContentRef
            }
          )
        ] })
      }
    )
  );
}
export {
  BlockTools as default
};
//# sourceMappingURL=index.js.map
