@firecms/editor 3.0.0-canary.160 → 3.0.0-canary.161

package/dist/editor_extensions.d.ts

@@ -3,4 +3,10 @@ export declare const tiptapLink: import("@tiptap/core").Mark<import("@tiptap/ext
 export declare const taskList: import("@tiptap/core").Node<import("@tiptap/extension-task-list").TaskListOptions, any>;
 export declare const taskItem: import("@tiptap/core").Node<import("@tiptap/extension-task-item").TaskItemOptions, any>;
 export declare const horizontalRule: import("@tiptap/core").Node<import("@tiptap/extension-horizontal-rule").HorizontalRuleOptions, any>;
+export declare const bulletList: import("@tiptap/core").Node<import("@tiptap/extension-bullet-list").BulletListOptions, any>;
+export declare const orderedList: import("@tiptap/core").Node<import("@tiptap/extension-ordered-list").OrderedListOptions, any>;
+export declare const listItem: import("@tiptap/core").Node<import("@tiptap/extension-list-item").ListItemOptions, any>;
+export declare const blockquote: import("@tiptap/core").Node<import("@tiptap/extension-blockquote").BlockquoteOptions, any>;
+export declare const codeBlock: import("@tiptap/core").Node<import("@tiptap/extension-code-block").CodeBlockOptions, any>;
+export declare const code: import("@tiptap/core").Mark<import("@tiptap/extension-code").CodeOptions, any>;
 export declare const starterKit: import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any>;

package/dist/index.es.js

@@ -1,21 +1,16 @@
 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, ExpandMoreIcon, Button, Popover, cls, focusedDisabled, DeleteIcon, FormatBoldIcon, FormatItalicIcon, FormatUnderlinedIcon, FormatStrikethroughIcon, defaultBorderMixin, AutoAwesomeIcon, ImageIcon, useInjectStyles, Separator } from "@firecms/ui";
+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 { useCurrentEditor, BubbleMenu, isNodeSelection, Node, mergeAttributes, ReactRenderer, EditorProvider } from "@tiptap/react";
 import Document from "@tiptap/extension-document";
 import { Markdown } from "tiptap-markdown";
 import Underline from "@tiptap/extension-underline";
-import OrderedList from "@tiptap/extension-ordered-list";
-import BulletList from "@tiptap/extension-bullet-list";
 import Heading from "@tiptap/extension-heading";
 import TextStyle from "@tiptap/extension-text-style";
-import BlockQuote from "@tiptap/extension-blockquote";
-import CodeBlock from "@tiptap/extension-code-block";
 import Color from "@tiptap/extension-color";
 import Highlight from "@tiptap/extension-highlight";
 import Bold from "@tiptap/extension-bold";
 import Italic from "@tiptap/extension-italic";
-import Code from "@tiptap/extension-code";
 import Strike from "@tiptap/extension-strike";
 import { c } from "react-compiler-runtime";
 import { Slot } from "@radix-ui/react-slot";
@@ -29,6 +24,12 @@ import { TaskList } from "@tiptap/extension-task-list";
 import { Extension, InputRule } from "@tiptap/core";
 import { PluginKey, Plugin } from "prosemirror-state";
 import { DecorationSet, Decoration } from "prosemirror-view";
+import OrderedList from "@tiptap/extension-ordered-list";
+import BulletList from "@tiptap/extension-bullet-list";
+import ListItem from "@tiptap/extension-list-item";
+import CodeBlock from "@tiptap/extension-code-block";
+import Blockquote from "@tiptap/extension-blockquote";
+import Code from "@tiptap/extension-code";
 import { DecorationSet as DecorationSet$1, Decoration as Decoration$1, __serializeForClipboard } from "@tiptap/pm/view";
 import { PluginKey as PluginKey$1, Plugin as Plugin$1, NodeSelection } from "@tiptap/pm/state";
 import Suggestion from "@tiptap/suggestion";
@@ -309,7 +310,7 @@ const NodeSelector = (t0) => {
   }
   let t3;
   if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsx(ExpandMoreIcon, { size: "small" });
+    t3 = /* @__PURE__ */ jsx(KeyboardArrowDownIcon, { size: "small" });
     $[4] = t3;
   } else {
     t3 = $[4];
@@ -704,7 +705,10 @@ const PlaceholderExtension = Placeholder.configure({
     if (node.type.name === "heading") {
       return `Heading ${node.attrs.level}`;
     }
-    return "Press '/' for commands";
+    if (node.type.name === "paragraph") {
+      return "Press '/' for commands";
+    }
+    return "";
   },
   includeChildren: true
 });
@@ -749,38 +753,38 @@ const horizontalRule = Horizontal.configure({
     class: cls("mt-4 mb-6 border-t", defaultBorderMixin)
   }
 });
+const bulletList = BulletList.configure({
+  HTMLAttributes: {
+    class: cls("list-disc list-outside leading-3 -mt-2")
+  }
+});
+const orderedList = OrderedList.configure({
+  HTMLAttributes: {
+    class: cls("list-decimal list-outside leading-3 -mt-2")
+  }
+});
+const listItem = ListItem.configure({
+  HTMLAttributes: {
+    class: cls("leading-normal -mb-2")
+  }
+});
+const blockquote = Blockquote.configure({
+  HTMLAttributes: {
+    class: cls("border-l-4 border-primary")
+  }
+});
+const codeBlock = CodeBlock.configure({
+  HTMLAttributes: {
+    class: cls("rounded bg-blue-50 dark:bg-surface-700 border p-5 font-mono font-medium", defaultBorderMixin)
+  }
+});
+const code = Code.configure({
+  HTMLAttributes: {
+    class: cls("rounded-md bg-surface-accent-50 dark:bg-surface-700 px-1.5 py-1 font-mono font-medium"),
+    spellcheck: "false"
+  }
+});
 const starterKit = StarterKit.configure({
-  bulletList: {
-    HTMLAttributes: {
-      class: cls("list-disc list-outside leading-3 -mt-2")
-    }
-  },
-  orderedList: {
-    HTMLAttributes: {
-      class: cls("list-decimal list-outside leading-3 -mt-2")
-    }
-  },
-  listItem: {
-    HTMLAttributes: {
-      class: cls("leading-normal -mb-2")
-    }
-  },
-  blockquote: {
-    HTMLAttributes: {
-      class: cls("border-l-4 border-primary")
-    }
-  },
-  codeBlock: {
-    HTMLAttributes: {
-      class: cls("rounded bg-blue-50 dark:bg-surface-700 border p-5 font-mono font-medium", defaultBorderMixin)
-    }
-  },
-  code: {
-    HTMLAttributes: {
-      class: cls("rounded-md bg-surface-accent-50 dark:bg-surface-700 px-1.5 py-1 font-mono font-medium"),
-      spellcheck: "false"
-    }
-  },
   document: false,
   horizontalRule: false,
   dropcursor: {
@@ -1397,7 +1401,7 @@ const suggestion = (ref, {
         title: "Autocomplete",
         description: "Add text based on the context.",
         searchTerms: ["ai"],
-        icon: /* @__PURE__ */ jsx(AutoAwesomeIcon, { size: 18 }),
+        icon: /* @__PURE__ */ jsx(AutoFixHighIcon, { size: 18 }),
         command: onDisabledAutocompleteClick
       });
     }
@@ -1639,7 +1643,7 @@ const autocompleteSuggestionItem = {
   title: "Autocomplete",
   description: "Add text based on the context.",
   searchTerms: ["ai"],
-  icon: /* @__PURE__ */ jsx(AutoAwesomeIcon, { size: 18 }),
+  icon: /* @__PURE__ */ jsx(AutoFixHighIcon, { size: 18 }),
   command: async ({
     editor,
     range,
@@ -1880,11 +1884,8 @@ const FireCMSEditor = ({
     TextLoadingDecorationExtension,
     Underline,
     Bold,
-    BlockQuote,
     TextStyle,
-    CodeBlock,
     Italic,
-    Code,
     Strike,
     Color,
     Highlight.configure({
@@ -1895,8 +1896,6 @@ const FireCMSEditor = ({
     //     delimiter: "```custom"
     // }),
     Heading,
-    OrderedList,
-    BulletList,
     CustomKeymap,
     DragAndDrop,
     placeholder,
@@ -1908,6 +1907,12 @@ const FireCMSEditor = ({
       html: true
     }),
     horizontalRule,
+    bulletList,
+    orderedList,
+    listItem,
+    blockquote,
+    codeBlock,
+    code,
     SlashCommand.configure({
       HTMLAttributes: {
         class: "mention"