@wordpress/block-editor 15.9.1-next.8fd3f8831.0 → 15.10.1-next.79a2f3cdd.0

package/build-module/components/block-list/use-block-props/use-focus-first-element.js

@@ -1,53 +0,0 @@
-// packages/block-editor/src/components/block-list/use-block-props/use-focus-first-element.js
-import { useEffect, useRef } from "@wordpress/element";
-import {
-  focus,
-  isFormElement,
-  isTextField,
-  placeCaretAtHorizontalEdge
-} from "@wordpress/dom";
-import { useSelect } from "@wordpress/data";
-import { isInsideRootBlock } from "../../../utils/dom.js";
-import { store as blockEditorStore } from "../../../store/index.js";
-import { unlock } from "../../../lock-unlock.js";
-function useFocusFirstElement({ clientId, initialPosition }) {
-  const ref = useRef();
-  const { isBlockSelected, isMultiSelecting, isZoomOut } = unlock(
-    useSelect(blockEditorStore)
-  );
-  useEffect(() => {
-    if (!isBlockSelected(clientId) || isMultiSelecting() || isZoomOut()) {
-      return;
-    }
-    if (initialPosition === void 0 || initialPosition === null) {
-      return;
-    }
-    if (!ref.current) {
-      return;
-    }
-    const { ownerDocument } = ref.current;
-    if (isInsideRootBlock(ref.current, ownerDocument.activeElement)) {
-      return;
-    }
-    const textInputs = focus.tabbable.find(ref.current).filter((node) => isTextField(node));
-    const isReverse = -1 === initialPosition;
-    const target = textInputs[isReverse ? textInputs.length - 1 : 0] || ref.current;
-    if (!isInsideRootBlock(ref.current, target)) {
-      ref.current.focus();
-      return;
-    }
-    if (!ref.current.getAttribute("contenteditable")) {
-      const focusElement = focus.tabbable.findNext(ref.current);
-      if (focusElement && isInsideRootBlock(ref.current, focusElement) && isFormElement(focusElement)) {
-        focusElement.focus();
-        return;
-      }
-    }
-    placeCaretAtHorizontalEdge(target, isReverse);
-  }, [initialPosition, clientId]);
-  return ref;
-}
-export {
-  useFocusFirstElement
-};
-//# sourceMappingURL=use-focus-first-element.js.map

package/build-module/components/block-list/use-block-props/use-focus-handler.js

@@ -1,37 +0,0 @@
-// packages/block-editor/src/components/block-list/use-block-props/use-focus-handler.js
-import { useSelect, useDispatch } from "@wordpress/data";
-import { useRefEffect } from "@wordpress/compose";
-import { isInsideRootBlock } from "../../../utils/dom.js";
-import { store as blockEditorStore } from "../../../store/index.js";
-function useFocusHandler(clientId) {
-  const { isBlockSelected } = useSelect(blockEditorStore);
-  const { selectBlock, selectionChange } = useDispatch(blockEditorStore);
-  return useRefEffect(
-    (node) => {
-      function onFocus(event) {
-        if (node.parentElement.closest('[contenteditable="true"]')) {
-          return;
-        }
-        if (isBlockSelected(clientId)) {
-          if (!event.target.isContentEditable) {
-            selectionChange(clientId);
-          }
-          return;
-        }
-        if (!isInsideRootBlock(node, event.target)) {
-          return;
-        }
-        selectBlock(clientId);
-      }
-      node.addEventListener("focusin", onFocus);
-      return () => {
-        node.removeEventListener("focusin", onFocus);
-      };
-    },
-    [isBlockSelected, selectBlock]
-  );
-}
-export {
-  useFocusHandler
-};
-//# sourceMappingURL=use-focus-handler.js.map

package/build-module/components/block-list/use-block-props/use-intersection-observer.js

@@ -1,22 +0,0 @@
-// packages/block-editor/src/components/block-list/use-block-props/use-intersection-observer.js
-import { useRefEffect } from "@wordpress/compose";
-import { useContext } from "@wordpress/element";
-import { IntersectionObserver } from "../index.js";
-function useIntersectionObserver() {
-  const observer = useContext(IntersectionObserver);
-  return useRefEffect(
-    (node) => {
-      if (observer) {
-        observer.observe(node);
-        return () => {
-          observer.unobserve(node);
-        };
-      }
-    },
-    [observer]
-  );
-}
-export {
-  useIntersectionObserver
-};
-//# sourceMappingURL=use-intersection-observer.js.map

package/build-module/components/block-list/use-block-props/use-is-hovered.js

@@ -1,33 +0,0 @@
-// packages/block-editor/src/components/block-list/use-block-props/use-is-hovered.js
-import { useRefEffect } from "@wordpress/compose";
-function listener(event) {
-  if (event.defaultPrevented) {
-    return;
-  }
-  event.preventDefault();
-  event.currentTarget.classList.toggle(
-    "is-hovered",
-    event.type === "mouseover"
-  );
-}
-function useIsHovered({ isEnabled = true } = {}) {
-  return useRefEffect(
-    (node) => {
-      if (!isEnabled) {
-        return;
-      }
-      node.addEventListener("mouseout", listener);
-      node.addEventListener("mouseover", listener);
-      return () => {
-        node.removeEventListener("mouseout", listener);
-        node.removeEventListener("mouseover", listener);
-        node.classList.remove("is-hovered");
-      };
-    },
-    [isEnabled]
-  );
-}
-export {
-  useIsHovered
-};
-//# sourceMappingURL=use-is-hovered.js.map

package/build-module/components/block-list/use-block-props/use-scroll-into-view.js

@@ -1,35 +0,0 @@
-// packages/block-editor/src/components/block-list/use-block-props/use-scroll-into-view.js
-import { useReducedMotion, useRefEffect } from "@wordpress/compose";
-function useScrollIntoView({ isSelected }) {
-  const prefersReducedMotion = useReducedMotion();
-  return useRefEffect(
-    (node) => {
-      if (isSelected) {
-        const { ownerDocument } = node;
-        const { defaultView } = ownerDocument;
-        if (!defaultView.IntersectionObserver) {
-          return;
-        }
-        const observer = new defaultView.IntersectionObserver(
-          (entries) => {
-            if (!entries[0].isIntersecting) {
-              node.scrollIntoView({
-                behavior: prefersReducedMotion ? "instant" : "smooth"
-              });
-            }
-            observer.disconnect();
-          }
-        );
-        observer.observe(node);
-        return () => {
-          observer.disconnect();
-        };
-      }
-    },
-    [isSelected]
-  );
-}
-export {
-  useScrollIntoView
-};
-//# sourceMappingURL=use-scroll-into-view.js.map

package/build-module/components/block-list/use-block-props/use-selected-block-event-handlers.js

@@ -1,219 +0,0 @@
-// packages/block-editor/src/components/block-list/use-block-props/use-selected-block-event-handlers.js
-import { isTextField } from "@wordpress/dom";
-import { ENTER, BACKSPACE, DELETE } from "@wordpress/keycodes";
-import { useSelect, useDispatch } from "@wordpress/data";
-import { useRefEffect } from "@wordpress/compose";
-import { store as blockEditorStore } from "../../../store/index.js";
-import { unlock } from "../../../lock-unlock.js";
-function isColorTransparent(color) {
-  return !color || color === "transparent" || color === "rgba(0, 0, 0, 0)";
-}
-function useEventHandlers({ clientId, isSelected }) {
-  const {
-    getBlockRootClientId,
-    isZoomOut,
-    hasMultiSelection,
-    isSectionBlock,
-    editedContentOnlySection
-  } = unlock(useSelect(blockEditorStore));
-  const {
-    insertAfterBlock,
-    removeBlock,
-    resetZoomLevel,
-    startDraggingBlocks,
-    stopDraggingBlocks,
-    editContentOnlySection
-  } = unlock(useDispatch(blockEditorStore));
-  return useRefEffect(
-    (node) => {
-      if (!isSelected) {
-        return;
-      }
-      function onKeyDown(event) {
-        const { keyCode, target } = event;
-        if (keyCode !== ENTER && keyCode !== BACKSPACE && keyCode !== DELETE) {
-          return;
-        }
-        if (target !== node || isTextField(target)) {
-          return;
-        }
-        event.preventDefault();
-        if (keyCode === ENTER && isZoomOut()) {
-          resetZoomLevel();
-        } else if (keyCode === ENTER) {
-          insertAfterBlock(clientId);
-        } else {
-          removeBlock(clientId);
-        }
-      }
-      function onDragStart(event) {
-        if (node !== event.target || node.isContentEditable || node.ownerDocument.activeElement !== node || hasMultiSelection()) {
-          event.preventDefault();
-          return;
-        }
-        const data = JSON.stringify({
-          type: "block",
-          srcClientIds: [clientId],
-          srcRootClientId: getBlockRootClientId(clientId)
-        });
-        event.dataTransfer.effectAllowed = "move";
-        event.dataTransfer.clearData();
-        event.dataTransfer.setData("wp-blocks", data);
-        const { ownerDocument } = node;
-        const { defaultView } = ownerDocument;
-        const selection = defaultView.getSelection();
-        selection.removeAllRanges();
-        const dragElement = ownerDocument.createElement("div");
-        dragElement.style.width = "1px";
-        dragElement.style.height = "1px";
-        dragElement.style.position = "fixed";
-        dragElement.style.visibility = "hidden";
-        ownerDocument.body.appendChild(dragElement);
-        event.dataTransfer.setDragImage(dragElement, 0, 0);
-        const rect = node.getBoundingClientRect();
-        const clone = node.cloneNode(true);
-        clone.style.visibility = "hidden";
-        clone.style.display = "none";
-        const id = node.id;
-        node.id = null;
-        let _scale = 1;
-        {
-          let parentElement = node;
-          while (parentElement = parentElement.parentElement) {
-            const { scale } = defaultView.getComputedStyle(parentElement);
-            if (scale && scale !== "none") {
-              _scale = parseFloat(scale);
-              break;
-            }
-          }
-        }
-        const inverted = 1 / _scale;
-        node.after(clone);
-        const originalNodeProperties = {};
-        for (const property of [
-          "transform",
-          "transformOrigin",
-          "transition",
-          "zIndex",
-          "position",
-          "top",
-          "left",
-          "pointerEvents",
-          "opacity",
-          "backgroundColor"
-        ]) {
-          originalNodeProperties[property] = node.style[property];
-        }
-        const originScrollTop = defaultView.scrollY;
-        const originScrollLeft = defaultView.scrollX;
-        const originClientX = event.clientX;
-        const originClientY = event.clientY;
-        node.style.position = "relative";
-        node.style.top = `${0}px`;
-        node.style.left = `${0}px`;
-        const originX = event.clientX - rect.left;
-        const originY = event.clientY - rect.top;
-        const dragScale = rect.height > 200 ? 200 / rect.height : 1;
-        node.style.zIndex = "1000";
-        node.style.transformOrigin = `${originX * inverted}px ${originY * inverted}px`;
-        node.style.transition = "transform 0.2s ease-out";
-        node.style.transform = `scale(${dragScale})`;
-        node.style.opacity = "0.9";
-        if (isColorTransparent(
-          defaultView.getComputedStyle(node).backgroundColor
-        )) {
-          let bgColor = "transparent";
-          let parentElement = node;
-          while (parentElement = parentElement.parentElement) {
-            const { backgroundColor } = defaultView.getComputedStyle(parentElement);
-            if (!isColorTransparent(backgroundColor)) {
-              bgColor = backgroundColor;
-              break;
-            }
-          }
-          node.style.backgroundColor = bgColor;
-        }
-        let hasStarted = false;
-        function over(e) {
-          if (!hasStarted) {
-            hasStarted = true;
-            node.style.pointerEvents = "none";
-          }
-          const scrollTop = defaultView.scrollY;
-          const scrollLeft = defaultView.scrollX;
-          node.style.top = `${(e.clientY - originClientY + scrollTop - originScrollTop) * inverted}px`;
-          node.style.left = `${(e.clientX - originClientX + scrollLeft - originScrollLeft) * inverted}px`;
-        }
-        function end() {
-          ownerDocument.removeEventListener("dragover", over);
-          ownerDocument.removeEventListener("dragend", end);
-          ownerDocument.removeEventListener("drop", end);
-          ownerDocument.removeEventListener("scroll", over);
-          for (const [property, value] of Object.entries(
-            originalNodeProperties
-          )) {
-            node.style[property] = value;
-          }
-          clone.remove();
-          node.id = id;
-          dragElement.remove();
-          stopDraggingBlocks();
-          document.body.classList.remove(
-            "is-dragging-components-draggable"
-          );
-          ownerDocument.documentElement.classList.remove(
-            "is-dragging"
-          );
-        }
-        ownerDocument.addEventListener("dragover", over);
-        ownerDocument.addEventListener("dragend", end);
-        ownerDocument.addEventListener("drop", end);
-        ownerDocument.addEventListener("scroll", over);
-        startDraggingBlocks([clientId]);
-        document.body.classList.add(
-          "is-dragging-components-draggable"
-        );
-        ownerDocument.documentElement.classList.add("is-dragging");
-      }
-      node.addEventListener("keydown", onKeyDown);
-      node.addEventListener("dragstart", onDragStart);
-      function onDoubleClick(event) {
-        const isSection = isSectionBlock(clientId);
-        const isAlreadyEditing = editedContentOnlySection === clientId;
-        if (isSection && !isAlreadyEditing) {
-          event.preventDefault();
-          editContentOnlySection(clientId);
-        }
-      }
-      if (window?.__experimentalContentOnlyPatternInsertion) {
-        node.addEventListener("dblclick", onDoubleClick);
-      }
-      return () => {
-        node.removeEventListener("keydown", onKeyDown);
-        node.removeEventListener("dragstart", onDragStart);
-        if (window?.__experimentalContentOnlyPatternInsertion) {
-          node.removeEventListener("dblclick", onDoubleClick);
-        }
-      };
-    },
-    [
-      clientId,
-      isSelected,
-      getBlockRootClientId,
-      insertAfterBlock,
-      removeBlock,
-      isZoomOut,
-      resetZoomLevel,
-      hasMultiSelection,
-      startDraggingBlocks,
-      stopDraggingBlocks,
-      isSectionBlock,
-      editedContentOnlySection,
-      editContentOnlySection
-    ]
-  );
-}
-export {
-  useEventHandlers
-};
-//# sourceMappingURL=use-selected-block-event-handlers.js.map

package/build-module/components/block-list/use-in-between-inserter.js

@@ -1,122 +0,0 @@
-// packages/block-editor/src/components/block-list/use-in-between-inserter.js
-import { useRefEffect } from "@wordpress/compose";
-import { useSelect, useDispatch } from "@wordpress/data";
-import { useContext } from "@wordpress/element";
-import { isRTL } from "@wordpress/i18n";
-import { store as blockEditorStore } from "../../store/index.js";
-import { InsertionPointOpenRef } from "../block-tools/insertion-point.js";
-import { unlock } from "../../lock-unlock.js";
-function useInBetweenInserter() {
-  const openRef = useContext(InsertionPointOpenRef);
-  const isInBetweenInserterDisabled = useSelect(
-    (select) => select(blockEditorStore).getSettings().isDistractionFree || unlock(select(blockEditorStore)).isZoomOut(),
-    []
-  );
-  const {
-    getBlockListSettings,
-    getBlockIndex,
-    isMultiSelecting,
-    getSelectedBlockClientIds,
-    getSettings,
-    getTemplateLock,
-    __unstableIsWithinBlockOverlay,
-    getBlockEditingMode,
-    getBlockName,
-    getBlockAttributes,
-    getParentSectionBlock
-  } = unlock(useSelect(blockEditorStore));
-  const { showInsertionPoint, hideInsertionPoint } = useDispatch(blockEditorStore);
-  return useRefEffect(
-    (node) => {
-      if (isInBetweenInserterDisabled) {
-        return;
-      }
-      function onMouseMove(event) {
-        if (openRef === void 0 || openRef.current) {
-          return;
-        }
-        if (event.target.nodeType === event.target.TEXT_NODE) {
-          return;
-        }
-        if (isMultiSelecting()) {
-          return;
-        }
-        if (!event.target.classList.contains(
-          "block-editor-block-list__layout"
-        )) {
-          hideInsertionPoint();
-          return;
-        }
-        let rootClientId;
-        if (!event.target.classList.contains("is-root-container")) {
-          const blockElement = !!event.target.getAttribute(
-            "data-block"
-          ) ? event.target : event.target.closest("[data-block]");
-          rootClientId = blockElement.getAttribute("data-block");
-        }
-        if (getTemplateLock(rootClientId) || getBlockEditingMode(rootClientId) === "disabled" || getBlockName(rootClientId) === "core/block" || rootClientId && getBlockAttributes(rootClientId).layout?.isManualPlacement) {
-          return;
-        }
-        const blockListSettings = getBlockListSettings(rootClientId);
-        const orientation = blockListSettings?.orientation || "vertical";
-        const captureToolbars = !!blockListSettings?.__experimentalCaptureToolbars;
-        const offsetTop = event.clientY;
-        const offsetLeft = event.clientX;
-        const children = Array.from(event.target.children);
-        let element = children.find((blockEl) => {
-          const blockElRect = blockEl.getBoundingClientRect();
-          return blockEl.classList.contains("wp-block") && orientation === "vertical" && blockElRect.top > offsetTop || blockEl.classList.contains("wp-block") && orientation === "horizontal" && (isRTL() ? blockElRect.right < offsetLeft : blockElRect.left > offsetLeft);
-        });
-        if (!element) {
-          hideInsertionPoint();
-          return;
-        }
-        if (!element.id) {
-          element = element.firstElementChild;
-          if (!element) {
-            hideInsertionPoint();
-            return;
-          }
-        }
-        const clientId = element.id.slice("block-".length);
-        if (!clientId || __unstableIsWithinBlockOverlay(clientId) || !!getParentSectionBlock(clientId)) {
-          return;
-        }
-        if (getSelectedBlockClientIds().includes(clientId) && orientation === "vertical" && !captureToolbars && !getSettings().hasFixedToolbar) {
-          return;
-        }
-        const elementRect = element.getBoundingClientRect();
-        if (orientation === "horizontal" && (event.clientY > elementRect.bottom || event.clientY < elementRect.top) || orientation === "vertical" && (event.clientX > elementRect.right || event.clientX < elementRect.left)) {
-          hideInsertionPoint();
-          return;
-        }
-        const index = getBlockIndex(clientId);
-        if (index === 0) {
-          hideInsertionPoint();
-          return;
-        }
-        showInsertionPoint(rootClientId, index, {
-          __unstableWithInserter: true
-        });
-      }
-      node.addEventListener("mousemove", onMouseMove);
-      return () => {
-        node.removeEventListener("mousemove", onMouseMove);
-      };
-    },
-    [
-      openRef,
-      getBlockListSettings,
-      getBlockIndex,
-      isMultiSelecting,
-      showInsertionPoint,
-      hideInsertionPoint,
-      getSelectedBlockClientIds,
-      isInBetweenInserterDisabled
-    ]
-  );
-}
-export {
-  useInBetweenInserter
-};
-//# sourceMappingURL=use-in-between-inserter.js.map

package/build-module/components/block-list/zoom-out-separator.js

@@ -1,117 +0,0 @@
-// packages/block-editor/src/components/block-list/zoom-out-separator.js
-import clsx from "clsx";
-import {
-  __unstableMotion as motion,
-  __unstableAnimatePresence as AnimatePresence
-} from "@wordpress/components";
-import { useReducedMotion } from "@wordpress/compose";
-import { useSelect } from "@wordpress/data";
-import { useState } from "@wordpress/element";
-import { __ } from "@wordpress/i18n";
-import { store as blockEditorStore } from "../../store/index.js";
-import { unlock } from "../../lock-unlock.js";
-import { jsx } from "react/jsx-runtime";
-function ZoomOutSeparator({
-  clientId,
-  rootClientId = "",
-  position = "top"
-}) {
-  const [isDraggedOver, setIsDraggedOver] = useState(false);
-  const {
-    sectionRootClientId,
-    sectionClientIds,
-    insertionPoint,
-    blockInsertionPointVisible,
-    blockInsertionPoint,
-    blocksBeingDragged
-  } = useSelect((select) => {
-    const {
-      getInsertionPoint,
-      getBlockOrder,
-      getSectionRootClientId,
-      isBlockInsertionPointVisible,
-      getBlockInsertionPoint,
-      getDraggedBlockClientIds
-    } = unlock(select(blockEditorStore));
-    const root = getSectionRootClientId();
-    const sectionRootClientIds = getBlockOrder(root);
-    return {
-      sectionRootClientId: root,
-      sectionClientIds: sectionRootClientIds,
-      insertionPoint: getInsertionPoint(),
-      blockInsertionPoint: getBlockInsertionPoint(),
-      blockInsertionPointVisible: isBlockInsertionPointVisible(),
-      blocksBeingDragged: getDraggedBlockClientIds()
-    };
-  }, []);
-  const isReducedMotion = useReducedMotion();
-  if (!clientId) {
-    return;
-  }
-  let isVisible = false;
-  const isSectionBlock = rootClientId === sectionRootClientId && sectionClientIds && sectionClientIds.includes(clientId);
-  if (!isSectionBlock) {
-    return null;
-  }
-  const hasTopInsertionPoint = insertionPoint?.index === 0 && clientId === sectionClientIds[insertionPoint.index];
-  const hasBottomInsertionPoint = insertionPoint && insertionPoint.hasOwnProperty("index") && clientId === sectionClientIds[insertionPoint.index - 1];
-  if (position === "top") {
-    isVisible = hasTopInsertionPoint || blockInsertionPointVisible && blockInsertionPoint.index === 0 && clientId === sectionClientIds[blockInsertionPoint.index];
-  }
-  if (position === "bottom") {
-    isVisible = hasBottomInsertionPoint || blockInsertionPointVisible && clientId === sectionClientIds[blockInsertionPoint.index - 1];
-  }
-  const blockBeingDraggedClientId = blocksBeingDragged[0];
-  const isCurrentBlockBeingDragged = blocksBeingDragged.includes(clientId);
-  const blockBeingDraggedIndex = sectionClientIds.indexOf(
-    blockBeingDraggedClientId
-  );
-  const blockBeingDraggedPreviousSiblingClientId = blockBeingDraggedIndex > 0 ? sectionClientIds[blockBeingDraggedIndex - 1] : null;
-  const isCurrentBlockPreviousSiblingOfBlockBeingDragged = blockBeingDraggedPreviousSiblingClientId === clientId;
-  if (isCurrentBlockBeingDragged || isCurrentBlockPreviousSiblingOfBlockBeingDragged) {
-    isVisible = false;
-  }
-  return /* @__PURE__ */ jsx(AnimatePresence, { children: isVisible && /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      initial: { height: 0 },
-      animate: {
-        // Use a height equal to that of the zoom out frame size.
-        height: "calc(1 * var(--wp-block-editor-iframe-zoom-out-frame-size) / var(--wp-block-editor-iframe-zoom-out-scale)"
-      },
-      exit: { height: 0 },
-      transition: {
-        type: "tween",
-        duration: isReducedMotion ? 0 : 0.2,
-        ease: [0.6, 0, 0.4, 1]
-      },
-      className: clsx(
-        "block-editor-block-list__zoom-out-separator",
-        {
-          "is-dragged-over": isDraggedOver
-        }
-      ),
-      "data-is-insertion-point": "true",
-      onDragOver: () => setIsDraggedOver(true),
-      onDragLeave: () => setIsDraggedOver(false),
-      children: /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          exit: { opacity: 0, transition: { delay: -0.125 } },
-          transition: {
-            ease: "linear",
-            duration: 0.1,
-            delay: 0.125
-          },
-          children: __("Drop pattern.")
-        }
-      )
-    }
-  ) });
-}
-export {
-  ZoomOutSeparator
-};
-//# sourceMappingURL=zoom-out-separator.js.map