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

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

@@ -1,51 +1,41 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useRef, useCallback, forwardRef, createContext, useContext } from '@wordpress/element';
-import { useDispatch, useRegistry, useSelect } from '@wordpress/data';
-import { useMergeRefs, useInstanceId } from '@wordpress/compose';
-import { __unstableUseRichText as useRichText, removeFormat } from '@wordpress/rich-text';
-import { Popover } from '@wordpress/components';
-import { getBlockBindingsSource } from '@wordpress/blocks';
-import deprecated from '@wordpress/deprecated';
-import { __, sprintf } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import { useBlockEditorAutocompleteProps } from '../autocomplete';
-import { useBlockEditContext } from '../block-edit';
-import { blockBindingsKey, isPreviewModeKey } from '../block-edit/context';
-import FormatToolbarContainer from './format-toolbar-container';
-import { store as blockEditorStore } from '../../store';
-import { useMarkPersistent } from './use-mark-persistent';
-import { useFormatTypes } from './use-format-types';
-import { useEventListeners } from './event-listeners';
-import FormatEdit from './format-edit';
-import { getAllowedFormats } from './utils';
-import { Content, valueToHTMLString } from './content';
-import { withDeprecations } from './with-deprecations';
-import BlockContext from '../block-context';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const keyboardShortcutContext = createContext();
-keyboardShortcutContext.displayName = 'keyboardShortcutContext';
-export const inputEventContext = 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.
- */
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import fastDeepEqual from "fast-deep-equal/es6";
+import {
+  useRef,
+  useCallback,
+  forwardRef,
+  createContext,
+  useContext
+} from "@wordpress/element";
+import { useDispatch, useRegistry, useSelect } from "@wordpress/data";
+import { useMergeRefs, useInstanceId } from "@wordpress/compose";
+import {
+  __unstableUseRichText as useRichText,
+  removeFormat
+} from "@wordpress/rich-text";
+import { Popover } from "@wordpress/components";
+import { getBlockBindingsSource } from "@wordpress/blocks";
+import deprecated from "@wordpress/deprecated";
+import { __, sprintf } from "@wordpress/i18n";
+import { useBlockEditorAutocompleteProps } from "../autocomplete";
+import { useBlockEditContext } from "../block-edit";
+import { blockBindingsKey, isPreviewModeKey } from "../block-edit/context";
+import FormatToolbarContainer from "./format-toolbar-container";
+import { store as blockEditorStore } from "../../store";
+import { useMarkPersistent } from "./use-mark-persistent";
+import { useFormatTypes } from "./use-format-types";
+import { useEventListeners } from "./event-listeners";
+import FormatEdit from "./format-edit";
+import { getAllowedFormats } from "./utils";
+import { Content, valueToHTMLString } from "./content";
+import { withDeprecations } from "./with-deprecations";
+import BlockContext from "../block-context";
+const keyboardShortcutContext = createContext();
+keyboardShortcutContext.displayName = "keyboardShortcutContext";
+const inputEventContext = createContext();
+inputEventContext.displayName = "inputEventContext";
+const instanceIdKey = Symbol("instanceId");
 function removeNativeProps(props) {
   const {
     __unstableMobileNoFocusOnMount,
@@ -67,10 +57,10 @@ function removeNativeProps(props) {
   } = props;
   return restProps;
 }
-export function RichTextWrapper({
+function RichTextWrapper({
   children,
-  tagName = 'div',
-  value: adjustedValue = '',
+  tagName = "div",
+  value: adjustedValue = "",
   onChange: adjustedOnChange,
   isSelected: originalIsSelected,
   multiline,
@@ -98,159 +88,161 @@ export function RichTextWrapper({
 }, forwardedRef) {
   props = removeNativeProps(props);
   if (onSplit) {
-    deprecated('wp.blockEditor.RichText onSplit prop', {
-      since: '6.4',
+    deprecated("wp.blockEditor.RichText onSplit prop", {
+      since: "6.4",
       alternative: 'block.json support key: "splitting"'
     });
   }
   const instanceId = useInstanceId(RichTextWrapper);
   const anchorRef = useRef();
   const context = useBlockEditContext();
-  const {
-    clientId,
-    isSelected: isBlockSelected,
-    name: blockName
-  } = context;
+  const { clientId, isSelected: isBlockSelected, name: blockName } = context;
   const blockBindings = context[blockBindingsKey];
   const blockContext = useContext(BlockContext);
   const registry = useRegistry();
-  const selector = select => {
-    // Avoid subscribing to the block editor store if the block is not
-    // selected.
+  const selector = (select) => {
     if (!isBlockSelected) {
-      return {
-        isSelected: false
-      };
+      return { isSelected: false };
     }
-    const {
-      getSelectionStart,
-      getSelectionEnd,
-      getBlockEditingMode,
-      isNavigationMode
-    } = select(blockEditorStore);
-    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(blockEditorStore);
+    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
-  } = useSelect(selector, [clientId, identifier, instanceId, originalIsSelected, isBlockSelected]);
-  const {
-    disableBoundBlock,
-    bindingsPlaceholder,
-    bindingsLabel
-  } = useSelect(select => {
-    var _fieldsList$relatedBi;
-    const {
-      __experimentalBlockBindingsSupportedAttributes
-    } = select(blockEditorStore).getSettings();
-    if (!blockBindings?.[identifier] || !(blockName in __experimentalBlockBindingsSupportedAttributes)) {
-      return {};
-    }
-    const relatedBinding = blockBindings[identifier];
-    const blockBindingsSource = getBlockBindingsSource(relatedBinding.source);
-    const blockBindingsContext = {};
-    if (blockBindingsSource?.usesContext?.length) {
-      for (const key of blockBindingsSource.usesContext) {
-        blockBindingsContext[key] = blockContext[key];
+  const { selectionStart, selectionEnd, isSelected, isContentOnly } = useSelect(selector, [
+    clientId,
+    identifier,
+    instanceId,
+    originalIsSelected,
+    isBlockSelected
+  ]);
+  const { disableBoundBlock, bindingsPlaceholder, bindingsLabel } = useSelect(
+    (select) => {
+      const { __experimentalBlockBindingsSupportedAttributes } = select(blockEditorStore).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 = 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(blockEditorStore);
+      const blockAttributes = getBlockAttributes(clientId);
+      let clientSideFieldLabel = null;
+      if (blockBindingsSource?.editorUI) {
+        const editorUIResult = blockBindingsSource.editorUI({
+          select,
+          context: blockBindingsContext
+        });
+        clientSideFieldLabel = editorUIResult.data?.find(
+          (item) => fastDeepEqual(item.args, relatedBinding?.args)
+        )?.label;
+      }
+      const bindingKey = clientSideFieldLabel ?? blockBindingsSource?.label;
+      const _bindingsPlaceholder = _disableBoundBlock ? bindingKey : sprintf(
+        /* translators: %s: connected field label or source label */
+        __("Add %s"),
+        bindingKey
+      );
+      const _bindingsLabel = _disableBoundBlock ? relatedBinding?.args?.key || blockBindingsSource?.label : sprintf(
+        /* translators: %s: source label or key */
+        __("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(blockEditorStore);
-    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 : sprintf(/* translators: %s: connected field label or source label */
-    __('Add %s'), bindingKey);
-    const _bindingsLabel = _disableBoundBlock ? relatedBinding?.args?.key || blockBindingsSource?.label : sprintf(/* translators: %s: source label or key */
-    __('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
-  } = useSelect(blockEditorStore);
-  const {
-    selectionChange
-  } = useDispatch(blockEditorStore);
+  const { getSelectionStart, getSelectionEnd, getBlockRootClientId } = useSelect(blockEditorStore);
+  const { selectionChange } = useDispatch(blockEditorStore);
   const adjustedAllowedFormats = getAllowedFormats({
     allowedFormats,
     disableFormats
   });
   const hasFormats = !adjustedAllowedFormats || adjustedAllowedFormats.length > 0;
-  const onSelectionChange = 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 = 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,
@@ -262,22 +254,32 @@ export function RichTextWrapper({
     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 = removeFormat(value, formatType.name, 0, value.text.length);
+        value2 = 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,
@@ -286,12 +288,9 @@ export function RichTextWrapper({
     ref: richTextRef
   } = useRichText({
     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);
       });
     },
@@ -313,118 +312,105 @@ export function RichTextWrapper({
     record: value,
     onChange
   });
-  useMarkPersistent({
-    html: adjustedValue,
-    value
-  });
-  const keyboardShortcuts = useRef(new Set());
-  const inputEvents = useRef(new Set());
+  useMarkPersistent({ html: adjustedValue, value });
+  const keyboardShortcuts = useRef(/* @__PURE__ */ new Set());
+  const inputEvents = useRef(/* @__PURE__ */ new Set());
   function onFocus() {
     anchorRef.current?.focus();
   }
   const TagName = tagName;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [isSelected && /*#__PURE__*/_jsx(keyboardShortcutContext.Provider, {
-      value: keyboardShortcuts,
-      children: /*#__PURE__*/_jsx(inputEventContext.Provider, {
-        value: inputEvents,
-        children: /*#__PURE__*/_jsxs(Popover.__unstableSlotNameProvider, {
-          value: "__unstable-block-tools-after",
-          children: [children && children({
-            value,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isSelected && /* @__PURE__ */ jsx(keyboardShortcutContext.Provider, { value: keyboardShortcuts, children: /* @__PURE__ */ jsx(inputEventContext.Provider, { value: inputEvents, children: /* @__PURE__ */ jsxs(Popover.__unstableSlotNameProvider, { value: "__unstable-block-tools-after", children: [
+      children && children({ value, onChange, onFocus }),
+      /* @__PURE__ */ jsx(
+        FormatEdit,
+        {
+          value,
+          onChange,
+          onFocus,
+          formatTypes,
+          forwardedRef: anchorRef
+        }
+      )
+    ] }) }) }),
+    isSelected && hasFormats && /* @__PURE__ */ jsx(
+      FormatToolbarContainer,
+      {
+        inline: inlineToolbar,
+        editableContentElement: anchorRef.current
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TagName,
+      {
+        role: "textbox",
+        "aria-multiline": !disableLineBreaks,
+        "aria-readonly": shouldDisableEditing,
+        ...props,
+        draggable: void 0,
+        "aria-label": bindingsLabel || props["aria-label"] || placeholder,
+        ...autocompleteProps,
+        ref: 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,
+          useEventListeners({
+            registry,
+            getValue,
             onChange,
-            onFocus
-          }), /*#__PURE__*/_jsx(FormatEdit, {
-            value: value,
-            onChange: onChange,
-            onFocus: onFocus,
-            formatTypes: formatTypes,
-            forwardedRef: anchorRef
-          })]
-        })
-      })
-    }), isSelected && hasFormats && /*#__PURE__*/_jsx(FormatToolbarContainer, {
-      inline: inlineToolbar,
-      editableContentElement: anchorRef.current
-    }), /*#__PURE__*/_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: 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, 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: clsx('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: clsx(
+          "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.
-export const PrivateRichText = withDeprecations(forwardRef(RichTextWrapper));
+const PrivateRichText = withDeprecations(
+  forwardRef(RichTextWrapper)
+);
 PrivateRichText.Content = Content;
-PrivateRichText.isEmpty = value => {
+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 = forwardRef((props, ref) => {
   const context = useBlockEditContext();
   const isPreviewMode = context[isPreviewModeKey];
   if (isPreviewMode) {
-    // Remove all non-content props.
     const {
       children,
-      tagName: Tag = 'div',
+      tagName: Tag = "div",
       value,
       onChange,
       isSelected,
@@ -451,25 +437,34 @@ const PublicForwardedRichTextContainer = forwardRef((props, ref) => {
       readOnly,
       ...contentProps
     } = removeNativeProps(props);
-    return /*#__PURE__*/_jsx(Tag, {
-      ...contentProps,
-      dangerouslySetInnerHTML: {
-        __html: valueToHTMLString(value, multiline)
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ...contentProps,
+        dangerouslySetInnerHTML: {
+          __html: valueToHTMLString(value, multiline)
+        }
       }
-    });
+    );
   }
-  return /*#__PURE__*/_jsx(PrivateRichText, {
-    ref: ref,
-    ...props,
-    readOnly: false
-  });
+  return /* @__PURE__ */ jsx(PrivateRichText, { ref, ...props, readOnly: false });
 });
 PublicForwardedRichTextContainer.Content = Content;
-PublicForwardedRichTextContainer.isEmpty = value => {
+PublicForwardedRichTextContainer.isEmpty = (value) => {
   return !value || value.length === 0;
 };
-export default PublicForwardedRichTextContainer;
-export { RichTextShortcut } from './shortcut';
-export { RichTextToolbarButton } from './toolbar-button';
-export { __unstableRichTextInputEvent } from './input-event';
-//# sourceMappingURL=index.js.map
+var rich_text_default = PublicForwardedRichTextContainer;
+import { RichTextShortcut } from "./shortcut";
+import { RichTextToolbarButton } from "./toolbar-button";
+import { __unstableRichTextInputEvent } from "./input-event";
+export {
+  PrivateRichText,
+  RichTextShortcut,
+  RichTextToolbarButton,
+  RichTextWrapper,
+  __unstableRichTextInputEvent,
+  rich_text_default as default,
+  inputEventContext,
+  keyboardShortcutContext
+};
+//# sourceMappingURL=index.js.map