@wordpress/editor 14.36.1-next.8fd3f8831.0 → 14.37.0

package/build/components/visual-editor/use-select-nearest-editable-block.js

@@ -0,0 +1,96 @@
+"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/editor/src/components/visual-editor/use-select-nearest-editable-block.js
+var use_select_nearest_editable_block_exports = {};
+__export(use_select_nearest_editable_block_exports, {
+  default: () => useSelectNearestEditableBlock
+});
+module.exports = __toCommonJS(use_select_nearest_editable_block_exports);
+var import_compose = require("@wordpress/compose");
+var import_data = require("@wordpress/data");
+var import_block_editor = require("@wordpress/block-editor");
+var import_lock_unlock = require("../../lock-unlock");
+var DISTANCE_THRESHOLD = 500;
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function distanceFromRect(x, y, rect) {
+  const dx = x - clamp(x, rect.left, rect.right);
+  const dy = y - clamp(y, rect.top, rect.bottom);
+  return Math.sqrt(dx * dx + dy * dy);
+}
+function useSelectNearestEditableBlock({
+  isEnabled = true
+} = {}) {
+  const { getEnabledClientIdsTree, getBlockName, getBlockOrder } = (0, import_lock_unlock.unlock)(
+    (0, import_data.useSelect)(import_block_editor.store)
+  );
+  const { selectBlock } = (0, import_data.useDispatch)(import_block_editor.store);
+  return (0, import_compose.useRefEffect)(
+    (element) => {
+      if (!isEnabled) {
+        return;
+      }
+      const selectNearestEditableBlock = (x, y) => {
+        const editableBlockClientIds = getEnabledClientIdsTree().flatMap(({ clientId }) => {
+          const blockName = getBlockName(clientId);
+          if (blockName === "core/template-part") {
+            return [];
+          }
+          if (blockName === "core/post-content") {
+            const innerBlocks = getBlockOrder(clientId);
+            if (innerBlocks.length) {
+              return innerBlocks;
+            }
+          }
+          return [clientId];
+        });
+        let nearestDistance = Infinity, nearestClientId = null;
+        for (const clientId of editableBlockClientIds) {
+          const block = element.querySelector(
+            `[data-block="${clientId}"]`
+          );
+          if (!block) {
+            continue;
+          }
+          const rect = block.getBoundingClientRect();
+          const distance = distanceFromRect(x, y, rect);
+          if (distance < nearestDistance && distance < DISTANCE_THRESHOLD) {
+            nearestDistance = distance;
+            nearestClientId = clientId;
+          }
+        }
+        if (nearestClientId) {
+          selectBlock(nearestClientId);
+        }
+      };
+      const handleClick = (event) => {
+        const shouldSelect = event.target === element || event.target.classList.contains("is-root-container");
+        if (shouldSelect) {
+          selectNearestEditableBlock(event.clientX, event.clientY);
+        }
+      };
+      element.addEventListener("click", handleClick);
+      return () => element.removeEventListener("click", handleClick);
+    },
+    [isEnabled]
+  );
+}
+//# sourceMappingURL=use-select-nearest-editable-block.js.map

package/build/components/visual-editor/use-zoom-out-mode-exit.js

@@ -0,0 +1,60 @@
+"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/editor/src/components/visual-editor/use-zoom-out-mode-exit.js
+var use_zoom_out_mode_exit_exports = {};
+__export(use_zoom_out_mode_exit_exports, {
+  useZoomOutModeExit: () => useZoomOutModeExit
+});
+module.exports = __toCommonJS(use_zoom_out_mode_exit_exports);
+var import_data = require("@wordpress/data");
+var import_compose = require("@wordpress/compose");
+var import_block_editor = require("@wordpress/block-editor");
+var import_lock_unlock = require("../../lock-unlock");
+function useZoomOutModeExit() {
+  const { getSettings, isZoomOut } = (0, import_lock_unlock.unlock)((0, import_data.useSelect)(import_block_editor.store));
+  const { resetZoomLevel } = (0, import_lock_unlock.unlock)((0, import_data.useDispatch)(import_block_editor.store));
+  return (0, import_compose.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]
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useZoomOutModeExit
+});
+//# sourceMappingURL=use-zoom-out-mode-exit.js.map

package/build/components/word-count/index.js

@@ -0,0 +1,39 @@
+"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/editor/src/components/word-count/index.js
+var word_count_exports = {};
+__export(word_count_exports, {
+  default: () => WordCount
+});
+module.exports = __toCommonJS(word_count_exports);
+var import_data = require("@wordpress/data");
+var import_i18n = require("@wordpress/i18n");
+var import_wordcount = require("@wordpress/wordcount");
+var import_store = require("../../store");
+var import_jsx_runtime = require("react/jsx-runtime");
+function WordCount() {
+  const content = (0, import_data.useSelect)(
+    (select) => select(import_store.store).getEditedPostAttribute("content"),
+    []
+  );
+  const wordCountType = (0, import_i18n._x)("words", "Word count type. Do not translate!");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "word-count", children: (0, import_wordcount.count)(content, wordCountType) });
+}
+//# sourceMappingURL=index.js.map

package/build/components/zoom-out-toggle/index.js

@@ -0,0 +1,109 @@
+"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/editor/src/components/zoom-out-toggle/index.js
+var zoom_out_toggle_exports = {};
+__export(zoom_out_toggle_exports, {
+  default: () => zoom_out_toggle_default
+});
+module.exports = __toCommonJS(zoom_out_toggle_exports);
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import_block_editor = require("@wordpress/block-editor");
+var import_icons = require("@wordpress/icons");
+var import_preferences = require("@wordpress/preferences");
+var import_keyboard_shortcuts = require("@wordpress/keyboard-shortcuts");
+var import_keycodes = require("@wordpress/keycodes");
+var import_lock_unlock = require("../../lock-unlock");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ZoomOutToggle = ({ disabled }) => {
+  const { isZoomOut, showIconLabels, isDistractionFree } = (0, import_data.useSelect)(
+    (select) => ({
+      isZoomOut: (0, import_lock_unlock.unlock)(select(import_block_editor.store)).isZoomOut(),
+      showIconLabels: select(import_preferences.store).get(
+        "core",
+        "showIconLabels"
+      ),
+      isDistractionFree: select(import_preferences.store).get(
+        "core",
+        "distractionFree"
+      )
+    })
+  );
+  const { resetZoomLevel, setZoomLevel } = (0, import_lock_unlock.unlock)(
+    (0, import_data.useDispatch)(import_block_editor.store)
+  );
+  const { registerShortcut, unregisterShortcut } = (0, import_data.useDispatch)(
+    import_keyboard_shortcuts.store
+  );
+  (0, import_element.useEffect)(() => {
+    registerShortcut({
+      name: "core/editor/zoom",
+      category: "global",
+      description: (0, import_i18n.__)("Enter or exit zoom out."),
+      keyCombination: {
+        // `primaryShift+0` (`ctrl+shift+0`) is the shortcut for switching
+        // to input mode in Windows, so apply a different key combination.
+        modifier: (0, import_keycodes.isAppleOS)() ? "primaryShift" : "secondary",
+        character: "0"
+      }
+    });
+    return () => {
+      unregisterShortcut("core/editor/zoom");
+    };
+  }, [registerShortcut, unregisterShortcut]);
+  (0, import_keyboard_shortcuts.useShortcut)(
+    "core/editor/zoom",
+    () => {
+      if (isZoomOut) {
+        resetZoomLevel();
+      } else {
+        setZoomLevel("auto-scaled");
+      }
+    },
+    {
+      isDisabled: isDistractionFree
+    }
+  );
+  const handleZoomOut = () => {
+    if (isZoomOut) {
+      resetZoomLevel();
+    } else {
+      setZoomLevel("auto-scaled");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Button,
+    {
+      accessibleWhenDisabled: true,
+      disabled,
+      onClick: handleZoomOut,
+      icon: import_icons.square,
+      label: (0, import_i18n.__)("Zoom Out"),
+      isPressed: isZoomOut,
+      size: "compact",
+      showTooltip: !showIconLabels,
+      className: "editor-zoom-out-toggle"
+    }
+  );
+};
+var zoom_out_toggle_default = ZoomOutToggle;
+//# sourceMappingURL=index.js.map

package/build/dataviews/api.js

@@ -0,0 +1,71 @@
+"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/editor/src/dataviews/api.js
+var api_exports = {};
+__export(api_exports, {
+  registerEntityAction: () => registerEntityAction,
+  registerEntityField: () => registerEntityField,
+  unregisterEntityAction: () => unregisterEntityAction,
+  unregisterEntityField: () => unregisterEntityField
+});
+module.exports = __toCommonJS(api_exports);
+var import_data = require("@wordpress/data");
+var import_lock_unlock = require("../lock-unlock");
+var import_store = require("../store");
+function registerEntityAction(kind, name, config) {
+  const { registerEntityAction: _registerEntityAction } = (0, import_lock_unlock.unlock)(
+    (0, import_data.dispatch)(import_store.store)
+  );
+  if (globalThis.IS_GUTENBERG_PLUGIN) {
+    _registerEntityAction(kind, name, config);
+  }
+}
+function unregisterEntityAction(kind, name, actionId) {
+  const { unregisterEntityAction: _unregisterEntityAction } = (0, import_lock_unlock.unlock)(
+    (0, import_data.dispatch)(import_store.store)
+  );
+  if (globalThis.IS_GUTENBERG_PLUGIN) {
+    _unregisterEntityAction(kind, name, actionId);
+  }
+}
+function registerEntityField(kind, name, config) {
+  const { registerEntityField: _registerEntityField } = (0, import_lock_unlock.unlock)(
+    (0, import_data.dispatch)(import_store.store)
+  );
+  if (globalThis.IS_GUTENBERG_PLUGIN) {
+    _registerEntityField(kind, name, config);
+  }
+}
+function unregisterEntityField(kind, name, fieldId) {
+  const { unregisterEntityField: _unregisterEntityField } = (0, import_lock_unlock.unlock)(
+    (0, import_data.dispatch)(import_store.store)
+  );
+  if (globalThis.IS_GUTENBERG_PLUGIN) {
+    _unregisterEntityField(kind, name, fieldId);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  registerEntityAction,
+  registerEntityField,
+  unregisterEntityAction,
+  unregisterEntityField
+});
+//# sourceMappingURL=api.js.map

package/build/dataviews/fields/content-preview/content-preview-view.js

@@ -0,0 +1,95 @@
+"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/editor/src/dataviews/fields/content-preview/content-preview-view.tsx
+var content_preview_view_exports = {};
+__export(content_preview_view_exports, {
+  default: () => PostPreviewView
+});
+module.exports = __toCommonJS(content_preview_view_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_block_editor = require("@wordpress/block-editor");
+var import_data = require("@wordpress/data");
+var import_core_data = require("@wordpress/core-data");
+var import_provider = require("../../../components/provider");
+var import_global_styles = require("../../../components/global-styles");
+var import_lock_unlock = require("../../../lock-unlock");
+var import_store = require("../../../store");
+var import_jsx_runtime = require("react/jsx-runtime");
+function PostPreviewContainer({
+  template,
+  post
+}) {
+  const [backgroundColor = "white"] = (0, import_global_styles.useStyle)("color.background");
+  const [postBlocks] = (0, import_core_data.useEntityBlockEditor)("postType", post.type, {
+    id: post.id
+  });
+  const [templateBlocks] = (0, import_core_data.useEntityBlockEditor)(
+    "postType",
+    template?.type,
+    {
+      id: template?.id
+    }
+  );
+  const blocks = template && templateBlocks ? templateBlocks : postBlocks;
+  const isEmpty = !blocks?.length;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: "editor-fields-content-preview",
+      style: {
+        backgroundColor
+      },
+      children: [
+        isEmpty && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "editor-fields-content-preview__empty", children: (0, import_i18n.__)("Empty content") }),
+        !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockPreview.Async, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockPreview, { blocks }) })
+      ]
+    }
+  );
+}
+function PostPreviewView({ item }) {
+  const { settings, template } = (0, import_data.useSelect)(
+    (select) => {
+      const { canUser, getPostType, getTemplateId, getEntityRecord } = (0, import_lock_unlock.unlock)(select(import_core_data.store));
+      const canViewTemplate = canUser("read", {
+        kind: "postType",
+        name: "wp_template"
+      });
+      const _settings = select(import_store.store).getEditorSettings();
+      const supportsTemplateMode = _settings.supportsTemplateMode;
+      const isViewable = getPostType(item.type)?.viewable ?? false;
+      const templateId = supportsTemplateMode && isViewable && canViewTemplate ? getTemplateId(item.type, item.id) : null;
+      return {
+        settings: _settings,
+        template: templateId ? getEntityRecord("postType", "wp_template", templateId) : void 0
+      };
+    },
+    [item.type, item.id]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_provider.EditorProvider,
+    {
+      post: item,
+      settings,
+      __unstableTemplate: template,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PostPreviewContainer, { template, post: item })
+    }
+  );
+}
+//# sourceMappingURL=content-preview-view.js.map

package/build/dataviews/fields/content-preview/index.js

@@ -0,0 +1,46 @@
+"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/editor/src/dataviews/fields/content-preview/index.tsx
+var content_preview_exports = {};
+__export(content_preview_exports, {
+  default: () => content_preview_default
+});
+module.exports = __toCommonJS(content_preview_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_content_preview_view = __toESM(require("./content-preview-view"));
+var postPreviewField = {
+  type: "media",
+  id: "content-preview",
+  label: (0, import_i18n.__)("Content preview"),
+  render: import_content_preview_view.default,
+  enableSorting: false
+};
+var content_preview_default = postPreviewField;
+//# sourceMappingURL=index.js.map