@wordpress/block-editor 15.9.0 → 15.9.1-next.738bb1424.0

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

@@ -0,0 +1,147 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-list/use-in-between-inserter.js
+var use_in_between_inserter_exports = {};
+__export(use_in_between_inserter_exports, {
+  useInBetweenInserter: () => useInBetweenInserter
+});
+module.exports = __toCommonJS(use_in_between_inserter_exports);
+var import_compose = require("@wordpress/compose");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_store = require("../../store/index.cjs");
+var import_insertion_point = require("../block-tools/insertion-point.cjs");
+var import_lock_unlock = require("../../lock-unlock.cjs");
+function useInBetweenInserter() {
+  const openRef = (0, import_element.useContext)(import_insertion_point.InsertionPointOpenRef);
+  const isInBetweenInserterDisabled = (0, import_data.useSelect)(
+    (select) => select(import_store.store).getSettings().isDistractionFree || (0, import_lock_unlock.unlock)(select(import_store.store)).isZoomOut(),
+    []
+  );
+  const {
+    getBlockListSettings,
+    getBlockIndex,
+    isMultiSelecting,
+    getSelectedBlockClientIds,
+    getSettings,
+    getTemplateLock,
+    __unstableIsWithinBlockOverlay,
+    getBlockEditingMode,
+    getBlockName,
+    getBlockAttributes,
+    getParentSectionBlock
+  } = (0, import_lock_unlock.unlock)((0, import_data.useSelect)(import_store.store));
+  const { showInsertionPoint, hideInsertionPoint } = (0, import_data.useDispatch)(import_store.store);
+  return (0, import_compose.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" && ((0, import_i18n.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
+    ]
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useInBetweenInserter
+});
+//# sourceMappingURL=use-in-between-inserter.cjs.map

package/build/components/block-list/zoom-out-separator.cjs

@@ -0,0 +1,149 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-list/zoom-out-separator.js
+var zoom_out_separator_exports = {};
+__export(zoom_out_separator_exports, {
+  ZoomOutSeparator: () => ZoomOutSeparator
+});
+module.exports = __toCommonJS(zoom_out_separator_exports);
+var import_clsx = __toESM(require("clsx"), 1);
+var import_components = require("@wordpress/components");
+var import_compose = require("@wordpress/compose");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_store = require("../../store/index.cjs");
+var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ZoomOutSeparator({
+  clientId,
+  rootClientId = "",
+  position = "top"
+}) {
+  const [isDraggedOver, setIsDraggedOver] = (0, import_element.useState)(false);
+  const {
+    sectionRootClientId,
+    sectionClientIds,
+    insertionPoint,
+    blockInsertionPointVisible,
+    blockInsertionPoint,
+    blocksBeingDragged
+  } = (0, import_data.useSelect)((select) => {
+    const {
+      getInsertionPoint,
+      getBlockOrder,
+      getSectionRootClientId,
+      isBlockInsertionPointVisible,
+      getBlockInsertionPoint,
+      getDraggedBlockClientIds
+    } = (0, import_lock_unlock.unlock)(select(import_store.store));
+    const root = getSectionRootClientId();
+    const sectionRootClientIds = getBlockOrder(root);
+    return {
+      sectionRootClientId: root,
+      sectionClientIds: sectionRootClientIds,
+      insertionPoint: getInsertionPoint(),
+      blockInsertionPoint: getBlockInsertionPoint(),
+      blockInsertionPointVisible: isBlockInsertionPointVisible(),
+      blocksBeingDragged: getDraggedBlockClientIds()
+    };
+  }, []);
+  const isReducedMotion = (0, import_compose.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__ */ (0, import_jsx_runtime.jsx)(import_components.__unstableAnimatePresence, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.__unstableMotion.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: (0, import_clsx.default)(
+        "block-editor-block-list__zoom-out-separator",
+        {
+          "is-dragged-over": isDraggedOver
+        }
+      ),
+      "data-is-insertion-point": "true",
+      onDragOver: () => setIsDraggedOver(true),
+      onDragLeave: () => setIsDraggedOver(false),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.__unstableMotion.div,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0, transition: { delay: -0.125 } },
+          transition: {
+            ease: "linear",
+            duration: 0.1,
+            delay: 0.125
+          },
+          children: (0, import_i18n.__)("Drop pattern.")
+        }
+      )
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ZoomOutSeparator
+});
+//# sourceMappingURL=zoom-out-separator.cjs.map

package/build/components/block-list-appender/index.cjs

@@ -0,0 +1,92 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-list-appender/index.js
+var block_list_appender_exports = {};
+__export(block_list_appender_exports, {
+  default: () => BlockListAppender
+});
+module.exports = __toCommonJS(block_list_appender_exports);
+var import_clsx = __toESM(require("clsx"), 1);
+var import_data = require("@wordpress/data");
+var import_blocks = require("@wordpress/blocks");
+var import_default_block_appender = __toESM(require("../default-block-appender/index.cjs"), 1);
+var import_button_block_appender = __toESM(require("../button-block-appender/index.cjs"), 1);
+var import_store = require("../../store/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function DefaultAppender({ rootClientId }) {
+  const canInsertDefaultBlock = (0, import_data.useSelect)(
+    (select) => select(import_store.store).canInsertBlockType(
+      (0, import_blocks.getDefaultBlockName)(),
+      rootClientId
+    )
+  );
+  if (canInsertDefaultBlock) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_default_block_appender.default, { rootClientId });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_button_block_appender.default,
+    {
+      rootClientId,
+      className: "block-list-appender__toggle"
+    }
+  );
+}
+function BlockListAppender({
+  rootClientId,
+  CustomAppender,
+  className,
+  tagName: TagName = "div"
+}) {
+  const isDragOver = (0, import_data.useSelect)(
+    (select) => {
+      const {
+        getBlockInsertionPoint,
+        isBlockInsertionPointVisible,
+        getBlockCount
+      } = select(import_store.store);
+      const insertionPoint = getBlockInsertionPoint();
+      return isBlockInsertionPointVisible() && rootClientId === insertionPoint?.rootClientId && getBlockCount(rootClientId) === 0;
+    },
+    [rootClientId]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    TagName,
+    {
+      tabIndex: -1,
+      className: (0, import_clsx.default)("block-list-appender wp-block", className, {
+        "is-drag-over": isDragOver
+      }),
+      contentEditable: false,
+      "data-block": true,
+      children: CustomAppender ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomAppender, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DefaultAppender, { rootClientId })
+    }
+  );
+}
+//# sourceMappingURL=index.cjs.map

package/build/components/block-lock/index.cjs

@@ -0,0 +1,50 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-lock/index.js
+var block_lock_exports = {};
+__export(block_lock_exports, {
+  BlockLockMenuItem: () => import_menu_item.default,
+  BlockLockModal: () => import_modal.default,
+  BlockLockToolbar: () => import_toolbar.default,
+  useBlockLock: () => import_use_block_lock.default
+});
+module.exports = __toCommonJS(block_lock_exports);
+var import_menu_item = __toESM(require("./menu-item.cjs"), 1);
+var import_modal = __toESM(require("./modal.cjs"), 1);
+var import_toolbar = __toESM(require("./toolbar.cjs"), 1);
+var import_use_block_lock = __toESM(require("./use-block-lock.cjs"), 1);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BlockLockMenuItem,
+  BlockLockModal,
+  BlockLockToolbar,
+  useBlockLock
+});
+//# sourceMappingURL=index.cjs.map

package/build/components/block-lock/menu-item.cjs

@@ -0,0 +1,67 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/components/block-lock/menu-item.js
+var menu_item_exports = {};
+__export(menu_item_exports, {
+  default: () => BlockLockMenuItem
+});
+module.exports = __toCommonJS(menu_item_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_components = require("@wordpress/components");
+var import_icons = require("@wordpress/icons");
+var import_use_block_lock = __toESM(require("./use-block-lock.cjs"), 1);
+var import_modal = __toESM(require("./modal.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function BlockLockMenuItem({ clientId }) {
+  const { canLock, isLocked } = (0, import_use_block_lock.default)(clientId);
+  const [isModalOpen, toggleModal] = (0, import_element.useReducer)(
+    (isActive) => !isActive,
+    false
+  );
+  if (!canLock) {
+    return null;
+  }
+  const label = isLocked ? (0, import_i18n.__)("Unlock") : (0, import_i18n.__)("Lock");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.MenuItem,
+      {
+        icon: isLocked ? import_icons.unlock : import_icons.lockOutline,
+        onClick: toggleModal,
+        "aria-expanded": isModalOpen,
+        "aria-haspopup": "dialog",
+        children: label
+      }
+    ),
+    isModalOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_modal.default, { clientId, onClose: toggleModal })
+  ] });
+}
+//# sourceMappingURL=menu-item.cjs.map