@wordpress/block-editor 15.5.0 → 15.5.1-next.47f435fc9.0

package/build/components/rich-text/index.js

@@ -1,82 +1,75 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PrivateRichText = void 0;
-Object.defineProperty(exports, "RichTextShortcut", {
-  enumerable: true,
-  get: function () {
-    return _shortcut.RichTextShortcut;
-  }
-});
-Object.defineProperty(exports, "RichTextToolbarButton", {
-  enumerable: true,
-  get: function () {
-    return _toolbarButton.RichTextToolbarButton;
-  }
-});
-exports.RichTextWrapper = RichTextWrapper;
-Object.defineProperty(exports, "__unstableRichTextInputEvent", {
-  enumerable: true,
-  get: function () {
-    return _inputEvent.__unstableRichTextInputEvent;
+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);
+var rich_text_exports = {};
+__export(rich_text_exports, {
+  PrivateRichText: () => PrivateRichText,
+  RichTextShortcut: () => import_shortcut.RichTextShortcut,
+  RichTextToolbarButton: () => import_toolbar_button.RichTextToolbarButton,
+  RichTextWrapper: () => RichTextWrapper,
+  __unstableRichTextInputEvent: () => import_input_event.__unstableRichTextInputEvent,
+  default: () => rich_text_default,
+  inputEventContext: () => inputEventContext,
+  keyboardShortcutContext: () => keyboardShortcutContext
 });
-exports.keyboardShortcutContext = exports.inputEventContext = exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _element = require("@wordpress/element");
-var _data = require("@wordpress/data");
-var _compose = require("@wordpress/compose");
-var _richText = require("@wordpress/rich-text");
-var _components = require("@wordpress/components");
-var _blocks = require("@wordpress/blocks");
-var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
-var _i18n = require("@wordpress/i18n");
-var _autocomplete = require("../autocomplete");
-var _blockEdit = require("../block-edit");
-var _context = require("../block-edit/context");
-var _formatToolbarContainer = _interopRequireDefault(require("./format-toolbar-container"));
-var _store = require("../../store");
-var _useMarkPersistent = require("./use-mark-persistent");
-var _useFormatTypes = require("./use-format-types");
-var _eventListeners = require("./event-listeners");
-var _formatEdit = _interopRequireDefault(require("./format-edit"));
-var _utils = require("./utils");
-var _content = require("./content");
-var _withDeprecations = require("./with-deprecations");
-var _blockContext = _interopRequireDefault(require("../block-context"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _shortcut = require("./shortcut");
-var _toolbarButton = require("./toolbar-button");
-var _inputEvent = require("./input-event");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const keyboardShortcutContext = exports.keyboardShortcutContext = (0, _element.createContext)();
-keyboardShortcutContext.displayName = 'keyboardShortcutContext';
-const inputEventContext = exports.inputEventContext = (0, _element.createContext)();
-inputEventContext.displayName = 'inputEventContext';
-const instanceIdKey = Symbol('instanceId');
-
-/**
- * Removes props used for the native version of RichText so that they are not
- * passed to the DOM element and log warnings.
- *
- * @param {Object} props Props to filter.
- *
- * @return {Object} Filtered props.
- */
+module.exports = __toCommonJS(rich_text_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_es6 = __toESM(require("fast-deep-equal/es6"));
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import_compose = require("@wordpress/compose");
+var import_rich_text = require("@wordpress/rich-text");
+var import_components = require("@wordpress/components");
+var import_blocks = require("@wordpress/blocks");
+var import_deprecated = __toESM(require("@wordpress/deprecated"));
+var import_i18n = require("@wordpress/i18n");
+var import_autocomplete = require("../autocomplete");
+var import_block_edit = require("../block-edit");
+var import_context = require("../block-edit/context");
+var import_format_toolbar_container = __toESM(require("./format-toolbar-container"));
+var import_store = require("../../store");
+var import_use_mark_persistent = require("./use-mark-persistent");
+var import_use_format_types = require("./use-format-types");
+var import_event_listeners = require("./event-listeners");
+var import_format_edit = __toESM(require("./format-edit"));
+var import_utils = require("./utils");
+var import_content = require("./content");
+var import_with_deprecations = require("./with-deprecations");
+var import_block_context = __toESM(require("../block-context"));
+var import_shortcut = require("./shortcut");
+var import_toolbar_button = require("./toolbar-button");
+var import_input_event = require("./input-event");
+const keyboardShortcutContext = (0, import_element.createContext)();
+keyboardShortcutContext.displayName = "keyboardShortcutContext";
+const inputEventContext = (0, import_element.createContext)();
+inputEventContext.displayName = "inputEventContext";
+const instanceIdKey = Symbol("instanceId");
 function removeNativeProps(props) {
   const {
     __unstableMobileNoFocusOnMount,
@@ -100,8 +93,8 @@ function removeNativeProps(props) {
 }
 function RichTextWrapper({
   children,
-  tagName = 'div',
-  value: adjustedValue = '',
+  tagName = "div",
+  value: adjustedValue = "",
   onChange: adjustedOnChange,
   isSelected: originalIsSelected,
   multiline,
@@ -129,200 +122,209 @@ function RichTextWrapper({
 }, forwardedRef) {
   props = removeNativeProps(props);
   if (onSplit) {
-    (0, _deprecated.default)('wp.blockEditor.RichText onSplit prop', {
-      since: '6.4',
+    (0, import_deprecated.default)("wp.blockEditor.RichText onSplit prop", {
+      since: "6.4",
       alternative: 'block.json support key: "splitting"'
     });
   }
-  const instanceId = (0, _compose.useInstanceId)(RichTextWrapper);
-  const anchorRef = (0, _element.useRef)();
-  const context = (0, _blockEdit.useBlockEditContext)();
-  const {
-    clientId,
-    isSelected: isBlockSelected,
-    name: blockName
-  } = context;
-  const blockBindings = context[_context.blockBindingsKey];
-  const blockContext = (0, _element.useContext)(_blockContext.default);
-  const registry = (0, _data.useRegistry)();
-  const selector = select => {
-    // Avoid subscribing to the block editor store if the block is not
-    // selected.
+  const instanceId = (0, import_compose.useInstanceId)(RichTextWrapper);
+  const anchorRef = (0, import_element.useRef)();
+  const context = (0, import_block_edit.useBlockEditContext)();
+  const { clientId, isSelected: isBlockSelected, name: blockName } = context;
+  const blockBindings = context[import_context.blockBindingsKey];
+  const blockContext = (0, import_element.useContext)(import_block_context.default);
+  const registry = (0, import_data.useRegistry)();
+  const selector = (select) => {
     if (!isBlockSelected) {
-      return {
-        isSelected: false
-      };
+      return { isSelected: false };
     }
-    const {
-      getSelectionStart,
-      getSelectionEnd,
-      getBlockEditingMode,
-      isNavigationMode
-    } = select(_store.store);
-    const selectionStart = getSelectionStart();
-    const selectionEnd = getSelectionEnd();
-    let isSelected;
-    if (originalIsSelected === undefined) {
-      isSelected = selectionStart.clientId === clientId && selectionEnd.clientId === clientId && (identifier ? selectionStart.attributeKey === identifier : selectionStart[instanceIdKey] === instanceId);
+    const { getSelectionStart: getSelectionStart2, getSelectionEnd: getSelectionEnd2, getBlockEditingMode } = select(import_store.store);
+    const selectionStart2 = getSelectionStart2();
+    const selectionEnd2 = getSelectionEnd2();
+    let isSelected2;
+    if (originalIsSelected === void 0) {
+      isSelected2 = selectionStart2.clientId === clientId && selectionEnd2.clientId === clientId && (identifier ? selectionStart2.attributeKey === identifier : selectionStart2[instanceIdKey] === instanceId);
     } else if (originalIsSelected) {
-      isSelected = selectionStart.clientId === clientId;
+      isSelected2 = selectionStart2.clientId === clientId;
     }
     return {
-      selectionStart: isSelected ? selectionStart.offset : undefined,
-      selectionEnd: isSelected ? selectionEnd.offset : undefined,
-      isSelected,
-      isContentOnlyWriteMode: isNavigationMode() && getBlockEditingMode(clientId) === 'contentOnly'
+      selectionStart: isSelected2 ? selectionStart2.offset : void 0,
+      selectionEnd: isSelected2 ? selectionEnd2.offset : void 0,
+      isSelected: isSelected2,
+      isContentOnly: getBlockEditingMode(clientId) === "contentOnly"
     };
   };
-  const {
-    selectionStart,
-    selectionEnd,
-    isSelected,
-    isContentOnlyWriteMode
-  } = (0, _data.useSelect)(selector, [clientId, identifier, instanceId, originalIsSelected, isBlockSelected]);
-  const {
-    disableBoundBlock,
-    bindingsPlaceholder,
-    bindingsLabel
-  } = (0, _data.useSelect)(select => {
-    var _fieldsList$relatedBi;
-    const {
-      __experimentalBlockBindingsSupportedAttributes
-    } = select(_store.store).getSettings();
-    if (!blockBindings?.[identifier] || !(blockName in __experimentalBlockBindingsSupportedAttributes)) {
-      return {};
-    }
-    const relatedBinding = blockBindings[identifier];
-    const blockBindingsSource = (0, _blocks.getBlockBindingsSource)(relatedBinding.source);
-    const blockBindingsContext = {};
-    if (blockBindingsSource?.usesContext?.length) {
-      for (const key of blockBindingsSource.usesContext) {
-        blockBindingsContext[key] = blockContext[key];
+  const { selectionStart, selectionEnd, isSelected, isContentOnly } = (0, import_data.useSelect)(selector, [
+    clientId,
+    identifier,
+    instanceId,
+    originalIsSelected,
+    isBlockSelected
+  ]);
+  const { disableBoundBlock, bindingsPlaceholder, bindingsLabel } = (0, import_data.useSelect)(
+    (select) => {
+      const { __experimentalBlockBindingsSupportedAttributes } = select(import_store.store).getSettings();
+      if (!blockBindings?.[identifier] || !(blockName in __experimentalBlockBindingsSupportedAttributes)) {
+        return {};
       }
-    }
-    const _disableBoundBlock = !blockBindingsSource?.canUserEditValue?.({
-      select,
-      context: blockBindingsContext,
-      args: relatedBinding.args
-    });
-
-    // Don't modify placeholders if value is not empty.
-    if (adjustedValue.length > 0) {
+      const relatedBinding = blockBindings[identifier];
+      const blockBindingsSource = (0, import_blocks.getBlockBindingsSource)(
+        relatedBinding.source
+      );
+      const blockBindingsContext = {};
+      if (blockBindingsSource?.usesContext?.length) {
+        for (const key of blockBindingsSource.usesContext) {
+          blockBindingsContext[key] = blockContext[key];
+        }
+      }
+      const _disableBoundBlock = !blockBindingsSource?.canUserEditValue?.({
+        select,
+        context: blockBindingsContext,
+        args: relatedBinding.args
+      });
+      if (adjustedValue.length > 0) {
+        return {
+          disableBoundBlock: _disableBoundBlock,
+          // Null values will make them fall back to the default behavior.
+          bindingsPlaceholder: null,
+          bindingsLabel: null
+        };
+      }
+      const { getBlockAttributes } = select(import_store.store);
+      const blockAttributes = getBlockAttributes(clientId);
+      let clientSideFieldLabel = null;
+      if (blockBindingsSource?.editorUI) {
+        const editorUIResult = blockBindingsSource.editorUI({
+          select,
+          context: blockBindingsContext
+        });
+        clientSideFieldLabel = editorUIResult.data?.find(
+          (item) => (0, import_es6.default)(item.args, relatedBinding?.args)
+        )?.label;
+      }
+      const bindingKey = clientSideFieldLabel ?? blockBindingsSource?.label;
+      const _bindingsPlaceholder = _disableBoundBlock ? bindingKey : (0, import_i18n.sprintf)(
+        /* translators: %s: connected field label or source label */
+        (0, import_i18n.__)("Add %s"),
+        bindingKey
+      );
+      const _bindingsLabel = _disableBoundBlock ? relatedBinding?.args?.key || blockBindingsSource?.label : (0, import_i18n.sprintf)(
+        /* translators: %s: source label or key */
+        (0, import_i18n.__)("Empty %s; start writing to edit its value"),
+        relatedBinding?.args?.key || blockBindingsSource?.label
+      );
       return {
         disableBoundBlock: _disableBoundBlock,
-        // Null values will make them fall back to the default behavior.
-        bindingsPlaceholder: null,
-        bindingsLabel: null
+        bindingsPlaceholder: blockAttributes?.placeholder || _bindingsPlaceholder,
+        bindingsLabel: _bindingsLabel
       };
-    }
-    const {
-      getBlockAttributes
-    } = select(_store.store);
-    const blockAttributes = getBlockAttributes(clientId);
-    const fieldsList = blockBindingsSource?.getFieldsList?.({
-      select,
-      context: blockBindingsContext
-    });
-    const bindingKey = (_fieldsList$relatedBi = fieldsList?.[relatedBinding?.args?.key]?.label) !== null && _fieldsList$relatedBi !== void 0 ? _fieldsList$relatedBi : blockBindingsSource?.label;
-    const _bindingsPlaceholder = _disableBoundBlock ? bindingKey : (0, _i18n.sprintf)(/* translators: %s: connected field label or source label */
-    (0, _i18n.__)('Add %s'), bindingKey);
-    const _bindingsLabel = _disableBoundBlock ? relatedBinding?.args?.key || blockBindingsSource?.label : (0, _i18n.sprintf)(/* translators: %s: source label or key */
-    (0, _i18n.__)('Empty %s; start writing to edit its value'), relatedBinding?.args?.key || blockBindingsSource?.label);
-    return {
-      disableBoundBlock: _disableBoundBlock,
-      bindingsPlaceholder: blockAttributes?.placeholder || _bindingsPlaceholder,
-      bindingsLabel: _bindingsLabel
-    };
-  }, [blockBindings, identifier, blockName, adjustedValue, clientId, blockContext]);
-  const isInsidePatternOverrides = !!blockContext?.['pattern/overrides'];
-  const hasOverrideEnabled = blockBindings?.__default?.source === 'core/pattern-overrides';
+    },
+    [
+      blockBindings,
+      identifier,
+      blockName,
+      adjustedValue,
+      clientId,
+      blockContext
+    ]
+  );
+  const isInsidePatternOverrides = !!blockContext?.["pattern/overrides"];
+  const hasOverrideEnabled = blockBindings?.__default?.source === "core/pattern-overrides";
   const shouldDisableForPattern = isInsidePatternOverrides && !hasOverrideEnabled;
   const shouldDisableEditing = readOnly || disableBoundBlock || shouldDisableForPattern;
-  const {
-    getSelectionStart,
-    getSelectionEnd,
-    getBlockRootClientId
-  } = (0, _data.useSelect)(_store.store);
-  const {
-    selectionChange
-  } = (0, _data.useDispatch)(_store.store);
-  const adjustedAllowedFormats = (0, _utils.getAllowedFormats)({
+  const { getSelectionStart, getSelectionEnd, getBlockRootClientId } = (0, import_data.useSelect)(import_store.store);
+  const { selectionChange } = (0, import_data.useDispatch)(import_store.store);
+  const adjustedAllowedFormats = (0, import_utils.getAllowedFormats)({
     allowedFormats,
     disableFormats
   });
   const hasFormats = !adjustedAllowedFormats || adjustedAllowedFormats.length > 0;
-  const onSelectionChange = (0, _element.useCallback)((start, end) => {
-    const selection = {};
-    const unset = start === undefined && end === undefined;
-    const baseSelection = {
-      clientId,
-      [identifier ? 'attributeKey' : instanceIdKey]: identifier ? identifier : instanceId
-    };
-    if (typeof start === 'number' || unset) {
-      // If we are only setting the start (or the end below), which
-      // means a partial selection, and we're not updating a selection
-      // with the same client ID, abort. This means the selected block
-      // is a parent block.
-      if (end === undefined && getBlockRootClientId(clientId) !== getBlockRootClientId(getSelectionEnd().clientId)) {
-        return;
-      }
-      selection.start = {
-        ...baseSelection,
-        offset: start
+  const onSelectionChange = (0, import_element.useCallback)(
+    (start, end) => {
+      const selection = {};
+      const unset = start === void 0 && end === void 0;
+      const baseSelection = {
+        clientId,
+        [identifier ? "attributeKey" : instanceIdKey]: identifier ? identifier : instanceId
       };
-    }
-    if (typeof end === 'number' || unset) {
-      if (start === undefined && getBlockRootClientId(clientId) !== getBlockRootClientId(getSelectionStart().clientId)) {
-        return;
+      if (typeof start === "number" || unset) {
+        if (end === void 0 && getBlockRootClientId(clientId) !== getBlockRootClientId(getSelectionEnd().clientId)) {
+          return;
+        }
+        selection.start = {
+          ...baseSelection,
+          offset: start
+        };
       }
-      selection.end = {
-        ...baseSelection,
-        offset: end
-      };
-    }
-    selectionChange(selection);
-  }, [clientId, getBlockRootClientId, getSelectionEnd, getSelectionStart, identifier, instanceId, selectionChange]);
+      if (typeof end === "number" || unset) {
+        if (start === void 0 && getBlockRootClientId(clientId) !== getBlockRootClientId(getSelectionStart().clientId)) {
+          return;
+        }
+        selection.end = {
+          ...baseSelection,
+          offset: end
+        };
+      }
+      selectionChange(selection);
+    },
+    [
+      clientId,
+      getBlockRootClientId,
+      getSelectionEnd,
+      getSelectionStart,
+      identifier,
+      instanceId,
+      selectionChange
+    ]
+  );
   const {
     formatTypes,
     prepareHandlers,
     valueHandlers,
     changeHandlers,
     dependencies
-  } = (0, _useFormatTypes.useFormatTypes)({
+  } = (0, import_use_format_types.useFormatTypes)({
     clientId,
     identifier,
     allowedFormats: adjustedAllowedFormats,
     withoutInteractiveFormatting,
-    disableNoneEssentialFormatting: isContentOnlyWriteMode
+    disableNoneEssentialFormatting: isContentOnly
   });
-  function addEditorOnlyFormats(value) {
-    return valueHandlers.reduce((accumulator, fn) => fn(accumulator, value.text), value.formats);
+  function addEditorOnlyFormats(value2) {
+    return valueHandlers.reduce(
+      (accumulator, fn) => fn(accumulator, value2.text),
+      value2.formats
+    );
   }
-  function removeEditorOnlyFormats(value) {
-    formatTypes.forEach(formatType => {
-      // Remove formats created by prepareEditableTree, because they are editor only.
+  function removeEditorOnlyFormats(value2) {
+    formatTypes.forEach((formatType) => {
       if (formatType.__experimentalCreatePrepareEditableTree) {
-        value = (0, _richText.removeFormat)(value, formatType.name, 0, value.text.length);
+        value2 = (0, import_rich_text.removeFormat)(
+          value2,
+          formatType.name,
+          0,
+          value2.text.length
+        );
       }
     });
-    return value.formats;
+    return value2.formats;
   }
-  function addInvisibleFormats(value) {
-    return prepareHandlers.reduce((accumulator, fn) => fn(accumulator, value.text), value.formats);
+  function addInvisibleFormats(value2) {
+    return prepareHandlers.reduce(
+      (accumulator, fn) => fn(accumulator, value2.text),
+      value2.formats
+    );
   }
   const {
     value,
     getValue,
     onChange,
     ref: richTextRef
-  } = (0, _richText.__unstableUseRichText)({
+  } = (0, import_rich_text.__unstableUseRichText)({
     value: adjustedValue,
-    onChange(html, {
-      __unstableFormats,
-      __unstableText
-    }) {
+    onChange(html, { __unstableFormats, __unstableText }) {
       adjustedOnChange(html);
-      Object.values(changeHandlers).forEach(changeHandler => {
+      Object.values(changeHandlers).forEach((changeHandler) => {
         changeHandler(__unstableFormats, __unstableText);
       });
     },
@@ -338,124 +340,111 @@ function RichTextWrapper({
     __unstableBeforeSerialize: removeEditorOnlyFormats,
     __unstableAddInvisibleFormats: addInvisibleFormats
   });
-  const autocompleteProps = (0, _autocomplete.useBlockEditorAutocompleteProps)({
+  const autocompleteProps = (0, import_autocomplete.useBlockEditorAutocompleteProps)({
     onReplace,
     completers: autocompleters,
     record: value,
     onChange
   });
-  (0, _useMarkPersistent.useMarkPersistent)({
-    html: adjustedValue,
-    value
-  });
-  const keyboardShortcuts = (0, _element.useRef)(new Set());
-  const inputEvents = (0, _element.useRef)(new Set());
+  (0, import_use_mark_persistent.useMarkPersistent)({ html: adjustedValue, value });
+  const keyboardShortcuts = (0, import_element.useRef)(/* @__PURE__ */ new Set());
+  const inputEvents = (0, import_element.useRef)(/* @__PURE__ */ new Set());
   function onFocus() {
     anchorRef.current?.focus();
   }
   const TagName = tagName;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(keyboardShortcutContext.Provider, {
-      value: keyboardShortcuts,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(inputEventContext.Provider, {
-        value: inputEvents,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Popover.__unstableSlotNameProvider, {
-          value: "__unstable-block-tools-after",
-          children: [children && children({
-            value,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(keyboardShortcutContext.Provider, { value: keyboardShortcuts, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(inputEventContext.Provider, { value: inputEvents, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.Popover.__unstableSlotNameProvider, { value: "__unstable-block-tools-after", children: [
+      children && children({ value, onChange, onFocus }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_format_edit.default,
+        {
+          value,
+          onChange,
+          onFocus,
+          formatTypes,
+          forwardedRef: anchorRef
+        }
+      )
+    ] }) }) }),
+    isSelected && hasFormats && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_format_toolbar_container.default,
+      {
+        inline: inlineToolbar,
+        editableContentElement: anchorRef.current
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      TagName,
+      {
+        role: "textbox",
+        "aria-multiline": !disableLineBreaks,
+        "aria-readonly": shouldDisableEditing,
+        ...props,
+        draggable: void 0,
+        "aria-label": bindingsLabel || props["aria-label"] || placeholder,
+        ...autocompleteProps,
+        ref: (0, import_compose.useMergeRefs)([
+          // Rich text ref must be first because its focus listener
+          // must be set up before any other ref calls .focus() on
+          // mount.
+          richTextRef,
+          forwardedRef,
+          autocompleteProps.ref,
+          props.ref,
+          (0, import_event_listeners.useEventListeners)({
+            registry,
+            getValue,
             onChange,
-            onFocus
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_formatEdit.default, {
-            value: value,
-            onChange: onChange,
-            onFocus: onFocus,
-            formatTypes: formatTypes,
-            forwardedRef: anchorRef
-          })]
-        })
-      })
-    }), isSelected && hasFormats && /*#__PURE__*/(0, _jsxRuntime.jsx)(_formatToolbarContainer.default, {
-      inline: inlineToolbar,
-      editableContentElement: anchorRef.current
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TagName
-    // Overridable props.
-    , {
-      role: "textbox",
-      "aria-multiline": !disableLineBreaks,
-      "aria-readonly": shouldDisableEditing,
-      ...props,
-      // Unset draggable (coming from block props) for contentEditable
-      // elements because it will interfere with multi block selection
-      // when the contentEditable and draggable elements are the same
-      // element.
-      draggable: undefined,
-      "aria-label": bindingsLabel || props['aria-label'] || placeholder,
-      ...autocompleteProps,
-      ref: (0, _compose.useMergeRefs)([
-      // Rich text ref must be first because its focus listener
-      // must be set up before any other ref calls .focus() on
-      // mount.
-      richTextRef, forwardedRef, autocompleteProps.ref, props.ref, (0, _eventListeners.useEventListeners)({
-        registry,
-        getValue,
-        onChange,
-        __unstableAllowPrefixTransformations,
-        formatTypes,
-        onReplace,
-        selectionChange,
-        isSelected,
-        disableFormats,
-        value,
-        tagName,
-        onSplit,
-        __unstableEmbedURLOnPaste,
-        pastePlainText,
-        onMerge,
-        onRemove,
-        removeEditorOnlyFormats,
-        disableLineBreaks,
-        onSplitAtEnd,
-        onSplitAtDoubleLineEnd,
-        keyboardShortcuts,
-        inputEvents
-      }), anchorRef]),
-      contentEditable: !shouldDisableEditing,
-      suppressContentEditableWarning: true,
-      className: (0, _clsx.default)('block-editor-rich-text__editable', props.className, 'rich-text')
-      // Setting tabIndex to 0 is unnecessary, the element is already
-      // focusable because it's contentEditable. This also fixes a
-      // Safari bug where it's not possible to Shift+Click multi
-      // select blocks when Shift Clicking into an element with
-      // tabIndex because Safari will focus the element. However,
-      // Safari will correctly ignore nested contentEditable elements.
-      ,
-      tabIndex: props.tabIndex === 0 && !shouldDisableEditing ? null : props.tabIndex,
-      "data-wp-block-attribute-key": identifier
-    })]
-  });
+            __unstableAllowPrefixTransformations,
+            formatTypes,
+            onReplace,
+            selectionChange,
+            isSelected,
+            disableFormats,
+            value,
+            tagName,
+            onSplit,
+            __unstableEmbedURLOnPaste,
+            pastePlainText,
+            onMerge,
+            onRemove,
+            removeEditorOnlyFormats,
+            disableLineBreaks,
+            onSplitAtEnd,
+            onSplitAtDoubleLineEnd,
+            keyboardShortcuts,
+            inputEvents
+          }),
+          anchorRef
+        ]),
+        contentEditable: !shouldDisableEditing,
+        suppressContentEditableWarning: true,
+        className: (0, import_clsx.default)(
+          "block-editor-rich-text__editable",
+          props.className,
+          "rich-text"
+        ),
+        tabIndex: props.tabIndex === 0 && !shouldDisableEditing ? null : props.tabIndex,
+        "data-wp-block-attribute-key": identifier
+      }
+    )
+  ] });
 }
-
-// This is the private API for the RichText component.
-// It allows access to all props, not just the public ones.
-const PrivateRichText = exports.PrivateRichText = (0, _withDeprecations.withDeprecations)((0, _element.forwardRef)(RichTextWrapper));
-PrivateRichText.Content = _content.Content;
-PrivateRichText.isEmpty = value => {
+const PrivateRichText = (0, import_with_deprecations.withDeprecations)(
+  (0, import_element.forwardRef)(RichTextWrapper)
+);
+PrivateRichText.Content = import_content.Content;
+PrivateRichText.isEmpty = (value) => {
   return !value || value.length === 0;
 };
-
-// This is the public API for the RichText component.
-// We wrap the PrivateRichText component to hide some props from the public API.
-/**
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/rich-text/README.md
- */
-const PublicForwardedRichTextContainer = (0, _element.forwardRef)((props, ref) => {
-  const context = (0, _blockEdit.useBlockEditContext)();
-  const isPreviewMode = context[_context.isPreviewModeKey];
+const PublicForwardedRichTextContainer = (0, import_element.forwardRef)((props, ref) => {
+  const context = (0, import_block_edit.useBlockEditContext)();
+  const isPreviewMode = context[import_context.isPreviewModeKey];
   if (isPreviewMode) {
-    // Remove all non-content props.
     const {
       children,
-      tagName: Tag = 'div',
+      tagName: Tag = "div",
       value,
       onChange,
       isSelected,
@@ -482,22 +471,31 @@ const PublicForwardedRichTextContainer = (0, _element.forwardRef)((props, ref) =
       readOnly,
       ...contentProps
     } = removeNativeProps(props);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
-      ...contentProps,
-      dangerouslySetInnerHTML: {
-        __html: (0, _content.valueToHTMLString)(value, multiline)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Tag,
+      {
+        ...contentProps,
+        dangerouslySetInnerHTML: {
+          __html: (0, import_content.valueToHTMLString)(value, multiline)
+        }
       }
-    });
+    );
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PrivateRichText, {
-    ref: ref,
-    ...props,
-    readOnly: false
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PrivateRichText, { ref, ...props, readOnly: false });
 });
-PublicForwardedRichTextContainer.Content = _content.Content;
-PublicForwardedRichTextContainer.isEmpty = value => {
+PublicForwardedRichTextContainer.Content = import_content.Content;
+PublicForwardedRichTextContainer.isEmpty = (value) => {
   return !value || value.length === 0;
 };
-var _default = exports.default = PublicForwardedRichTextContainer;
-//# sourceMappingURL=index.js.map
+var rich_text_default = PublicForwardedRichTextContainer;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PrivateRichText,
+  RichTextShortcut,
+  RichTextToolbarButton,
+  RichTextWrapper,
+  __unstableRichTextInputEvent,
+  inputEventContext,
+  keyboardShortcutContext
+});
+//# sourceMappingURL=index.js.map