@firecms/editor 3.0.0-canary.265 → 3.0.0-canary.266

package/dist/extensions/CustomBlockComponent.d.ts

@@ -1,7 +1,8 @@
-import { Node, NodeViewProps } from "@tiptap/core";
-export type CustomBlockComponentProps = NodeViewProps;
+import React from "react";
+import { Node } from "@tiptap/core";
+import { ReactNodeViewProps } from "@tiptap/react";
 export interface CustomBlockOptions {
-    component: React.ComponentType<CustomBlockComponentProps> | null;
+    component: React.ComponentType<ReactNodeViewProps> | null;
     delimiter?: string;
 }
 export declare const CustomBlock: Node<CustomBlockOptions, any>;

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useRef, useEffect, useState, useImperativeHandle, useMemo, useDeferredValue } from "react";
-import { CheckIcon, TextFieldsIcon, LooksOneIcon, LooksTwoIcon, Looks3Icon, CheckBoxIcon, FormatListBulletedIcon, FormatListNumberedIcon, FormatQuoteIcon, CodeIcon, KeyboardArrowDownIcon, Button, Popover, cls, focusedDisabled, DeleteIcon, FormatBoldIcon, FormatItalicIcon, FormatUnderlinedIcon, FormatStrikethroughIcon, defaultBorderMixin, AutoFixHighIcon, ImageIcon, useInjectStyles, Separator } from "@firecms/ui";
+import { TextFieldsIcon, LooksOneIcon, LooksTwoIcon, Looks3Icon, CheckBoxIcon, FormatListBulletedIcon, FormatListNumberedIcon, FormatQuoteIcon, CodeIcon, CheckIcon, KeyboardArrowDownIcon, Button, Popover, cls, focusedDisabled, DeleteIcon, FormatBoldIcon, FormatItalicIcon, FormatUnderlinedIcon, FormatStrikethroughIcon, defaultBorderMixin, ImageIcon, AutoFixHighIcon, useInjectStyles, Separator } from "@firecms/ui";
 import { useCurrentEditor, BubbleMenu, isNodeSelection, Node, mergeAttributes, ReactRenderer, EditorProvider } from "@tiptap/react";
 import Document from "@tiptap/extension-document";
 import { Markdown } from "tiptap-markdown";
@@ -526,7 +526,7 @@ const TextButtons = () => {
     }, {
       name: "code",
       isActive: _temp9,
-      command: _temp10,
+      command: _temp0,
       icon: CodeIcon
     }];
     t0 = /* @__PURE__ */ jsx("div", { className: "flex", children: items2.map((item, index) => /* @__PURE__ */ jsx(EditorBubbleItem, { onSelect: (editor_10) => {
@@ -569,7 +569,7 @@ function _temp8(editor_7) {
 function _temp9(editor_8) {
   return editor_8?.isActive("code") ?? false;
 }
-function _temp10(editor_9) {
+function _temp0(editor_9) {
   return editor_9?.chain().focus().toggleCode().run();
 }
 function removeClassesFromJson(jsonObj) {
@@ -692,7 +692,10 @@ const PlaceholderExtension = Placeholder.configure({
     node,
     editor
   }) => {
-    editor.state.selection;
+    const {
+      from,
+      to
+    } = editor.state.selection;
     function hasLoadingDecoration(editor2) {
       const pluginState = loadingDecorationKey.get(editor2.state);
       return pluginState?.getState(editor2.state)?.hasDecoration ?? false;
@@ -1930,52 +1933,19 @@ const FireCMSEditor = ({
     }
   };
   const proseClass = proseClasses[textSize];
-  const extensions = useMemo(() => [
-    starterKit,
-    CustomDocument,
-    HighlightDecorationExtension(highlight),
-    TextLoadingDecorationExtension,
-    Underline,
-    Bold,
-    TextStyle,
-    Italic,
-    Strike,
-    Color,
-    Highlight.configure({
-      multicolor: true
-    }),
-    // CustomBlock.configure({
-    //     component: CustomComponent,
-    //     delimiter: "```custom"
-    // }),
-    Heading,
-    CustomKeymap,
-    DragAndDrop,
-    placeholder,
-    tiptapLink,
-    imageExtension,
-    taskList,
-    taskItem,
-    Markdown.configure({
-      html: true
-    }),
-    horizontalRule,
-    bulletList,
-    orderedList,
-    listItem,
-    blockquote,
-    codeBlock,
-    code,
-    SlashCommand.configure({
-      HTMLAttributes: {
-        class: "mention"
-      },
-      suggestion: suggestion(ref, {
-        upload: handleImageUpload,
-        aiController
-      })
+  const extensions = useMemo(() => [starterKit, CustomDocument, HighlightDecorationExtension(highlight), TextLoadingDecorationExtension, Underline, Bold, TextStyle, Italic, Strike, Color, Highlight.configure({
+    multicolor: true
+  }), Heading, CustomKeymap, DragAndDrop, placeholder, tiptapLink, imageExtension, taskList, taskItem, Markdown.configure({
+    html: true
+  }), horizontalRule, bulletList, orderedList, listItem, blockquote, codeBlock, code, SlashCommand.configure({
+    HTMLAttributes: {
+      class: "mention"
+    },
+    suggestion: suggestion(ref, {
+      upload: handleImageUpload,
+      aiController
     })
-  ], []);
+  })], []);
   return /* @__PURE__ */ jsx("div", { ref, className: "relative min-h-[300px] w-full", children: /* @__PURE__ */ jsx(EditorProvider, { content: content ?? "", extensions, editorProps: {
     editable: () => !disabled,
     attributes: {