@wix/patterns-fields 1.40.0 → 1.42.0

package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.js

@@ -20,10 +20,28 @@ var _richContentToolbar = require("./rich-content-toolbar");
 var _richContentEditorStCss = require("./rich-content-editor.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const linkPanelSettings = {
-  externalPopups: true,
-  showSponsoredCheckbox: true
+const InsertToolbarSync = ({
+  editor,
+  onButtonsChange,
+  onReadyChange
+}) => {
+  const {
+    buttons
+  } = editor.useToolbarProps('insert');
+
+  // `useToolbarProps` rebuilds `buttons` (new array + closures) on every render,
+  // so guard against pushing an unchanged-by-content array into parent state.
+  const signature = buttons.map(b => b.id).join('|');
+  const buttonsRef = (0, _react.useRef)(buttons);
+  buttonsRef.current = buttons;
+  (0, _react.useEffect)(() => {
+    onButtonsChange(buttonsRef.current);
+    onReadyChange(buttonsRef.current.length > 0);
+  }, [signature, onButtonsChange, onReadyChange]);
+  return null;
 };
+InsertToolbarSync.displayName = 'InsertToolbarSync';
+const filterStaticToolbarButtons = button => button !== _ricos.FORMATTING_BUTTONS.CODE_BLOCK;
 const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
   content,
   injectedContent,
@@ -32,17 +50,18 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
   onFocus,
   onBlur,
   className,
-  getToolbarSettings,
   dataHook,
   colorScheme,
   isFullScreen,
   onToggleFullScreen,
   hidden,
-  children,
   ...ricosProps
 }, ref) => {
   const containerRef = (0, _react.useRef)(null);
   const containerHeightRef = (0, _react.useRef)();
+
+  // Stable identity so RicosEditor doesn't see a new `container` prop each render.
+  const getContainer = (0, _react.useCallback)(() => containerRef.current, []);
   const onFullScreenChange = (0, _react.useCallback)(() => {
     onToggleFullScreen == null || onToggleFullScreen();
     if (containerRef.current) {
@@ -50,63 +69,70 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     }
   }, [onToggleFullScreen]);
   const editorRef = (0, _react.useRef)(null);
+  const [editor, setEditor] = (0, _react.useState)(null);
   const [isToolbarReady, setIsToolbarReady] = (0, _react.useState)(false);
-  const [toolbarButtons, setToolbarButtons] = (0, _react.useState)({});
-  const updateButtons = (0, _react.useCallback)((editorLoaded, effect = false) => {
-    if (!editorRef.current) {
-      return;
-    }
-    const toolbarButtons = editorRef.current.getToolbarProps(_ricos.ToolbarType.INSERT_PLUGIN).buttons;
-    if (Object.values(toolbarButtons).length > 0) {
-      !effect && setToolbarButtons(toolbarButtons);
-      editorLoaded && setIsToolbarReady(true);
-    }
+  const [toolbarButtons, setToolbarButtons] = (0, _react.useState)([]);
+  const [toolbarContainer, setToolbarContainer] = (0, _react.useState)(null);
+  const setEditorInstance = (0, _react.useCallback)(nextEditor => {
+    editorRef.current = nextEditor;
+    setEditor(nextEditor);
   }, []);
-  (0, _react.useEffect)(() => updateButtons(false, true));
-
-  // Poll via rAF until Ricos has populated its toolbar buttons before marking
-  // the toolbar as ready. A single call to updateButtons(true) at onLoad time
-  // fails silently when Ricos hasn't finished initialising — buttons is empty,
-  // setIsToolbarReady is never called, and the loader persists forever.
-  const onLoadEditor = (0, _react.useCallback)(() => {
-    let frameId = 0;
-    (function loadToolbar() {
-      frameId = requestAnimationFrame(() => {
-        if (!editorRef.current) {
-          return;
-        }
-        const {
-          buttons
-        } = editorRef.current.getToolbarProps(_ricos.ToolbarType.INSERT_PLUGIN);
-        if (Object.values(buttons).length > 0) {
-          setToolbarButtons(buttons);
-          setIsToolbarReady(true);
-        } else {
-          loadToolbar();
-        }
-      });
-    })();
-    return () => cancelAnimationFrame(frameId);
+  const setContent = (0, _react.useCallback)(nextContent => {
+    var _editorRef$current;
+    (_editorRef$current = editorRef.current) == null || _editorRef$current.getEditorCommands().setContent(nextContent);
   }, []);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    isContentChanged: () => {
+      var _editorRef$current2;
+      return Boolean((_editorRef$current2 = editorRef.current) == null ? void 0 : _editorRef$current2.getContentTraits().isContentChanged);
+    },
+    prePublish: async () => {
+      var _editorRef$current3;
+      return (await ((_editorRef$current3 = editorRef.current) == null ? void 0 : _editorRef$current3.prePublish())) ?? _richContentCommon.INITIAL_INJECTED_RICH_CONTENT;
+    },
+    setContent
+  }), [setContent]);
+  const appliedInjectedContentRef = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
+    if (!injectedContent || (0, _isEqual.default)(_richContentCommon.INITIAL_INJECTED_RICH_CONTENT, injectedContent) || (0, _isEqual.default)(appliedInjectedContentRef.current, injectedContent)) {
+      return;
+    }
+    appliedInjectedContentRef.current = injectedContent;
+    const timerId = window.setTimeout(() => {
+      setContent(injectedContent);
+    }, 0);
+    return () => window.clearTimeout(timerId);
+  }, [injectedContent, setContent]);
   (0, _react.useEffect)(() => {
-    if (!autoFocus) {
+    if (!autoFocus || !editorRef.current) {
       return;
     }
     const frameId = requestAnimationFrame(() => {
-      var _editorRef$current;
-      (_editorRef$current = editorRef.current) == null || _editorRef$current.focus();
-      updateButtons();
+      var _editorRef$current4;
+      (_editorRef$current4 = editorRef.current) == null || _editorRef$current4.focus();
     });
     return () => cancelAnimationFrame(frameId);
-  }, [autoFocus, updateButtons]);
-  (0, _react.useImperativeHandle)(ref, () => ({
-    isContentChanged: () => {
-      var _editorRef$current2;
-      return Boolean((_editorRef$current2 = editorRef.current) == null ? void 0 : _editorRef$current2.getContentTraits().isContentChanged);
+  }, [autoFocus, editor]);
+  const toolbars = (0, _react.useMemo)(() => {
+    if (!toolbarContainer) {
+      return undefined;
     }
-  }));
-  const toolbarContainerRef = (0, _react.useRef)(null);
-  const toolbarSettings = useToolbarSettings(toolbarContainerRef.current, getToolbarSettings);
+    return {
+      text: {
+        mode: 'static',
+        container: toolbarContainer,
+        alignment: 'left',
+        buttons: ({
+          defaultButtons
+        }) => defaultButtons.filter(filterStaticToolbarButtons)
+      },
+      insert: {
+        footer: {
+          disabled: true
+        }
+      }
+    };
+  }, [toolbarContainer]);
   const isModalOpenRef = (0, _react.useRef)(false);
   const modalSettings = (0, _react.useMemo)(() => ({
     onModalOpen() {
@@ -141,12 +167,11 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
   }, [triggerBlur, requestBlurCallback]);
   const handleFocus = (0, _react.useCallback)(() => {
     if (containerRef.current === (0, _utils.getActiveElement)()) {
-      var _editorRef$current3;
-      (_editorRef$current3 = editorRef.current) == null || _editorRef$current3.focus();
-      updateButtons();
+      var _editorRef$current5;
+      (_editorRef$current5 = editorRef.current) == null || _editorRef$current5.focus();
     }
     triggerFocus();
-  }, [triggerFocus, updateButtons]);
+  }, [triggerFocus]);
   const handleBlur = (0, _react.useCallback)(({
     relatedTarget
   }) => {
@@ -156,46 +181,17 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
       return;
     }
     if (isModalOpenRef.current || (_containerRef$current = containerRef.current) != null && _containerRef$current.contains(relatedTarget)) {
-      /**
-       * @NOTE
-       * Ignore events which come from modal or
-       * from any target inside editor container
-       */
       return;
     }
-
-    /**
-     * @NOTE
-     * If editor container is blurred due to focus of element
-     * that is out of app root (e.g. tooltip rendered in portal),
-     * then editor blur should be requested to ensure
-     * that editor should not be focused after user action,
-     * otherwise editor should be blurred immediately
-     */
     if (!(0, _utils.getAppRootElement)().contains(relatedTarget)) {
       requestEditorBlur();
     } else {
       triggerBlur();
     }
   }, [triggerBlur, requestEditorBlur]);
-
-  /**
-   * NOTE:
-   * `handleOnChange` handles only change events when editor is not focused or focus was lost.
-   * In a normal flow `onChange` is not called on every input and all the changes submitted on blur.
-   */
-  const handleOnChange = (0, _react.useCallback)(() => {
-    const hasLostFocusElement = document.activeElement === document.body;
-    if (!isFocusedRef.current || hasLostFocusElement) {
-      const isInitialInjectedContent = (0, _isEqual.default)(_richContentCommon.INITIAL_INJECTED_RICH_CONTENT, injectedContent);
-      if (!isInitialInjectedContent) {
-        onBlur == null || onBlur();
-      }
-    }
-  }, [onBlur, injectedContent]);
   const wixRicosProps = (0, _richContentCommon.useWixRicosProps)();
   const plugins = (0, _plugins.usePlugins)(colorScheme);
-  const renderInContainer = children => /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     "data-hook": "rich-content.editor",
     className: (0, _richContentEditorStCss.st)(_richContentEditorStCss.classes.root, className),
@@ -208,7 +204,7 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 296,
+      lineNumber: 292,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -216,16 +212,16 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 307,
+      lineNumber: 303,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _richContentEditorStCss.classes.toolbarContainer,
-    ref: toolbarContainerRef,
+    ref: setToolbarContainer,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 308,
+      lineNumber: 304,
       columnNumber: 11
     }
   }), !hidden && isToolbarReady && /*#__PURE__*/_react.default.createElement(_richContentCommon.ToggleFullscreenButton, {
@@ -234,63 +230,69 @@ const RCE = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 310,
+      lineNumber: 306,
       columnNumber: 13
     }
-  })), !hidden ? children : null, !isToolbarReady && /*#__PURE__*/_react.default.createElement(RCELoader, {
+  })), editor && /*#__PURE__*/_react.default.createElement(InsertToolbarSync, {
+    editor: editor,
+    onButtonsChange: setToolbarButtons,
+    onReadyChange: setIsToolbarReady,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 317,
-      columnNumber: 29
+      lineNumber: 314,
+      columnNumber: 11
     }
-  }), !hidden && isToolbarReady && /*#__PURE__*/_react.default.createElement("div", {
-    "data-hook": "rich-content.footerToolbar",
-    className: _richContentEditorStCss.classes.footerToolbarContainer,
+  }), !hidden ? /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": dataHook,
+    className: _richContentEditorStCss.classes.editor,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 319,
+      lineNumber: 322,
       columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_richContentToolbar.ExternalToolbar, {
-    buttons: toolbarButtons,
+  }, /*#__PURE__*/_react.default.createElement(_ricos.RicosEditor, (0, _extends2.default)({
+    ref: setEditorInstance,
+    plugins: plugins,
+    initialContent: content,
+    toolbars: toolbars,
+    modalSettings: modalSettings,
+    textWrap: false,
+    onChange: onChange,
+    container: getContainer
+  }, ricosProps, wixRicosProps, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
       lineNumber: 323,
       columnNumber: 13
     }
-  })));
-  return renderInContainer(/*#__PURE__*/_react.default.createElement("div", {
-    "data-hook": dataHook,
-    className: _richContentEditorStCss.classes.editor,
+  }))) : null, !isToolbarReady && /*#__PURE__*/_react.default.createElement(RCELoader, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 330,
-      columnNumber: 7
+      lineNumber: 338,
+      columnNumber: 29
     }
-  }, /*#__PURE__*/_react.default.createElement(_ricos.WixRicosEditor, (0, _extends2.default)({
-    ref: editorRef,
-    plugins: plugins,
-    content: content,
-    injectedContent: injectedContent,
-    toolbarSettings: toolbarSettings,
-    linkPanelSettings: linkPanelSettings,
-    modalSettings: modalSettings,
-    textWrap: false,
-    onLoad: onLoadEditor,
-    onChange: handleOnChange,
-    container: containerRef.current
-  }, ricosProps, wixRicosProps, {
+  }), !hidden && isToolbarReady && /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "rich-content.footerToolbar",
+    className: _richContentEditorStCss.classes.footerToolbarContainer,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 331,
-      columnNumber: 9
+      lineNumber: 340,
+      columnNumber: 11
     }
-  }))));
+  }, /*#__PURE__*/_react.default.createElement(_richContentToolbar.ExternalToolbar, {
+    buttons: toolbarButtons,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 344,
+      columnNumber: 13
+    }
+  })));
 });
 RCE.displayName = 'RCE';
 const RCELoader = () => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -303,7 +305,7 @@ const RCELoader = () => /*#__PURE__*/_react.default.createElement(_designSystem.
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 353,
+    lineNumber: 354,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
@@ -311,29 +313,29 @@ const RCELoader = () => /*#__PURE__*/_react.default.createElement(_designSystem.
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 361,
+    lineNumber: 362,
     columnNumber: 5
   }
 }));
 RCELoader.displayName = 'RCELoader';
 const LOADER_DELAY = 100;
-const RichContentEditor = exports.RichContentEditor = (0, _ricos.withEditorContext)(({
+const RichContentEditor = ({
   onFocus,
   onBlur,
   onEnterFullScreen,
   onExitFullScreen,
   fullScreenOnly,
-  editorEvents,
   onPublish,
   onChange,
   theme,
+  content,
   ...props
 }) => {
   const editorRef = (0, _react.useRef)(null);
   const modalEditorRef = (0, _react.useRef)(null);
   const isRichContentChanged = (0, _react.useCallback)(() => {
-    var _editorRef$current4, _modalEditorRef$curre;
-    return Boolean(((_editorRef$current4 = editorRef.current) == null ? void 0 : _editorRef$current4.isContentChanged()) || ((_modalEditorRef$curre = modalEditorRef.current) == null ? void 0 : _modalEditorRef$curre.isContentChanged()));
+    var _editorRef$current6, _modalEditorRef$curre;
+    return Boolean(((_editorRef$current6 = editorRef.current) == null ? void 0 : _editorRef$current6.isContentChanged()) || ((_modalEditorRef$curre = modalEditorRef.current) == null ? void 0 : _modalEditorRef$curre.isContentChanged()));
   }, []);
   const handleChange = (0, _react.useCallback)(richContent => {
     onChange == null || onChange(richContent, isRichContentChanged());
@@ -349,32 +351,42 @@ const RichContentEditor = exports.RichContentEditor = (0, _ricos.withEditorConte
       setLoader(true);
     }, LOADER_DELAY);
   }, []);
-  const {
-    content
-  } = props;
   const [isFullScreen, setIsFullScreen] = (0, _react.useState)(!!fullScreenOnly);
+  const [fullScreenContent, setFullScreenContent] = (0, _react.useState)(content);
+  (0, _react.useEffect)(() => {
+    if (!isFullScreen) {
+      setFullScreenContent(content);
+    }
+  }, [content, isFullScreen]);
+  const publishEditorContent = (0, _react.useCallback)(async (editorHandle, fallbackContent) => {
+    if (!editorHandle) {
+      return fallbackContent ?? _richContentCommon.INITIAL_INJECTED_RICH_CONTENT;
+    }
+    return (await editorHandle.prePublish()) ?? fallbackContent ?? _richContentCommon.INITIAL_INJECTED_RICH_CONTENT;
+  }, []);
   const onOpen = (0, _react.useCallback)(async () => {
-    let finalContent;
+    let finalContent = content;
     const isChanged = isRichContentChanged();
     try {
-      finalContent = await editorEvents.publish();
+      finalContent = await publishEditorContent(editorRef.current, content);
       onEnterFullScreen == null || onEnterFullScreen(finalContent, isChanged);
     } catch (error) {
       finalContent = content;
       onEnterFullScreen == null || onEnterFullScreen(content, isChanged);
     } finally {
+      setFullScreenContent(finalContent);
       setIsFullScreen(true);
       if (isChanged && finalContent) {
         handleChange(finalContent);
       }
     }
-  }, [content, editorEvents, isRichContentChanged, onEnterFullScreen, handleChange]);
+  }, [content, handleChange, isRichContentChanged, onEnterFullScreen, publishEditorContent]);
   const onClose = (0, _react.useCallback)(async () => {
     queueLoader();
-    let finalContent;
+    let finalContent = content;
     const isChanged = isRichContentChanged();
     try {
-      finalContent = await editorEvents.publish();
+      finalContent = await publishEditorContent(modalEditorRef.current, content);
       onExitFullScreen == null || onExitFullScreen(finalContent, isChanged);
     } catch (error) {
       finalContent = content;
@@ -386,16 +398,13 @@ const RichContentEditor = exports.RichContentEditor = (0, _ricos.withEditorConte
         handleChange(finalContent);
       }
     }
-  }, [content, editorEvents, isRichContentChanged, onExitFullScreen, handleChange, queueLoader, resetLoader]);
+  }, [content, handleChange, isRichContentChanged, onExitFullScreen, publishEditorContent, queueLoader, resetLoader]);
   const handleBlur = (0, _react.useCallback)(() => {
     if (isRichContentChanged()) {
-      onPublish == null || onPublish(editorEvents.publish().catch(() => content));
+      onPublish == null || onPublish(publishEditorContent(editorRef.current, content).catch(() => content ?? _richContentCommon.INITIAL_INJECTED_RICH_CONTENT));
     }
     onBlur == null || onBlur();
-  }, [content, editorEvents, onBlur, onPublish, isRichContentChanged]);
-
-  // Escape while fullscreen — capture phase so it fires before Ricos' own handlers.
-  // Delegates to onClose which calls editorEvents.publish() for the real current content.
+  }, [content, isRichContentChanged, onBlur, onPublish, publishEditorContent]);
   (0, _react.useEffect)(() => {
     if (!isFullScreen) {
       return;
@@ -403,22 +412,20 @@ const RichContentEditor = exports.RichContentEditor = (0, _ricos.withEditorConte
     const handleKeyDown = e => {
       if (e.key === 'Escape') {
         e.stopPropagation();
-        onClose();
+        void onClose();
       }
     };
     document.addEventListener('keydown', handleKeyDown, true);
     return () => document.removeEventListener('keydown', handleKeyDown, true);
   }, [isFullScreen, onClose]);
-  const getToolbarSettings = useGetToolbarSettings();
   const rceProps = {
-    getToolbarSettings,
     onChange: handleChange
   };
 
-  // @NOTE: Ricos now need custom maxHeight to show scroll
-  // since it's requirements fully related to 'visual part' of
-  // editor we just default it here
-  const fullScreenTheme = (0, _defaultsDeep.default)((0, _cloneDeep.default)(theme), {
+  // Must be memoized: Ricos re-processes `theme` whenever its identity changes,
+  // so passing a freshly cloned object every render drives an infinite
+  // re-render loop (freezes the tab) once the fullscreen editor mounts.
+  const fullScreenTheme = (0, _react.useMemo)(() => (0, _defaultsDeep.default)((0, _cloneDeep.default)(theme), {
     customStyles: {
       editor: {
         maxHeight: '100%'
@@ -429,15 +436,16 @@ const RichContentEditor = exports.RichContentEditor = (0, _ricos.withEditorConte
         dialogZIndex: _common.Z_INDEX_MODAL_POPOVER
       }
     }
-  });
+  }), [theme]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_userSiteFonts.UserSiteFonts, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 525,
-      columnNumber: 9
+      lineNumber: 561,
+      columnNumber: 7
     }
   }), !fullScreenOnly && /*#__PURE__*/_react.default.createElement(RCE, (0, _extends2.default)({}, props, rceProps, {
+    content: content,
     theme: theme,
     onFocus: onFocus,
     onBlur: handleBlur,
@@ -448,8 +456,8 @@ const RichContentEditor = exports.RichContentEditor = (0, _ricos.withEditorConte
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 527,
-      columnNumber: 11
+      lineNumber: 563,
+      columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_richContentCommon.FullscreenModal, {
     isOpen: isFullScreen,
@@ -457,10 +465,11 @@ const RichContentEditor = exports.RichContentEditor = (0, _ricos.withEditorConte
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 539,
-      columnNumber: 9
+      lineNumber: 576,
+      columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(RCE, (0, _extends2.default)({}, props, rceProps, {
+    content: fullScreenContent,
     theme: fullScreenTheme,
     autoFocus: true,
     className: _richContentEditorStCss.classes.modalEditor,
@@ -470,43 +479,11 @@ const RichContentEditor = exports.RichContentEditor = (0, _ricos.withEditorConte
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 540,
-      columnNumber: 11
+      lineNumber: 577,
+      columnNumber: 9
     }
   }))));
-});
+};
+exports.RichContentEditor = RichContentEditor;
 RichContentEditor.displayName = 'RichContentEditor';
-const filterStaticToolbarButtons = button => button !== _ricos.FORMATTING_BUTTONS.CODE_BLOCK;
-const useGetToolbarSettings = () => (0, _react.useCallback)(({
-  textButtons
-}) => [{
-  name: _ricos.ToolbarType.INSERT_PLUGIN,
-  shouldCreate: () => ({
-    desktop: true
-  })
-}, {
-  name: _ricos.ToolbarType.FOOTER,
-  shouldCreate: () => ({
-    desktop: false
-  })
-}, {
-  name: _ricos.ToolbarType.STATIC,
-  getButtons: () => {
-    var _textButtons$desktop;
-    return {
-      desktop: [...((textButtons == null || (_textButtons$desktop = textButtons.desktop) == null || _textButtons$desktop.filter == null ? void 0 : _textButtons$desktop.filter(filterStaticToolbarButtons)) ?? [])]
-    };
-  }
-}, {
-  name: _ricos.ToolbarType.QUICK_ACTIONS,
-  activateOnFloatingPlusButton: true,
-  shouldCreate: () => ({
-    desktop: true
-  })
-}].filter(Boolean), []);
-const useToolbarSettings = (container, getToolbarSettings) => (0, _react.useMemo)(() => ({
-  getToolbarSettings,
-  useStaticTextToolbar: true,
-  textToolbarContainer: container
-}), [container, getToolbarSettings]);
 //# sourceMappingURL=rich-content-editor.js.map