payload-richtext-tiptap 0.0.41 → 0.0.43

package/dist/src/fields/TiptapEditor/extensions/AICommand/MenuList.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { DropdownButton } from "../../features/ui/Dropdown/Dropdown.js";
+import { Surface } from "../../features/ui/Surface.js";
+import { Icon } from "../../features/ui/Icon.js";
+export const MenuList = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const scrollContainer = useRef(null);
+    const activeItem = useRef(null);
+    const [selectedGroupIndex, setSelectedGroupIndex] = useState(0);
+    const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);
+    // Anytime the groups change, i.e. the user types to narrow it down, we want to
+    // reset the current selection to the first menu item
+    useEffect(()=>{
+        setSelectedGroupIndex(0);
+        setSelectedCommandIndex(0);
+    }, [
+        props.items
+    ]);
+    const selectItem = useCallback((groupIndex, commandIndex)=>{
+        const command = props.items[groupIndex].commands[commandIndex];
+        props.command(command);
+    }, [
+        props
+    ]);
+    React.useImperativeHandle(ref, ()=>({
+            onKeyDown: ({ event })=>{
+                if (event.key === "ArrowDown") {
+                    if (!props.items.length) {
+                        return false;
+                    }
+                    const commands = props.items[selectedGroupIndex].commands;
+                    let newCommandIndex = selectedCommandIndex + 1;
+                    let newGroupIndex = selectedGroupIndex;
+                    if (commands.length - 1 < newCommandIndex) {
+                        newCommandIndex = 0;
+                        newGroupIndex = selectedGroupIndex + 1;
+                    }
+                    if (props.items.length - 1 < newGroupIndex) {
+                        newGroupIndex = 0;
+                    }
+                    setSelectedCommandIndex(newCommandIndex);
+                    setSelectedGroupIndex(newGroupIndex);
+                    return true;
+                }
+                if (event.key === "ArrowUp") {
+                    if (!props.items.length) {
+                        return false;
+                    }
+                    let newCommandIndex = selectedCommandIndex - 1;
+                    let newGroupIndex = selectedGroupIndex;
+                    if (newCommandIndex < 0) {
+                        newGroupIndex = selectedGroupIndex - 1;
+                        newCommandIndex = props.items[newGroupIndex]?.commands.length - 1 || 0;
+                    }
+                    if (newGroupIndex < 0) {
+                        newGroupIndex = props.items.length - 1;
+                        newCommandIndex = props.items[newGroupIndex].commands.length - 1;
+                    }
+                    setSelectedCommandIndex(newCommandIndex);
+                    setSelectedGroupIndex(newGroupIndex);
+                    return true;
+                }
+                if (event.key === "Enter") {
+                    if (!props.items.length || selectedGroupIndex === -1 || selectedCommandIndex === -1) {
+                        return false;
+                    }
+                    selectItem(selectedGroupIndex, selectedCommandIndex);
+                    return true;
+                }
+                return false;
+            }
+        }));
+    useEffect(()=>{
+        if (activeItem.current && scrollContainer.current) {
+            const offsetTop = activeItem.current.offsetTop;
+            const offsetHeight = activeItem.current.offsetHeight;
+            scrollContainer.current.scrollTop = offsetTop - offsetHeight;
+        }
+    }, [
+        selectedCommandIndex,
+        selectedGroupIndex
+    ]);
+    const createCommandClickHandler = useCallback((groupIndex, commandIndex)=>{
+        return ()=>{
+            selectItem(groupIndex, commandIndex);
+        };
+    }, [
+        selectItem
+    ]);
+    if (!props.items.length) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx(Surface, {
+        ref: scrollContainer,
+        className: "text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2",
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "grid grid-cols-1 gap-0.5",
+            children: props.items.map((group, groupIndex)=>/*#__PURE__*/ _jsxs(React.Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx("div", {
+                            className: "text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5",
+                            children: group.title
+                        }, `${group.title}`),
+                        group.commands.map((command, commandIndex)=>/*#__PURE__*/ _jsxs(DropdownButton, {
+                                isActive: selectedGroupIndex === groupIndex && selectedCommandIndex === commandIndex,
+                                onClick: createCommandClickHandler(groupIndex, commandIndex),
+                                children: [
+                                    /*#__PURE__*/ _jsx(Icon, {
+                                        icon: command.icon,
+                                        className: "mr-1"
+                                    }),
+                                    command.label
+                                ]
+                            }, `${command.label}`))
+                    ]
+                }, `${group.title}-wrapper`))
+        })
+    });
+});
+MenuList.displayName = "MenuList";
+export default MenuList;
+
+//# sourceMappingURL=MenuList.js.map

package/dist/src/fields/TiptapEditor/extensions/AICommand/MenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/AICommand/MenuList.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { DropdownButton } from \"../../features/ui/Dropdown/Dropdown.js\";\nimport { Surface } from \"../../features/ui/Surface.js\";\nimport { Command, MenuListProps } from \"./types.js\";\n\nimport { Icon } from \"../../features/ui/Icon.js\";\n\nexport const MenuList = React.forwardRef((props: MenuListProps, ref) => {\n  const scrollContainer = useRef<HTMLDivElement>(null);\n  const activeItem = useRef<HTMLButtonElement>(null);\n  const [selectedGroupIndex, setSelectedGroupIndex] = useState(0);\n  const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);\n\n  // Anytime the groups change, i.e. the user types to narrow it down, we want to\n  // reset the current selection to the first menu item\n  useEffect(() => {\n    setSelectedGroupIndex(0);\n    setSelectedCommandIndex(0);\n  }, [props.items]);\n\n  const selectItem = useCallback(\n    (groupIndex: number, commandIndex: number) => {\n      const command = props.items[groupIndex].commands[commandIndex];\n      props.command(command);\n    },\n    [props]\n  );\n\n  React.useImperativeHandle(ref, () => ({\n    onKeyDown: ({ event }: { event: React.KeyboardEvent }) => {\n      if (event.key === \"ArrowDown\") {\n        if (!props.items.length) {\n          return false;\n        }\n\n        const commands = props.items[selectedGroupIndex].commands;\n\n        let newCommandIndex = selectedCommandIndex + 1;\n        let newGroupIndex = selectedGroupIndex;\n\n        if (commands.length - 1 < newCommandIndex) {\n          newCommandIndex = 0;\n          newGroupIndex = selectedGroupIndex + 1;\n        }\n\n        if (props.items.length - 1 < newGroupIndex) {\n          newGroupIndex = 0;\n        }\n\n        setSelectedCommandIndex(newCommandIndex);\n        setSelectedGroupIndex(newGroupIndex);\n\n        return true;\n      }\n\n      if (event.key === \"ArrowUp\") {\n        if (!props.items.length) {\n          return false;\n        }\n\n        let newCommandIndex = selectedCommandIndex - 1;\n        let newGroupIndex = selectedGroupIndex;\n\n        if (newCommandIndex < 0) {\n          newGroupIndex = selectedGroupIndex - 1;\n          newCommandIndex =\n            props.items[newGroupIndex]?.commands.length - 1 || 0;\n        }\n\n        if (newGroupIndex < 0) {\n          newGroupIndex = props.items.length - 1;\n          newCommandIndex = props.items[newGroupIndex].commands.length - 1;\n        }\n\n        setSelectedCommandIndex(newCommandIndex);\n        setSelectedGroupIndex(newGroupIndex);\n\n        return true;\n      }\n\n      if (event.key === \"Enter\") {\n        if (\n          !props.items.length ||\n          selectedGroupIndex === -1 ||\n          selectedCommandIndex === -1\n        ) {\n          return false;\n        }\n\n        selectItem(selectedGroupIndex, selectedCommandIndex);\n\n        return true;\n      }\n\n      return false;\n    },\n  }));\n\n  useEffect(() => {\n    if (activeItem.current && scrollContainer.current) {\n      const offsetTop = activeItem.current.offsetTop;\n      const offsetHeight = activeItem.current.offsetHeight;\n\n      scrollContainer.current.scrollTop = offsetTop - offsetHeight;\n    }\n  }, [selectedCommandIndex, selectedGroupIndex]);\n\n  const createCommandClickHandler = useCallback(\n    (groupIndex: number, commandIndex: number) => {\n      return () => {\n        selectItem(groupIndex, commandIndex);\n      };\n    },\n    [selectItem]\n  );\n\n  if (!props.items.length) {\n    return null;\n  }\n\n  return (\n    <Surface\n      ref={scrollContainer}\n      className=\"text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2\"\n    >\n      <div className=\"grid grid-cols-1 gap-0.5\">\n        {props.items.map((group, groupIndex: number) => (\n          <React.Fragment key={`${group.title}-wrapper`}>\n            <div\n              className=\"text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5\"\n              key={`${group.title}`}\n            >\n              {group.title}\n            </div>\n            {group.commands.map((command: Command, commandIndex: number) => (\n              <DropdownButton\n                key={`${command.label}`}\n                isActive={\n                  selectedGroupIndex === groupIndex &&\n                  selectedCommandIndex === commandIndex\n                }\n                onClick={createCommandClickHandler(groupIndex, commandIndex)}\n              >\n                <Icon icon={command.icon} className=\"mr-1\" />\n                {command.label}\n              </DropdownButton>\n            ))}\n          </React.Fragment>\n        ))}\n      </div>\n    </Surface>\n  );\n});\n\nMenuList.displayName = \"MenuList\";\n\nexport default MenuList;\n"],"names":["React","useCallback","useEffect","useRef","useState","DropdownButton","Surface","Icon","MenuList","forwardRef","props","ref","scrollContainer","activeItem","selectedGroupIndex","setSelectedGroupIndex","selectedCommandIndex","setSelectedCommandIndex","items","selectItem","groupIndex","commandIndex","command","commands","useImperativeHandle","onKeyDown","event","key","length","newCommandIndex","newGroupIndex","current","offsetTop","offsetHeight","scrollTop","createCommandClickHandler","className","div","map","group","Fragment","title","isActive","onClick","icon","label","displayName"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/extensions/AICommand/groups.d.ts

@@ -0,0 +1,4 @@
+import { Group } from "./types.js";
+export declare const GROUPS: Group[];
+export default GROUPS;
+//# sourceMappingURL=groups.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/AICommand/groups.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"groups.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/AICommand/groups.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAAK,EAqFzB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/AICommand/groups.js

@@ -0,0 +1,85 @@
+import { Pen } from "lucide-react";
+export const GROUPS = [
+    {
+        name: "draft",
+        title: "Draft with AI",
+        commands: [
+            {
+                name: "brainstorm",
+                label: "Brainstorm Ideas...",
+                description: "Brainstorm ideas on ",
+                icon: Pen,
+                action: (editor)=>{
+                    //  "Brainstorm ideas on "
+                    return "Brainstorm ideas on ";
+                // editor.chain().focus().setHeading({ level: 1 }).run();
+                }
+            },
+            {
+                name: "blog",
+                label: "Blog post...",
+                description: "Blog post",
+                action: (editor)=>{
+                    return "Write a blog post about ";
+                //  "Write a blog post about "
+                // editor.chain().focus().setHeading({ level: 1 }).run();
+                },
+                icon: Pen
+            },
+            {
+                name: "outline",
+                label: "Outline...",
+                description: "Outline",
+                action: (editor)=>{
+                    return "Write an outline about ";
+                // editor.chain().focus().setHeading({ level: 1 }).run();
+                },
+                icon: Pen
+            },
+            {
+                name: "social",
+                label: "Social Media post...",
+                description: "Social Media post",
+                icon: Pen,
+                action: (editor)=>{
+                    return;
+                    "Write a social media post about ";
+                // editor.chain().focus().setHeading({ level: 1 }).run();
+                }
+            },
+            {
+                name: "press",
+                label: "Press release...",
+                description: "Press release",
+                icon: Pen,
+                action: (editor)=>{
+                    return "Write a press release about ";
+                // editor.chain().focus().setHeading({ level: 1 }).run();
+                }
+            },
+            {
+                name: "creative",
+                label: "Creative Story...",
+                description: "Creative Story",
+                action: (editor)=>{
+                    return "Write a creative story about ";
+                // editor.chain().focus().setHeading({ level: 1 }).run();
+                },
+                icon: Pen
+            },
+            {
+                name: "essay",
+                label: "Essay...",
+                description: "Essay",
+                action: (editor)=>{
+                    return "Write an essay about ";
+                // editor.chain().focus().setHeading({ level: 1 }).run();
+                },
+                icon: Pen
+            }
+        ]
+    }
+];
+export default GROUPS;
+
+//# sourceMappingURL=groups.js.map

package/dist/src/fields/TiptapEditor/extensions/AICommand/groups.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/AICommand/groups.ts"],"sourcesContent":["import {\n  Book,\n  Columns2,\n  Facebook,\n  Heading1,\n  Heading2,\n  Heading3,\n  Image,\n  Instagram,\n  Link,\n  Linkedin,\n  List,\n  ListOrdered,\n  ListTodo,\n  Minus,\n  Music,\n  Pen,\n  Quote,\n  SquareCode,\n  Table,\n  Twitch,\n  Twitter,\n  Youtube,\n} from \"lucide-react\";\nimport { Group } from \"./types.js\";\n\nexport const GROUPS: Group[] = [\n  {\n    name: \"draft\",\n    title: \"Draft with AI\",\n    commands: [\n      {\n        name: \"brainstorm\",\n        label: \"Brainstorm Ideas...\",\n        description: \"Brainstorm ideas on \",\n        icon: Pen,\n        action: (editor) => {\n          //  \"Brainstorm ideas on \"\n          return \"Brainstorm ideas on \";\n          // editor.chain().focus().setHeading({ level: 1 }).run();\n        },\n      },\n      {\n        name: \"blog\",\n        label: \"Blog post...\",\n        description: \"Blog post\",\n        action: (editor) => {\n          return \"Write a blog post about \";\n\n          //  \"Write a blog post about \"\n          // editor.chain().focus().setHeading({ level: 1 }).run();\n        },\n        icon: Pen,\n      },\n      {\n        name: \"outline\",\n        label: \"Outline...\",\n        description: \"Outline\",\n\n        action: (editor) => {\n          return \"Write an outline about \";\n          // editor.chain().focus().setHeading({ level: 1 }).run();\n        },\n        icon: Pen,\n      },\n\n      {\n        name: \"social\",\n        label: \"Social Media post...\",\n        description: \"Social Media post\",\n\n        icon: Pen,\n        action: (editor) => {\n          return;\n          (\"Write a social media post about \");\n          // editor.chain().focus().setHeading({ level: 1 }).run();\n        },\n      },\n      {\n        name: \"press\",\n        label: \"Press release...\",\n        description: \"Press release\",\n\n        icon: Pen,\n        action: (editor) => {\n          return \"Write a press release about \";\n          // editor.chain().focus().setHeading({ level: 1 }).run();\n        },\n      },\n      {\n        name: \"creative\",\n        label: \"Creative Story...\",\n        description: \"Creative Story\",\n        action: (editor) => {\n          return \"Write a creative story about \";\n          // editor.chain().focus().setHeading({ level: 1 }).run();\n        },\n        icon: Pen,\n      },\n      {\n        name: \"essay\",\n        label: \"Essay...\",\n        description: \"Essay\",\n        action: (editor) => {\n          return \"Write an essay about \";\n          // editor.chain().focus().setHeading({ level: 1 }).run();\n        },\n        icon: Pen,\n      },\n    ],\n  },\n];\n\nexport default GROUPS;\n"],"names":["Pen","GROUPS","name","title","commands","label","description","icon","action","editor"],"mappings":"AAAA,SAgBEA,GAAG,QAOE,eAAe;AAGtB,OAAO,MAAMC,SAAkB;IAC7B;QACEC,MAAM;QACNC,OAAO;QACPC,UAAU;YACR;gBACEF,MAAM;gBACNG,OAAO;gBACPC,aAAa;gBACbC,MAAMP;gBACNQ,QAAQ,CAACC;oBACP,0BAA0B;oBAC1B,OAAO;gBACP,yDAAyD;gBAC3D;YACF;YACA;gBACEP,MAAM;gBACNG,OAAO;gBACPC,aAAa;gBACbE,QAAQ,CAACC;oBACP,OAAO;gBAEP,8BAA8B;gBAC9B,yDAAyD;gBAC3D;gBACAF,MAAMP;YACR;YACA;gBACEE,MAAM;gBACNG,OAAO;gBACPC,aAAa;gBAEbE,QAAQ,CAACC;oBACP,OAAO;gBACP,yDAAyD;gBAC3D;gBACAF,MAAMP;YACR;YAEA;gBACEE,MAAM;gBACNG,OAAO;gBACPC,aAAa;gBAEbC,MAAMP;gBACNQ,QAAQ,CAACC;oBACP;oBACC;gBACD,yDAAyD;gBAC3D;YACF;YACA;gBACEP,MAAM;gBACNG,OAAO;gBACPC,aAAa;gBAEbC,MAAMP;gBACNQ,QAAQ,CAACC;oBACP,OAAO;gBACP,yDAAyD;gBAC3D;YACF;YACA;gBACEP,MAAM;gBACNG,OAAO;gBACPC,aAAa;gBACbE,QAAQ,CAACC;oBACP,OAAO;gBACP,yDAAyD;gBAC3D;gBACAF,MAAMP;YACR;YACA;gBACEE,MAAM;gBACNG,OAAO;gBACPC,aAAa;gBACbE,QAAQ,CAACC;oBACP,OAAO;gBACP,yDAAyD;gBAC3D;gBACAF,MAAMP;YACR;SACD;IACH;CACD,CAAC;AAEF,eAAeC,OAAO"}

package/dist/src/fields/TiptapEditor/extensions/AICommand/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./AICommand.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/AICommand/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/AICommand/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/AICommand/index.js

@@ -0,0 +1,3 @@
+export * from "./AICommand.js";
+
+//# sourceMappingURL=index.js.map

package/dist/src/fields/TiptapEditor/extensions/AICommand/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/AICommand/index.ts"],"sourcesContent":["export * from \"./AICommand.js\";\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB"}

package/dist/src/fields/TiptapEditor/extensions/AICommand/types.d.ts

@@ -0,0 +1,22 @@
+import { Editor } from "@tiptap/core";
+import { LucideIcon } from "lucide-react";
+export interface Group {
+    name: string;
+    title: string;
+    commands: Command[];
+}
+export interface Command {
+    name: string;
+    label: string;
+    description: string;
+    aliases?: string[];
+    icon: LucideIcon;
+    action: (editor: Editor) => any;
+    shouldBeHidden?: (editor: Editor) => boolean;
+}
+export interface AIMenuListProps {
+    editor: Editor;
+    items: Group[];
+    command: (command: Command) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/AICommand/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/AICommand/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,GAAG,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;CAC9C;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC"}

package/dist/src/fields/TiptapEditor/extensions/AICommand/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/src/fields/TiptapEditor/extensions/AICommand/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/AICommand/types.ts"],"sourcesContent":["import { Editor } from \"@tiptap/core\";\nimport { LucideIcon } from \"lucide-react\";\n\nexport interface Group {\n  name: string;\n  title: string;\n  commands: Command[];\n}\n\nexport interface Command {\n  name: string;\n  label: string;\n  description: string;\n  aliases?: string[];\n  icon: LucideIcon;\n  action: (editor: Editor) => any;\n  shouldBeHidden?: (editor: Editor) => boolean;\n}\n\nexport interface AIMenuListProps {\n  editor: Editor;\n  items: Group[];\n  command: (command: Command) => void;\n}\n"],"names":[],"mappings":"AAmBA,WAIC"}

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAyB,MAAM,eAAe,CAAC;AAG5D,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,WAAW,EAAE;YACX,cAAc,EAAE,MAAM,UAAU,CAAC;SAClC,CAAC;KACH;CACF;AAED,eAAO,MAAM,WAAW,gBAuCtB,CAAC;AAEH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAyB,MAAM,eAAe,CAAC;AAI5D,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,WAAW,EAAE;YACX,cAAc,EAAE,MAAM,UAAU,CAAC;SAClC,CAAC;KACH;CACF;AAED,eAAO,MAAM,WAAW,gBAyCtB,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.js

@@ -1,5 +1,5 @@
 import { Node, ReactNodeViewRenderer } from "@tiptap/react";
-import { ImageUpload as ImageUploadComponent } from "./view/ImageUpload.js";
+import { ImageUploadBuilder } from "./view/ImageUpload.js";
 export const ImageUpload = Node.create({
     name: "imageUpload",
     isolating: true,
@@ -29,7 +29,8 @@ export const ImageUpload = Node.create({
         };
     },
     addNodeView () {
-        return ReactNodeViewRenderer(ImageUploadComponent);
+        const openAssetHQHandler = this.options.openAssetHQHandler;
+        return ReactNodeViewRenderer(ImageUploadBuilder(openAssetHQHandler));
     }
 });
 export default ImageUpload;

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.ts"],"sourcesContent":["import { Node, ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { ImageUpload as ImageUploadComponent } from \"./view/ImageUpload.js\";\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    imageUpload: {\n      setImageUpload: () => ReturnType;\n    };\n  }\n}\n\nexport const ImageUpload = Node.create({\n  name: \"imageUpload\",\n\n  isolating: true,\n\n  defining: true,\n\n  group: \"block\",\n\n  draggable: true,\n\n  selectable: true,\n\n  inline: false,\n\n  parseHTML() {\n    return [\n      {\n        tag: `div[data-type=\"${this.name}\"]`,\n      },\n    ];\n  },\n\n  renderHTML() {\n    return [\"div\", { \"data-type\": this.name }];\n  },\n\n  addCommands() {\n    return {\n      setImageUpload:\n        () =>\n        ({ commands }) =>\n          commands.insertContent(`<div data-type=\"${this.name}\"></div>`),\n    };\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(ImageUploadComponent);\n  },\n});\n\nexport default ImageUpload;\n"],"names":["Node","ReactNodeViewRenderer","ImageUpload","ImageUploadComponent","create","name","isolating","defining","group","draggable","selectable","inline","parseHTML","tag","renderHTML","addCommands","setImageUpload","commands","insertContent","addNodeView"],"mappings":"AAAA,SAASA,IAAI,EAAEC,qBAAqB,QAAQ,gBAAgB;AAC5D,SAASC,eAAeC,oBAAoB,QAAQ,wBAAwB;AAU5E,OAAO,MAAMD,cAAcF,KAAKI,MAAM,CAAC;IACrCC,MAAM;IAENC,WAAW;IAEXC,UAAU;IAEVC,OAAO;IAEPC,WAAW;IAEXC,YAAY;IAEZC,QAAQ;IAERC;QACE,OAAO;YACL;gBACEC,KAAK,CAAC,eAAe,EAAE,IAAI,CAACR,IAAI,CAAC,EAAE,CAAC;YACtC;SACD;IACH;IAEAS;QACE,OAAO;YAAC;YAAO;gBAAE,aAAa,IAAI,CAACT,IAAI;YAAC;SAAE;IAC5C;IAEAU;QACE,OAAO;YACLC,gBACE,IACA,CAAC,EAAEC,QAAQ,EAAE,GACXA,SAASC,aAAa,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAACb,IAAI,CAAC,QAAQ,CAAC;QACnE;IACF;IAEAc;QACE,OAAOlB,sBAAsBE;IAC/B;AACF,GAAG;AAEH,eAAeD,YAAY"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/ImageUpload.ts"],"sourcesContent":["import { Node, ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { openAssetHQType } from \"../../types.js\";\nimport { ImageUploadBuilder } from \"./view/ImageUpload.js\";\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    imageUpload: {\n      setImageUpload: () => ReturnType;\n    };\n  }\n}\n\nexport const ImageUpload = Node.create({\n  name: \"imageUpload\",\n\n  isolating: true,\n\n  defining: true,\n\n  group: \"block\",\n\n  draggable: true,\n\n  selectable: true,\n\n  inline: false,\n\n  parseHTML() {\n    return [\n      {\n        tag: `div[data-type=\"${this.name}\"]`,\n      },\n    ];\n  },\n\n  renderHTML() {\n    return [\"div\", { \"data-type\": this.name }];\n  },\n\n  addCommands() {\n    return {\n      setImageUpload:\n        () =>\n        ({ commands }) =>\n          commands.insertContent(`<div data-type=\"${this.name}\"></div>`),\n    };\n  },\n\n  addNodeView() {\n    const openAssetHQHandler = this.options\n      .openAssetHQHandler as openAssetHQType;\n    return ReactNodeViewRenderer(ImageUploadBuilder(openAssetHQHandler));\n  },\n});\n\nexport default ImageUpload;\n"],"names":["Node","ReactNodeViewRenderer","ImageUploadBuilder","ImageUpload","create","name","isolating","defining","group","draggable","selectable","inline","parseHTML","tag","renderHTML","addCommands","setImageUpload","commands","insertContent","addNodeView","openAssetHQHandler","options"],"mappings":"AAAA,SAASA,IAAI,EAAEC,qBAAqB,QAAQ,gBAAgB;AAE5D,SAASC,kBAAkB,QAAQ,wBAAwB;AAU3D,OAAO,MAAMC,cAAcH,KAAKI,MAAM,CAAC;IACrCC,MAAM;IAENC,WAAW;IAEXC,UAAU;IAEVC,OAAO;IAEPC,WAAW;IAEXC,YAAY;IAEZC,QAAQ;IAERC;QACE,OAAO;YACL;gBACEC,KAAK,CAAC,eAAe,EAAE,IAAI,CAACR,IAAI,CAAC,EAAE,CAAC;YACtC;SACD;IACH;IAEAS;QACE,OAAO;YAAC;YAAO;gBAAE,aAAa,IAAI,CAACT,IAAI;YAAC;SAAE;IAC5C;IAEAU;QACE,OAAO;YACLC,gBACE,IACA,CAAC,EAAEC,QAAQ,EAAE,GACXA,SAASC,aAAa,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAACb,IAAI,CAAC,QAAQ,CAAC;QACnE;IACF;IAEAc;QACE,MAAMC,qBAAqB,IAAI,CAACC,OAAO,CACpCD,kBAAkB;QACrB,OAAOnB,sBAAsBC,mBAAmBkB;IAClD;AACF,GAAG;AAEH,eAAejB,YAAY"}

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.d.ts

@@ -1,7 +1,7 @@
 import { Editor } from "@tiptap/react";
-export declare const ImageUpload: ({ getPos, editor, }: {
+import { openAssetHQType } from "src/fields/TiptapEditor/types.js";
+export declare const ImageUploadBuilder: (openAssetHQHandler: openAssetHQType) => ({ getPos, editor, }: {
     getPos: () => number;
     editor: Editor;
 }) => import("react").JSX.Element;
-export default ImageUpload;
 //# sourceMappingURL=ImageUpload.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAmB,MAAM,eAAe,CAAC;AAGxD,eAAO,MAAM,WAAW,wBAGrB;IACD,MAAM,EAAE,MAAM,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,gCAsCA,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAmB,MAAM,eAAe,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,eAAO,MAAM,kBAAkB,uBAAwB,eAAe,2BAIjE;IACD,MAAM,EAAE,MAAM,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,gCAiEF,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.js

@@ -1,27 +1,44 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { NodeViewWrapper } from "@tiptap/react";
 import { useCallback } from "react";
-export const ImageUpload = ({ getPos, editor })=>{
-    const onUpload = useCallback((url)=>{
-        if (url) {
-            editor.chain().setImageBlock({
-                src: url
-            }).deleteRange({
-                from: getPos(),
-                to: getPos()
-            }).focus().run();
-        }
-    }, [
-        getPos,
-        editor
-    ]);
-    return /*#__PURE__*/ _jsx(NodeViewWrapper, {
-        children: /*#__PURE__*/ _jsx("div", {
-            className: "p-0 m-0",
-            "data-drag-handle": true
-        })
-    });
+export const ImageUploadBuilder = (openAssetHQHandler)=>{
+    const ImageUpload = ({ getPos, editor })=>{
+        const onUpload = useCallback((url)=>{
+            if (url) {
+                editor.chain().focus().setImageBlock({
+                    src: url
+                }).deleteRange({
+                    from: getPos(),
+                    to: getPos()
+                }).focus().run();
+            }
+        }, [
+            getPos,
+            editor
+        ]);
+        return /*#__PURE__*/ _jsx(NodeViewWrapper, {
+            children: /*#__PURE__*/ _jsx("div", {
+                className: "p-0 m-0",
+                "data-drag-handle": true,
+                children: /*#__PURE__*/ _jsx("a", {
+                    href: "#",
+                    style: {
+                        padding: 5,
+                        borderRadius: 5,
+                        backgroundColor: "blue",
+                        color: "white",
+                        cursor: "pointer"
+                    },
+                    onClick: (e)=>{
+                        e.preventDefault();
+                        openAssetHQHandler(onUpload);
+                    },
+                    children: "Upload Image"
+                })
+            })
+        });
+    };
+    return ImageUpload;
 };
-export default ImageUpload;
 
 //# sourceMappingURL=ImageUpload.js.map

package/dist/src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.tsx"],"sourcesContent":["import { Editor, NodeViewWrapper } from \"@tiptap/react\";\nimport { useCallback } from \"react\";\n\nexport const ImageUpload = ({\n  getPos,\n  editor,\n}: {\n  getPos: () => number;\n  editor: Editor;\n}) => {\n  const onUpload = useCallback(\n    (url: string) => {\n      if (url) {\n        editor\n          .chain()\n          .setImageBlock({ src: url })\n          .deleteRange({ from: getPos(), to: getPos() })\n          .focus()\n          .run();\n      }\n    },\n    [getPos, editor]\n  );\n\n  return (\n    <NodeViewWrapper>\n      <div className=\"p-0 m-0\" data-drag-handle>\n        {/* <RenderFields\n          fieldMap={[\n            {\n              name: 'thumbnail',\n              type: 'upload',\n\n            },\n          ]}\n          path=\"media\"\n          readOnly={false}\n          schemaPath=\"\"\n          // fieldTypes={fieldTypes}\n          // fields={sidebarFields}\n          // permissions={permissions.fields}\n          // readOnly={!hasSavePermission}\n        /> */}\n        {/* <ImageUploader onUpload={onUpload} /> */}\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\nexport default ImageUpload;\n"],"names":["NodeViewWrapper","useCallback","ImageUpload","getPos","editor","onUpload","url","chain","setImageBlock","src","deleteRange","from","to","focus","run","div","className","data-drag-handle"],"mappings":";AAAA,SAAiBA,eAAe,QAAQ,gBAAgB;AACxD,SAASC,WAAW,QAAQ,QAAQ;AAEpC,OAAO,MAAMC,cAAc,CAAC,EAC1BC,MAAM,EACNC,MAAM,EAIP;IACC,MAAMC,WAAWJ,YACf,CAACK;QACC,IAAIA,KAAK;YACPF,OACGG,KAAK,GACLC,aAAa,CAAC;gBAAEC,KAAKH;YAAI,GACzBI,WAAW,CAAC;gBAAEC,MAAMR;gBAAUS,IAAIT;YAAS,GAC3CU,KAAK,GACLC,GAAG;QACR;IACF,GACA;QAACX;QAAQC;KAAO;IAGlB,qBACE,KAACJ;kBACC,cAAA,KAACe;YAAIC,WAAU;YAAUC,kBAAgB;;;AAqB/C,EAAE;AAEF,eAAef,YAAY"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/ImageUpload/view/ImageUpload.tsx"],"sourcesContent":["import { Editor, NodeViewWrapper } from \"@tiptap/react\";\nimport { useCallback } from \"react\";\nimport { openAssetHQType } from \"src/fields/TiptapEditor/types.js\";\nexport const ImageUploadBuilder = (openAssetHQHandler: openAssetHQType) => {\n  const ImageUpload = ({\n    getPos,\n    editor,\n  }: {\n    getPos: () => number;\n    editor: Editor;\n  }) => {\n    const onUpload = useCallback(\n      (url: string) => {\n        if (url) {\n          editor\n            .chain()\n            .focus()\n            .setImageBlock({ src: url })\n            .deleteRange({ from: getPos(), to: getPos() })\n            .focus()\n            .run();\n        }\n      },\n      [getPos, editor]\n    );\n\n    return (\n      <NodeViewWrapper>\n        <div className=\"p-0 m-0\" data-drag-handle>\n          {/* <RenderFields\n          fieldMap={[\n            {\n              name: \"media\",\n              type: \"upload\",\n              cellComponentProps: {\n                name: \"media\",\n                schemaPath: \"media\",\n              },\n              fieldComponentProps: {},\n              fieldIsPresentational: true,\n              isFieldAffectingData: false,\n              localized: false,\n            },\n          ]}\n          path=\"media\"\n          readOnly={false}\n          schemaPath=\"\"\n          // fieldTypes={fieldTypes}\n          // fields={sidebarFields}\n          // permissions={permissions.fields}\n          // readOnly={!hasSavePermission}\n        /> */}\n          <a\n            href=\"#\"\n            style={{\n              padding: 5,\n              borderRadius: 5,\n              backgroundColor: \"blue\",\n              color: \"white\",\n              cursor: \"pointer\",\n            }}\n            onClick={(e) => {\n              e.preventDefault();\n              openAssetHQHandler(onUpload);\n            }}\n          >\n            Upload Image\n          </a>\n          {/* <ImageUploader onUpload={onUpload} /> */}\n        </div>\n      </NodeViewWrapper>\n    );\n  };\n\n  return ImageUpload;\n};\n"],"names":["NodeViewWrapper","useCallback","ImageUploadBuilder","openAssetHQHandler","ImageUpload","getPos","editor","onUpload","url","chain","focus","setImageBlock","src","deleteRange","from","to","run","div","className","data-drag-handle","a","href","style","padding","borderRadius","backgroundColor","color","cursor","onClick","e","preventDefault"],"mappings":";AAAA,SAAiBA,eAAe,QAAQ,gBAAgB;AACxD,SAASC,WAAW,QAAQ,QAAQ;AAEpC,OAAO,MAAMC,qBAAqB,CAACC;IACjC,MAAMC,cAAc,CAAC,EACnBC,MAAM,EACNC,MAAM,EAIP;QACC,MAAMC,WAAWN,YACf,CAACO;YACC,IAAIA,KAAK;gBACPF,OACGG,KAAK,GACLC,KAAK,GACLC,aAAa,CAAC;oBAAEC,KAAKJ;gBAAI,GACzBK,WAAW,CAAC;oBAAEC,MAAMT;oBAAUU,IAAIV;gBAAS,GAC3CK,KAAK,GACLM,GAAG;YACR;QACF,GACA;YAACX;YAAQC;SAAO;QAGlB,qBACE,KAACN;sBACC,cAAA,KAACiB;gBAAIC,WAAU;gBAAUC,kBAAgB;0BAwBvC,cAAA,KAACC;oBACCC,MAAK;oBACLC,OAAO;wBACLC,SAAS;wBACTC,cAAc;wBACdC,iBAAiB;wBACjBC,OAAO;wBACPC,QAAQ;oBACV;oBACAC,SAAS,CAACC;wBACRA,EAAEC,cAAc;wBAChB3B,mBAAmBI;oBACrB;8BACD;;;;IAOT;IAEA,OAAOH;AACT,EAAE"}

package/dist/src/fields/TiptapEditor/extensions/Paragraph/AIEditorParagraph.d.ts

@@ -0,0 +1,3 @@
+declare const _default: (props: any) => import("react").JSX.Element;
+export default _default;
+//# sourceMappingURL=AIEditorParagraph.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/Paragraph/AIEditorParagraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIEditorParagraph.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/Paragraph/AIEditorParagraph.tsx"],"names":[],"mappings":";AAEA,wBAgCE"}

package/dist/src/fields/TiptapEditor/extensions/Paragraph/AIEditorParagraph.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NodeViewContent, NodeViewWrapper } from "@tiptap/react";
+export default ((props)=>{
+    console.log("PROPS", props);
+    return /*#__PURE__*/ _jsx(NodeViewWrapper, {
+        onClick: ()=>{
+            props?.editor?.commands?.setNodeSelection(props.getPos());
+        },
+        children: /*#__PURE__*/ _jsx(NodeViewContent, {
+            contentEditable: "false",
+            children: props?.node?.type?.spec?.draggable ? /*#__PURE__*/ _jsx("div", {
+                draggable: "true",
+                "data-drag-handle": "",
+                style: {
+                    width: "100%"
+                },
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "w-full bg-zinc-100 py-8 px-6 flex items-center justify-center gap-2 socialMediaCard",
+                    draggable: "true",
+                    "data-drag-handle": "",
+                    contentEditable: "false",
+                    children: /*#__PURE__*/ _jsx("p", {
+                        className: "w-full flex items-center justify-start mt-0",
+                        style: {
+                            marginTop: 0
+                        },
+                        children: "TEEEEE"
+                    })
+                })
+            }) : null
+        })
+    });
+});
+
+//# sourceMappingURL=AIEditorParagraph.js.map

package/dist/src/fields/TiptapEditor/extensions/Paragraph/AIEditorParagraph.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Paragraph/AIEditorParagraph.tsx"],"sourcesContent":["import { NodeViewContent, NodeViewWrapper } from \"@tiptap/react\";\n\nexport default (props) => {\n  console.log(\"PROPS\", props);\n  return (\n    <NodeViewWrapper\n      onClick={() => {\n        props?.editor?.commands?.setNodeSelection(props.getPos());\n      }}\n    >\n      <NodeViewContent contentEditable=\"false\">\n        {props?.node?.type?.spec?.draggable ? (\n          <div draggable=\"true\" data-drag-handle=\"\" style={{ width: \"100%\" }}>\n            <div\n              className=\"w-full bg-zinc-100 py-8 px-6 flex items-center justify-center gap-2 socialMediaCard\"\n              draggable=\"true\"\n              data-drag-handle=\"\"\n              contentEditable=\"false\"\n            >\n              <p\n                className=\"w-full flex items-center justify-start mt-0\"\n                style={{\n                  marginTop: 0,\n                }}\n              >\n                TEEEEE\n                {/* {text} */}\n              </p>\n            </div>\n          </div>\n        ) : null}\n      </NodeViewContent>\n    </NodeViewWrapper>\n  );\n};\n"],"names":["NodeViewContent","NodeViewWrapper","props","console","log","onClick","editor","commands","setNodeSelection","getPos","contentEditable","node","type","spec","draggable","div","data-drag-handle","style","width","className","p","marginTop"],"mappings":";AAAA,SAASA,eAAe,EAAEC,eAAe,QAAQ,gBAAgB;AAEjE,eAAe,CAAA,CAACC;IACdC,QAAQC,GAAG,CAAC,SAASF;IACrB,qBACE,KAACD;QACCI,SAAS;YACPH,OAAOI,QAAQC,UAAUC,iBAAiBN,MAAMO,MAAM;QACxD;kBAEA,cAAA,KAACT;YAAgBU,iBAAgB;sBAC9BR,OAAOS,MAAMC,MAAMC,MAAMC,0BACxB,KAACC;gBAAID,WAAU;gBAAOE,oBAAiB;gBAAGC,OAAO;oBAAEC,OAAO;gBAAO;0BAC/D,cAAA,KAACH;oBACCI,WAAU;oBACVL,WAAU;oBACVE,oBAAiB;oBACjBN,iBAAgB;8BAEhB,cAAA,KAACU;wBACCD,WAAU;wBACVF,OAAO;4BACLI,WAAW;wBACb;kCACD;;;iBAMH;;;AAIZ,CAAA,EAAE"}

package/dist/src/fields/TiptapEditor/extensions/SlashCommand/MenuList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/SlashCommand/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAW,aAAa,EAAE,MAAM,YAAY,CAAC;AAIpD,eAAO,MAAM,QAAQ,+EAiJnB,CAAC;AAIH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/SlashCommand/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAW,aAAa,EAAE,MAAM,YAAY,CAAC;AAKpD,eAAO,MAAM,QAAQ,+EAoJnB,CAAC;AAIH,eAAe,QAAQ,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/SlashCommand/MenuList.js

@@ -1,8 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { DropdownButton } from "../../features/ui/Dropdown/Dropdown.js";
 import { Surface } from "../../features/ui/Surface.js";
 import { Icon } from "../../features/ui/Icon.js";
+import { AICommandPanel } from "../../features/panels/AICommandPanel/AICommandPanel.js";
 export const MenuList = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const scrollContainer = useRef(null);
     const activeItem = useRef(null);
@@ -90,31 +91,39 @@ export const MenuList = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     if (!props.items.length) {
         return null;
     }
-    return /*#__PURE__*/ _jsx(Surface, {
-        ref: scrollContainer,
-        className: "text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2",
-        children: /*#__PURE__*/ _jsx("div", {
-            className: "grid grid-cols-1 gap-0.5",
-            children: props.items.map((group, groupIndex)=>/*#__PURE__*/ _jsxs(React.Fragment, {
-                    children: [
-                        /*#__PURE__*/ _jsx("div", {
-                            className: "text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5",
-                            children: group.title
-                        }, `${group.title}`),
-                        group.commands.map((command, commandIndex)=>/*#__PURE__*/ _jsxs(DropdownButton, {
-                                isActive: selectedGroupIndex === groupIndex && selectedCommandIndex === commandIndex,
-                                onClick: createCommandClickHandler(groupIndex, commandIndex),
-                                children: [
-                                    /*#__PURE__*/ _jsx(Icon, {
-                                        icon: command.icon,
-                                        className: "mr-1"
-                                    }),
-                                    command.label
-                                ]
-                            }, `${command.label}`))
-                    ]
-                }, `${group.title}-wrapper`))
-        })
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(AICommandPanel, {
+                editor: props.editor,
+                onOpenChange: ()=>{}
+            }),
+            /*#__PURE__*/ _jsx(Surface, {
+                ref: scrollContainer,
+                className: "text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2",
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "grid grid-cols-1 gap-0.5",
+                    children: props.items.map((group, groupIndex)=>/*#__PURE__*/ _jsxs(React.Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx("div", {
+                                    className: "text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5",
+                                    children: group.title
+                                }, `${group.title}`),
+                                group.commands.map((command, commandIndex)=>/*#__PURE__*/ _jsxs(DropdownButton, {
+                                        isActive: selectedGroupIndex === groupIndex && selectedCommandIndex === commandIndex,
+                                        onClick: createCommandClickHandler(groupIndex, commandIndex),
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Icon, {
+                                                icon: command.icon,
+                                                className: "mr-1"
+                                            }),
+                                            command.label
+                                        ]
+                                    }, `${command.label}`))
+                            ]
+                        }, `${group.title}-wrapper`))
+                })
+            })
+        ]
     });
 });
 MenuList.displayName = "MenuList";