payload-richtext-tiptap 0.0.1

package/dist/fields/TiptapEditor/extensions/InsideLinks/menus/InsideLinksMenu.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BubbleMenu as BaseBubbleMenu } from "@tiptap/react";
+import { useCallback } from "react";
+import { InsideLinksEditorPanel } from "../../../features/panels/InsideLinksEditorPanel/index.jsx";
+export const InsideLinksMenu = ({ editor, appendTo })=>{
+    const shouldShow = useCallback(()=>{
+        const isInsideLinks = editor.isActive("insideLinks");
+        return isInsideLinks;
+    }, [
+        editor
+    ]);
+    const onRelationshipSelect = useCallback(({ id, type, thumbnail, title, url })=>{
+        editor.chain().focus().insertInsideLinks({
+            id,
+            type,
+            thumbnail,
+            title,
+            url
+        }).run();
+    }, [
+        editor
+    ]);
+    return /*#__PURE__*/ _jsxs(BaseBubbleMenu, {
+        editor: editor,
+        pluginKey: `socialMediaMenu`,
+        shouldShow: shouldShow,
+        tippyOptions: {
+            popperOptions: {
+                placement: "bottom"
+            },
+            placement: "bottom"
+        },
+        updateDelay: 100,
+        children: [
+            /*#__PURE__*/ _jsx("p", {
+                children: "Inside Links"
+            }),
+            /*#__PURE__*/ _jsx(InsideLinksEditorPanel, {
+                onRelationshipSelect: onRelationshipSelect,
+                onCancel: ()=>{
+                    editor.chain().blur().run();
+                }
+            })
+        ]
+    });
+};
+export default InsideLinksMenu;
+
+//# sourceMappingURL=InsideLinksMenu.js.map

package/dist/fields/TiptapEditor/extensions/InsideLinks/menus/InsideLinksMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/menus/InsideLinksMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport { useCallback } from \"react\";\n\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { InsideLinksEditorPanel } from \"../../../features/panels/InsideLinksEditorPanel/index.jsx\";\n\nexport const InsideLinksMenu = ({ editor, appendTo }: MenuProps) => {\n  const shouldShow = useCallback(() => {\n    const isInsideLinks = editor.isActive(\"insideLinks\");\n    return isInsideLinks;\n  }, [editor]);\n\n  const onRelationshipSelect = useCallback(\n    ({\n      id,\n      type,\n      thumbnail,\n      title,\n      url,\n    }: {\n      id: string;\n      type: string;\n      thumbnail: string;\n      title: string;\n      url: string;\n    }) => {\n      editor\n        .chain()\n        .focus()\n        .insertInsideLinks({ id, type, thumbnail, title, url })\n        .run();\n    },\n    [editor]\n  );\n\n  return (\n    <BaseBubbleMenu\n      editor={editor}\n      pluginKey={`socialMediaMenu`}\n      shouldShow={shouldShow}\n      tippyOptions={{\n        popperOptions: { placement: \"bottom\" },\n        placement: \"bottom\",\n        // appendTo: () => {\n        //   return appendTo?.current\n        // },\n      }}\n      updateDelay={100}\n    >\n      <p>Inside Links</p>\n      <InsideLinksEditorPanel\n        onRelationshipSelect={onRelationshipSelect}\n        onCancel={() => {\n          editor.chain().blur().run();\n        }}\n      />\n      {/* <SocialMediaPopover onSetLink={onHtml} initialSrcLink={''} /> */}\n      {/* \n      <Toolbar.Wrapper>\n        <to\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Sidebar left\"\n          active={true}\n          // onClick={onColumnLeft}\n        >\n          <SocialMediaPopover onSetLink={onHtml} initialSrcLink={''} />\n        </Toolbar.Button>\n      </Toolbar.Wrapper> */}\n    </BaseBubbleMenu>\n  );\n};\n\nexport default InsideLinksMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","InsideLinksEditorPanel","InsideLinksMenu","editor","appendTo","shouldShow","isInsideLinks","isActive","onRelationshipSelect","id","type","thumbnail","title","url","chain","focus","insertInsideLinks","run","pluginKey","tippyOptions","popperOptions","placement","updateDelay","p","onCancel","blur"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,SAASC,WAAW,QAAQ,QAAQ;AAGpC,SAASC,sBAAsB,QAAQ,4DAA4D;AAEnG,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAa;IAC7D,MAAMC,aAAaL,YAAY;QAC7B,MAAMM,gBAAgBH,OAAOI,QAAQ,CAAC;QACtC,OAAOD;IACT,GAAG;QAACH;KAAO;IAEX,MAAMK,uBAAuBR,YAC3B,CAAC,EACCS,EAAE,EACFC,IAAI,EACJC,SAAS,EACTC,KAAK,EACLC,GAAG,EAOJ;QACCV,OACGW,KAAK,GACLC,KAAK,GACLC,iBAAiB,CAAC;YAAEP;YAAIC;YAAMC;YAAWC;YAAOC;QAAI,GACpDI,GAAG;IACR,GACA;QAACd;KAAO;IAGV,qBACE,MAACJ;QACCI,QAAQA;QACRe,WAAW,CAAC,eAAe,CAAC;QAC5Bb,YAAYA;QACZc,cAAc;YACZC,eAAe;gBAAEC,WAAW;YAAS;YACrCA,WAAW;QAIb;QACAC,aAAa;;0BAEb,KAACC;0BAAE;;0BACH,KAACtB;gBACCO,sBAAsBA;gBACtBgB,UAAU;oBACRrB,OAAOW,KAAK,GAAGW,IAAI,GAAGR,GAAG;gBAC3B;;;;AAiBR,EAAE;AAEF,eAAef,gBAAgB"}

package/dist/fields/TiptapEditor/extensions/InsideLinks/menus/index.js

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

package/dist/fields/TiptapEditor/extensions/InsideLinks/menus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/InsideLinks/menus/index.ts"],"sourcesContent":["export * from \"./InsideLinksMenu.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,wBAAwB"}

package/dist/fields/TiptapEditor/extensions/Link/Link.js

@@ -0,0 +1,72 @@
+import { PasteRule, mergeAttributes } from '@tiptap/core';
+import TiptapLink from '@tiptap/extension-link';
+import { Plugin } from '@tiptap/pm/state';
+export const Link = TiptapLink.extend({
+    inclusive: false,
+    parseHTML () {
+        return [
+            {
+                tag: 'a[href]:not([data-type="button"]):not([href *= "javascript:" i])'
+            }
+        ];
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            'a',
+            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+                class: 'link'
+            }),
+            0
+        ];
+    },
+    addPasteRules () {
+        const twitterRegex = /^https:\/\/twitter\.com\/([a-zA-Z0-9_-]+)\/status\/(\d+)/g;
+        const instagramRegex = /^https:\/\/www\.instagram\.com\/p\/([A-Za-z0-9_-]+)/g;
+        const youtubeRegex = /^((?:https?:)?\/\/)?((?:www|m)\.)?((?:youtube(-nocookie)?\.com|youtu.be))(\/(?:[\w\-]+\?v=|embed\/|live\/|v\/)?)([\w\-]+)(\S+)?/g;
+        return [
+            new PasteRule({
+                find: twitterRegex,
+                handler: ({ commands, match, state, pasteEvent, chain })=>{
+                    const matchUrl = match?.[0];
+                    chain().selectParentNode().deleteSelection().insertTwitter(matchUrl).run();
+                }
+            }),
+            new PasteRule({
+                find: instagramRegex,
+                handler: ({ commands, match, state, pasteEvent, chain })=>{
+                    const matchUrl = match?.[0];
+                    chain().selectParentNode().deleteSelection().insertInstagram(matchUrl).run();
+                }
+            }),
+            new PasteRule({
+                find: youtubeRegex,
+                handler: ({ commands, match, state, pasteEvent, chain })=>{
+                    const matchUrl = match?.[0];
+                    chain().selectParentNode().deleteSelection().insertYoutube(matchUrl).run();
+                }
+            })
+        ];
+    },
+    addProseMirrorPlugins () {
+        const { editor } = this;
+        return [
+            ...this.parent?.() || [],
+            new Plugin({
+                props: {
+                    handleKeyDown: (view, event)=>{
+                        const { selection } = editor.state;
+                        if (event.key === 'Escape' && selection.empty !== true) {
+                            editor.commands.focus(selection.to, {
+                                scrollIntoView: false
+                            });
+                        }
+                        return false;
+                    }
+                }
+            })
+        ];
+    }
+});
+export default Link;
+
+//# sourceMappingURL=Link.js.map

package/dist/fields/TiptapEditor/extensions/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/Link/Link.ts"],"sourcesContent":["import { PasteRule, mergeAttributes } from '@tiptap/core'\nimport TiptapLink from '@tiptap/extension-link'\nimport { Plugin } from '@tiptap/pm/state'\nimport { EditorView } from '@tiptap/pm/view'\n\nexport const Link = TiptapLink.extend({\n  inclusive: false,\n\n  parseHTML() {\n    return [{ tag: 'a[href]:not([data-type=\"button\"]):not([href *= \"javascript:\" i])' }]\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['a', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { class: 'link' }), 0]\n  },\n\n  addPasteRules() {\n    const twitterRegex = /^https:\\/\\/twitter\\.com\\/([a-zA-Z0-9_-]+)\\/status\\/(\\d+)/g\n    const instagramRegex = /^https:\\/\\/www\\.instagram\\.com\\/p\\/([A-Za-z0-9_-]+)/g\n    const youtubeRegex =\n      /^((?:https?:)?\\/\\/)?((?:www|m)\\.)?((?:youtube(-nocookie)?\\.com|youtu.be))(\\/(?:[\\w\\-]+\\?v=|embed\\/|live\\/|v\\/)?)([\\w\\-]+)(\\S+)?/g\n\n    return [\n      new PasteRule({\n        find: twitterRegex,\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\n          const matchUrl = match?.[0]\n          chain().selectParentNode().deleteSelection().insertTwitter(matchUrl).run()\n        },\n      }),\n      new PasteRule({\n        find: instagramRegex,\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\n          const matchUrl = match?.[0]\n          chain().selectParentNode().deleteSelection().insertInstagram(matchUrl).run()\n        },\n      }),\n      new PasteRule({\n        find: youtubeRegex,\n        handler: ({ commands, match, state, pasteEvent, chain }) => {\n          const matchUrl = match?.[0]\n          chain().selectParentNode().deleteSelection().insertYoutube(matchUrl).run()\n        },\n      }),\n    ]\n  },\n  addProseMirrorPlugins() {\n    const { editor } = this\n\n    return [\n      ...(this.parent?.() || []),\n      new Plugin({\n        props: {\n          handleKeyDown: (view: EditorView, event: KeyboardEvent) => {\n            const { selection } = editor.state\n\n            if (event.key === 'Escape' && selection.empty !== true) {\n              editor.commands.focus(selection.to, { scrollIntoView: false })\n            }\n\n            return false\n          },\n        },\n      }),\n    ]\n  },\n})\n\nexport default Link\n"],"names":["PasteRule","mergeAttributes","TiptapLink","Plugin","Link","extend","inclusive","parseHTML","tag","renderHTML","HTMLAttributes","options","class","addPasteRules","twitterRegex","instagramRegex","youtubeRegex","find","handler","commands","match","state","pasteEvent","chain","matchUrl","selectParentNode","deleteSelection","insertTwitter","run","insertInstagram","insertYoutube","addProseMirrorPlugins","editor","parent","props","handleKeyDown","view","event","selection","key","empty","focus","to","scrollIntoView"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,SAAS,EAAEC,eAAe,QAAQ,eAAc;AACzD,OAAOC,gBAAgB,yBAAwB;AAC/C,SAASC,MAAM,QAAQ,mBAAkB;AAGzC,OAAO,MAAMC,OAAOF,WAAWG,MAAM,CAAC;IACpCC,WAAW;IAEXC;QACE,OAAO;YAAC;gBAAEC,KAAK;YAAmE;SAAE;IACtF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAKT,gBAAgB,IAAI,CAACU,OAAO,CAACD,cAAc,EAAEA,gBAAgB;gBAAEE,OAAO;YAAO;YAAI;SAAE;IAClG;IAEAC;QACE,MAAMC,eAAe;QACrB,MAAMC,iBAAiB;QACvB,MAAMC,eACJ;QAEF,OAAO;YACL,IAAIhB,UAAU;gBACZiB,MAAMH;gBACNI,SAAS,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE;oBACrD,MAAMC,WAAWJ,OAAO,CAAC,EAAE;oBAC3BG,QAAQE,gBAAgB,GAAGC,eAAe,GAAGC,aAAa,CAACH,UAAUI,GAAG;gBAC1E;YACF;YACA,IAAI5B,UAAU;gBACZiB,MAAMF;gBACNG,SAAS,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE;oBACrD,MAAMC,WAAWJ,OAAO,CAAC,EAAE;oBAC3BG,QAAQE,gBAAgB,GAAGC,eAAe,GAAGG,eAAe,CAACL,UAAUI,GAAG;gBAC5E;YACF;YACA,IAAI5B,UAAU;gBACZiB,MAAMD;gBACNE,SAAS,CAAC,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE;oBACrD,MAAMC,WAAWJ,OAAO,CAAC,EAAE;oBAC3BG,QAAQE,gBAAgB,GAAGC,eAAe,GAAGI,aAAa,CAACN,UAAUI,GAAG;gBAC1E;YACF;SACD;IACH;IACAG;QACE,MAAM,EAAEC,MAAM,EAAE,GAAG,IAAI;QAEvB,OAAO;eACD,IAAI,CAACC,MAAM,QAAQ,EAAE;YACzB,IAAI9B,OAAO;gBACT+B,OAAO;oBACLC,eAAe,CAACC,MAAkBC;wBAChC,MAAM,EAAEC,SAAS,EAAE,GAAGN,OAAOX,KAAK;wBAElC,IAAIgB,MAAME,GAAG,KAAK,YAAYD,UAAUE,KAAK,KAAK,MAAM;4BACtDR,OAAOb,QAAQ,CAACsB,KAAK,CAACH,UAAUI,EAAE,EAAE;gCAAEC,gBAAgB;4BAAM;wBAC9D;wBAEA,OAAO;oBACT;gBACF;YACF;SACD;IACH;AACF,GAAE;AAEF,eAAevC,KAAI"}

package/dist/fields/TiptapEditor/extensions/Link/index.js

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

package/dist/fields/TiptapEditor/extensions/Link/index.js.map

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

package/dist/fields/TiptapEditor/extensions/MultiColumn/Column.js

@@ -0,0 +1,36 @@
+import { Node, mergeAttributes } from '@tiptap/core';
+export const Column = Node.create({
+    name: 'column',
+    content: 'block+',
+    isolating: true,
+    addAttributes () {
+        return {
+            position: {
+                default: '',
+                parseHTML: (element)=>element.getAttribute('data-position'),
+                renderHTML: (attributes)=>({
+                        'data-position': attributes.position
+                    })
+            }
+        };
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            'div',
+            mergeAttributes(HTMLAttributes, {
+                'data-type': 'column'
+            }),
+            0
+        ];
+    },
+    parseHTML () {
+        return [
+            {
+                tag: 'div[data-type="column"]'
+            }
+        ];
+    }
+});
+export default Column;
+
+//# sourceMappingURL=Column.js.map

package/dist/fields/TiptapEditor/extensions/MultiColumn/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/MultiColumn/Column.ts"],"sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core'\n\nexport const Column = Node.create({\n  name: 'column',\n\n  content: 'block+',\n\n  isolating: true,\n\n  addAttributes() {\n    return {\n      position: {\n        default: '',\n        parseHTML: element => element.getAttribute('data-position'),\n        renderHTML: attributes => ({ 'data-position': attributes.position }),\n      },\n    }\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'column' }), 0]\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"column\"]',\n      },\n    ]\n  },\n})\n\nexport default Column\n"],"names":["Node","mergeAttributes","Column","create","name","content","isolating","addAttributes","position","default","parseHTML","element","getAttribute","renderHTML","attributes","HTMLAttributes","tag"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,IAAI,EAAEC,eAAe,QAAQ,eAAc;AAEpD,OAAO,MAAMC,SAASF,KAAKG,MAAM,CAAC;IAChCC,MAAM;IAENC,SAAS;IAETC,WAAW;IAEXC;QACE,OAAO;YACLC,UAAU;gBACRC,SAAS;gBACTC,WAAWC,CAAAA,UAAWA,QAAQC,YAAY,CAAC;gBAC3CC,YAAYC,CAAAA,aAAe,CAAA;wBAAE,iBAAiBA,WAAWN,QAAQ;oBAAC,CAAA;YACpE;QACF;IACF;IAEAK,YAAW,EAAEE,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAOd,gBAAgBc,gBAAgB;gBAAE,aAAa;YAAS;YAAI;SAAE;IAC/E;IAEAL;QACE,OAAO;YACL;gBACEM,KAAK;YACP;SACD;IACH;AACF,GAAE;AAEF,eAAed,OAAM"}

package/dist/fields/TiptapEditor/extensions/MultiColumn/Columns.js

@@ -0,0 +1,49 @@
+import { Node } from '@tiptap/core';
+export var ColumnLayout;
+(function(ColumnLayout) {
+    ColumnLayout["SidebarLeft"] = "sidebar-left";
+    ColumnLayout["SidebarRight"] = "sidebar-right";
+    ColumnLayout["TwoColumn"] = "two-column";
+})(ColumnLayout || (ColumnLayout = {}));
+export const Columns = Node.create({
+    name: 'columns',
+    group: 'columns',
+    content: 'column column',
+    defining: true,
+    isolating: true,
+    addAttributes () {
+        return {
+            layout: {
+                default: "two-column"
+            }
+        };
+    },
+    addCommands () {
+        return {
+            setColumns: ()=>({ commands })=>commands.insertContent(`<div data-type="columns"><div data-type="column" data-position="left"><p></p></div><div data-type="column" data-position="right"><p></p></div></div>`),
+            setLayout: (layout)=>({ commands })=>commands.updateAttributes('columns', {
+                        layout
+                    })
+        };
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            'div',
+            {
+                'data-type': 'columns',
+                class: `layout-${HTMLAttributes.layout}`
+            },
+            0
+        ];
+    },
+    parseHTML () {
+        return [
+            {
+                tag: 'div[data-type="columns"]'
+            }
+        ];
+    }
+});
+export default Columns;
+
+//# sourceMappingURL=Columns.js.map

package/dist/fields/TiptapEditor/extensions/MultiColumn/Columns.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/MultiColumn/Columns.ts"],"sourcesContent":["import { Node } from '@tiptap/core'\n\nexport enum ColumnLayout {\n  SidebarLeft = 'sidebar-left',\n  SidebarRight = 'sidebar-right',\n  TwoColumn = 'two-column',\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    columns: {\n      setColumns: () => ReturnType\n      setLayout: (layout: ColumnLayout) => ReturnType\n    }\n  }\n}\n\nexport const Columns = Node.create({\n  name: 'columns',\n\n  group: 'columns',\n\n  content: 'column column',\n\n  defining: true,\n\n  isolating: true,\n\n  addAttributes() {\n    return {\n      layout: {\n        default: ColumnLayout.TwoColumn,\n      },\n    }\n  },\n\n  addCommands() {\n    return {\n      setColumns:\n        () =>\n        ({ commands }) =>\n          commands.insertContent(\n            `<div data-type=\"columns\"><div data-type=\"column\" data-position=\"left\"><p></p></div><div data-type=\"column\" data-position=\"right\"><p></p></div></div>`,\n          ),\n      setLayout:\n        (layout: ColumnLayout) =>\n        ({ commands }) =>\n          commands.updateAttributes('columns', { layout }),\n    }\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', { 'data-type': 'columns', class: `layout-${HTMLAttributes.layout}` }, 0]\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"columns\"]',\n      },\n    ]\n  },\n})\n\nexport default Columns\n"],"names":["Node","ColumnLayout","Columns","create","name","group","content","defining","isolating","addAttributes","layout","default","addCommands","setColumns","commands","insertContent","setLayout","updateAttributes","renderHTML","HTMLAttributes","class","parseHTML","tag"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,IAAI,QAAQ,eAAc;;UAEvBC;;;;GAAAA,iBAAAA;AAeZ,OAAO,MAAMC,UAAUF,KAAKG,MAAM,CAAC;IACjCC,MAAM;IAENC,OAAO;IAEPC,SAAS;IAETC,UAAU;IAEVC,WAAW;IAEXC;QACE,OAAO;YACLC,QAAQ;gBACNC,OAAO;YACT;QACF;IACF;IAEAC;QACE,OAAO;YACLC,YACE,IACA,CAAC,EAAEC,QAAQ,EAAE,GACXA,SAASC,aAAa,CACpB,CAAC,oJAAoJ,CAAC;YAE5JC,WACE,CAACN,SACD,CAAC,EAAEI,QAAQ,EAAE,GACXA,SAASG,gBAAgB,CAAC,WAAW;wBAAEP;oBAAO;QACpD;IACF;IAEAQ,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAO;gBAAE,aAAa;gBAAWC,OAAO,CAAC,OAAO,EAAED,eAAeT,MAAM,CAAC,CAAC;YAAC;YAAG;SAAE;IACzF;IAEAW;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;AACF,GAAE;AAEF,eAAepB,QAAO"}

package/dist/fields/TiptapEditor/extensions/MultiColumn/index.js

@@ -0,0 +1,4 @@
+export * from "./Columns.js";
+export * from "./Column.js";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/extensions/MultiColumn/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/MultiColumn/index.ts"],"sourcesContent":["export * from \"./Columns.js\";\nexport * from \"./Column.js\";\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,cAAc"}

package/dist/fields/TiptapEditor/extensions/MultiColumn/menus/ColumnsMenu.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BubbleMenu as BaseBubbleMenu } from "@tiptap/react";
+import { useCallback } from "react";
+import { sticky } from "tippy.js";
+import { v4 as uuid } from "uuid";
+import { Columns2, PanelLeft, PanelRight } from "lucide-react";
+import { Icon } from "../../../features/ui/Icon.jsx";
+import { Toolbar } from "../../../features/ui/Toolbar.jsx";
+import { getRenderContainer } from "../../../lib/utils/index.js";
+import { ColumnLayout } from "../Columns.js";
+export const ColumnsMenu = ({ editor, appendTo })=>{
+    const getReferenceClientRect = useCallback(()=>{
+        const renderContainer = getRenderContainer(editor, "columns");
+        const rect = renderContainer?.getBoundingClientRect() || new DOMRect(-1000, -1000, 0, 0);
+        return rect;
+    }, [
+        editor
+    ]);
+    const shouldShow = useCallback(()=>{
+        const isColumns = editor.isActive("columns");
+        return isColumns;
+    }, [
+        editor
+    ]);
+    const onColumnLeft = useCallback(()=>{
+        editor.chain().focus().setLayout(ColumnLayout.SidebarLeft).run();
+    }, [
+        editor
+    ]);
+    const onColumnRight = useCallback(()=>{
+        editor.chain().focus().setLayout(ColumnLayout.SidebarRight).run();
+    }, [
+        editor
+    ]);
+    const onColumnTwo = useCallback(()=>{
+        editor.chain().focus().setLayout(ColumnLayout.TwoColumn).run();
+    }, [
+        editor
+    ]);
+    return /*#__PURE__*/ _jsx(BaseBubbleMenu, {
+        editor: editor,
+        pluginKey: `columnsMenu-${uuid()}`,
+        shouldShow: shouldShow,
+        updateDelay: 0,
+        tippyOptions: {
+            offset: [
+                0,
+                8
+            ],
+            popperOptions: {
+                modifiers: [
+                    {
+                        name: "flip",
+                        enabled: false
+                    }
+                ]
+            },
+            getReferenceClientRect,
+            appendTo: ()=>appendTo?.current,
+            plugins: [
+                sticky
+            ],
+            sticky: "popper"
+        },
+        children: /*#__PURE__*/ _jsxs(Toolbar.Wrapper, {
+            children: [
+                /*#__PURE__*/ _jsx(Toolbar.Button, {
+                    type: "button",
+                    tooltip: "Sidebar left",
+                    active: editor.isActive("columns", {
+                        layout: ColumnLayout.SidebarLeft
+                    }),
+                    onClick: onColumnLeft,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: PanelLeft
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Toolbar.Button, {
+                    type: "button",
+                    tooltip: "Two columns",
+                    active: editor.isActive("columns", {
+                        layout: ColumnLayout.TwoColumn
+                    }),
+                    onClick: onColumnTwo,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: Columns2
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Toolbar.Button, {
+                    type: "button",
+                    tooltip: "Sidebar right",
+                    active: editor.isActive("columns", {
+                        layout: ColumnLayout.SidebarRight
+                    }),
+                    onClick: onColumnRight,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: PanelRight
+                    })
+                })
+            ]
+        })
+    });
+};
+export default ColumnsMenu;
+
+//# sourceMappingURL=ColumnsMenu.js.map

package/dist/fields/TiptapEditor/extensions/MultiColumn/menus/ColumnsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/MultiColumn/menus/ColumnsMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport { useCallback } from \"react\";\nimport { sticky } from \"tippy.js\";\nimport { v4 as uuid } from \"uuid\";\n\nimport { Columns2, PanelLeft, PanelRight } from \"lucide-react\";\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { Icon } from \"../../../features/ui/Icon.jsx\";\nimport { Toolbar } from \"../../../features/ui/Toolbar.jsx\";\nimport { getRenderContainer } from \"../../../lib/utils/index.js\";\nimport { ColumnLayout } from \"../Columns.js\";\n\nexport const ColumnsMenu = ({ editor, appendTo }: MenuProps) => {\n  const getReferenceClientRect = useCallback(() => {\n    const renderContainer = getRenderContainer(editor, \"columns\");\n    const rect =\n      renderContainer?.getBoundingClientRect() ||\n      new DOMRect(-1000, -1000, 0, 0);\n\n    return rect;\n  }, [editor]);\n\n  const shouldShow = useCallback(() => {\n    const isColumns = editor.isActive(\"columns\");\n    return isColumns;\n  }, [editor]);\n\n  const onColumnLeft = useCallback(() => {\n    editor.chain().focus().setLayout(ColumnLayout.SidebarLeft).run();\n  }, [editor]);\n\n  const onColumnRight = useCallback(() => {\n    editor.chain().focus().setLayout(ColumnLayout.SidebarRight).run();\n  }, [editor]);\n\n  const onColumnTwo = useCallback(() => {\n    editor.chain().focus().setLayout(ColumnLayout.TwoColumn).run();\n  }, [editor]);\n\n  return (\n    <BaseBubbleMenu\n      editor={editor}\n      pluginKey={`columnsMenu-${uuid()}`}\n      shouldShow={shouldShow}\n      updateDelay={0}\n      tippyOptions={{\n        offset: [0, 8],\n        popperOptions: {\n          modifiers: [{ name: \"flip\", enabled: false }],\n        },\n        getReferenceClientRect,\n        appendTo: () => appendTo?.current,\n        plugins: [sticky],\n        sticky: \"popper\",\n      }}\n    >\n      <Toolbar.Wrapper>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Sidebar left\"\n          active={editor.isActive(\"columns\", {\n            layout: ColumnLayout.SidebarLeft,\n          })}\n          onClick={onColumnLeft}\n        >\n          <Icon icon={PanelLeft} />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Two columns\"\n          active={editor.isActive(\"columns\", {\n            layout: ColumnLayout.TwoColumn,\n          })}\n          onClick={onColumnTwo}\n        >\n          <Icon icon={Columns2} />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Sidebar right\"\n          active={editor.isActive(\"columns\", {\n            layout: ColumnLayout.SidebarRight,\n          })}\n          onClick={onColumnRight}\n        >\n          <Icon icon={PanelRight} />\n        </Toolbar.Button>\n      </Toolbar.Wrapper>\n    </BaseBubbleMenu>\n  );\n};\n\nexport default ColumnsMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","sticky","v4","uuid","Columns2","PanelLeft","PanelRight","Icon","Toolbar","getRenderContainer","ColumnLayout","ColumnsMenu","editor","appendTo","getReferenceClientRect","renderContainer","rect","getBoundingClientRect","DOMRect","shouldShow","isColumns","isActive","onColumnLeft","chain","focus","setLayout","SidebarLeft","run","onColumnRight","SidebarRight","onColumnTwo","TwoColumn","pluginKey","updateDelay","tippyOptions","offset","popperOptions","modifiers","name","enabled","current","plugins","Wrapper","Button","type","tooltip","active","layout","onClick","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,SAASC,WAAW,QAAQ,QAAQ;AACpC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,MAAMC,IAAI,QAAQ,OAAO;AAElC,SAASC,QAAQ,EAAEC,SAAS,EAAEC,UAAU,QAAQ,eAAe;AAE/D,SAASC,IAAI,QAAQ,gCAAgC;AACrD,SAASC,OAAO,QAAQ,mCAAmC;AAC3D,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,OAAO,MAAMC,cAAc,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAa;IACzD,MAAMC,yBAAyBd,YAAY;QACzC,MAAMe,kBAAkBN,mBAAmBG,QAAQ;QACnD,MAAMI,OACJD,iBAAiBE,2BACjB,IAAIC,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG;QAE/B,OAAOF;IACT,GAAG;QAACJ;KAAO;IAEX,MAAMO,aAAanB,YAAY;QAC7B,MAAMoB,YAAYR,OAAOS,QAAQ,CAAC;QAClC,OAAOD;IACT,GAAG;QAACR;KAAO;IAEX,MAAMU,eAAetB,YAAY;QAC/BY,OAAOW,KAAK,GAAGC,KAAK,GAAGC,SAAS,CAACf,aAAagB,WAAW,EAAEC,GAAG;IAChE,GAAG;QAACf;KAAO;IAEX,MAAMgB,gBAAgB5B,YAAY;QAChCY,OAAOW,KAAK,GAAGC,KAAK,GAAGC,SAAS,CAACf,aAAamB,YAAY,EAAEF,GAAG;IACjE,GAAG;QAACf;KAAO;IAEX,MAAMkB,cAAc9B,YAAY;QAC9BY,OAAOW,KAAK,GAAGC,KAAK,GAAGC,SAAS,CAACf,aAAaqB,SAAS,EAAEJ,GAAG;IAC9D,GAAG;QAACf;KAAO;IAEX,qBACE,KAACb;QACCa,QAAQA;QACRoB,WAAW,CAAC,YAAY,EAAE7B,OAAO,CAAC;QAClCgB,YAAYA;QACZc,aAAa;QACbC,cAAc;YACZC,QAAQ;gBAAC;gBAAG;aAAE;YACdC,eAAe;gBACbC,WAAW;oBAAC;wBAAEC,MAAM;wBAAQC,SAAS;oBAAM;iBAAE;YAC/C;YACAzB;YACAD,UAAU,IAAMA,UAAU2B;YAC1BC,SAAS;gBAACxC;aAAO;YACjBA,QAAQ;QACV;kBAEA,cAAA,MAACO,QAAQkC,OAAO;;8BACd,KAAClC,QAAQmC,MAAM;oBACbC,MAAK;oBACLC,SAAQ;oBACRC,QAAQlC,OAAOS,QAAQ,CAAC,WAAW;wBACjC0B,QAAQrC,aAAagB,WAAW;oBAClC;oBACAsB,SAAS1B;8BAET,cAAA,KAACf;wBAAK0C,MAAM5C;;;8BAEd,KAACG,QAAQmC,MAAM;oBACbC,MAAK;oBACLC,SAAQ;oBACRC,QAAQlC,OAAOS,QAAQ,CAAC,WAAW;wBACjC0B,QAAQrC,aAAaqB,SAAS;oBAChC;oBACAiB,SAASlB;8BAET,cAAA,KAACvB;wBAAK0C,MAAM7C;;;8BAEd,KAACI,QAAQmC,MAAM;oBACbC,MAAK;oBACLC,SAAQ;oBACRC,QAAQlC,OAAOS,QAAQ,CAAC,WAAW;wBACjC0B,QAAQrC,aAAamB,YAAY;oBACnC;oBACAmB,SAASpB;8BAET,cAAA,KAACrB;wBAAK0C,MAAM3C;;;;;;AAKtB,EAAE;AAEF,eAAeK,YAAY"}

package/dist/fields/TiptapEditor/extensions/MultiColumn/menus/index.js

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

package/dist/fields/TiptapEditor/extensions/MultiColumn/menus/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/MultiColumn/menus/index.ts"],"sourcesContent":["export * from \"./ColumnsMenu.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,oBAAoB"}

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

@@ -0,0 +1,14 @@
+import { mergeAttributes } from "@tiptap/core";
+import TiptapParagraph from "@tiptap/extension-paragraph";
+export const Paragraph = TiptapParagraph.extend({
+    renderHTML ({ node, HTMLAttributes }) {
+        return [
+            `p`,
+            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+            0
+        ];
+    }
+});
+export default Paragraph;
+
+//# sourceMappingURL=Paragraph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/Paragraph/Paragraph.ts"],"sourcesContent":["import { mergeAttributes } from \"@tiptap/core\";\nimport TiptapParagraph from \"@tiptap/extension-paragraph\";\n\nexport const Paragraph = TiptapParagraph.extend({\n  renderHTML({ node, HTMLAttributes }) {\n    return [\n      `p`,\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n      0,\n    ];\n  },\n});\n\nexport default Paragraph;\n"],"names":["mergeAttributes","TiptapParagraph","Paragraph","extend","renderHTML","node","HTMLAttributes","options"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,eAAe;AAC/C,OAAOC,qBAAqB,8BAA8B;AAE1D,OAAO,MAAMC,YAAYD,gBAAgBE,MAAM,CAAC;IAC9CC,YAAW,EAAEC,IAAI,EAAEC,cAAc,EAAE;QACjC,OAAO;YACL,CAAC,CAAC,CAAC;YACHN,gBAAgB,IAAI,CAACO,OAAO,CAACD,cAAc,EAAEA;YAC7C;SACD;IACH;AACF,GAAG;AAEH,eAAeJ,UAAU"}

package/dist/fields/TiptapEditor/extensions/Paragraph/index.js

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

package/dist/fields/TiptapEditor/extensions/Paragraph/index.js.map

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

package/dist/fields/TiptapEditor/extensions/Selection/Selection.js

@@ -0,0 +1,32 @@
+import { Extension } from '@tiptap/core';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+import { Decoration, DecorationSet } from '@tiptap/pm/view';
+export const Selection = Extension.create({
+    name: 'selection',
+    addProseMirrorPlugins () {
+        const { editor } = this;
+        return [
+            new Plugin({
+                key: new PluginKey('selection'),
+                props: {
+                    decorations (state) {
+                        if (state.selection.empty) {
+                            return null;
+                        }
+                        if (editor.isFocused === true) {
+                            return null;
+                        }
+                        return DecorationSet.create(state.doc, [
+                            Decoration.inline(state.selection.from, state.selection.to, {
+                                class: 'selection'
+                            })
+                        ]);
+                    }
+                }
+            })
+        ];
+    }
+});
+export default Selection;
+
+//# sourceMappingURL=Selection.js.map

package/dist/fields/TiptapEditor/extensions/Selection/Selection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/Selection/Selection.ts"],"sourcesContent":["import { Extension } from '@tiptap/core'\nimport { Plugin, PluginKey } from '@tiptap/pm/state'\nimport { Decoration, DecorationSet } from '@tiptap/pm/view'\n\nexport const Selection = Extension.create({\n  name: 'selection',\n\n  addProseMirrorPlugins() {\n    const { editor } = this\n\n    return [\n      new Plugin({\n        key: new PluginKey('selection'),\n        props: {\n          decorations(state) {\n            if (state.selection.empty) {\n              return null\n            }\n\n            if (editor.isFocused === true) {\n              return null\n            }\n\n            return DecorationSet.create(state.doc, [\n              Decoration.inline(state.selection.from, state.selection.to, {\n                class: 'selection',\n              }),\n            ])\n          },\n        },\n      }),\n    ]\n  },\n})\n\nexport default Selection\n"],"names":["Extension","Plugin","PluginKey","Decoration","DecorationSet","Selection","create","name","addProseMirrorPlugins","editor","key","props","decorations","state","selection","empty","isFocused","doc","inline","from","to","class"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,SAAS,QAAQ,eAAc;AACxC,SAASC,MAAM,EAAEC,SAAS,QAAQ,mBAAkB;AACpD,SAASC,UAAU,EAAEC,aAAa,QAAQ,kBAAiB;AAE3D,OAAO,MAAMC,YAAYL,UAAUM,MAAM,CAAC;IACxCC,MAAM;IAENC;QACE,MAAM,EAAEC,MAAM,EAAE,GAAG,IAAI;QAEvB,OAAO;YACL,IAAIR,OAAO;gBACTS,KAAK,IAAIR,UAAU;gBACnBS,OAAO;oBACLC,aAAYC,KAAK;wBACf,IAAIA,MAAMC,SAAS,CAACC,KAAK,EAAE;4BACzB,OAAO;wBACT;wBAEA,IAAIN,OAAOO,SAAS,KAAK,MAAM;4BAC7B,OAAO;wBACT;wBAEA,OAAOZ,cAAcE,MAAM,CAACO,MAAMI,GAAG,EAAE;4BACrCd,WAAWe,MAAM,CAACL,MAAMC,SAAS,CAACK,IAAI,EAAEN,MAAMC,SAAS,CAACM,EAAE,EAAE;gCAC1DC,OAAO;4BACT;yBACD;oBACH;gBACF;YACF;SACD;IACH;AACF,GAAE;AAEF,eAAehB,UAAS"}

package/dist/fields/TiptapEditor/extensions/Selection/index.js

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

package/dist/fields/TiptapEditor/extensions/Selection/index.js.map

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

package/dist/fields/TiptapEditor/extensions/SlashCommand/CommandButton.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Icon } from "../../features/ui/Icon.jsx";
+import { cn } from "../../lib/utils/index.js";
+export const CommandButton = /*#__PURE__*/ forwardRef(({ active, icon, onClick, title }, ref)=>{
+    const wrapperClass = cn("flex text-neutral-500 items-center text-xs font-semibold justify-start p-1.5 gap-2 rounded", !active && "bg-transparent hover:bg-neutral-50 hover:text-black", active && "bg-neutral-100 text-black hover:bg-neutral-100");
+    return /*#__PURE__*/ _jsxs("button", {
+        type: "button",
+        ref: ref,
+        onClick: onClick,
+        className: wrapperClass,
+        children: [
+            /*#__PURE__*/ _jsx(Icon, {
+                icon: icon,
+                className: "w-3 h-3"
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "flex flex-col items-start justify-start",
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "text-sm font-medium",
+                    children: title
+                })
+            })
+        ]
+    });
+});
+CommandButton.displayName = "CommandButton";
+
+//# sourceMappingURL=CommandButton.js.map

package/dist/fields/TiptapEditor/extensions/SlashCommand/CommandButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/SlashCommand/CommandButton.tsx"],"sourcesContent":["import { LucideIcon } from \"lucide-react\";\nimport { forwardRef } from \"react\";\nimport { Icon } from \"../../features/ui/Icon.jsx\";\nimport { cn } from \"../../lib/utils/index.js\";\n\nexport type CommandButtonProps = {\n  active?: boolean;\n  description: string;\n  icon: LucideIcon;\n  onClick: () => void;\n  title: string;\n};\n\nexport const CommandButton = forwardRef<HTMLButtonElement, CommandButtonProps>(\n  ({ active, icon, onClick, title }, ref) => {\n    const wrapperClass = cn(\n      \"flex text-neutral-500 items-center text-xs font-semibold justify-start p-1.5 gap-2 rounded\",\n      !active && \"bg-transparent hover:bg-neutral-50 hover:text-black\",\n      active && \"bg-neutral-100 text-black hover:bg-neutral-100\"\n    );\n\n    return (\n      <button\n        type=\"button\"\n        ref={ref}\n        onClick={onClick}\n        className={wrapperClass}\n      >\n        <Icon icon={icon} className=\"w-3 h-3\" />\n        <div className=\"flex flex-col items-start justify-start\">\n          <div className=\"text-sm font-medium\">{title}</div>\n        </div>\n      </button>\n    );\n  }\n);\n\nCommandButton.displayName = \"CommandButton\";\n"],"names":["forwardRef","Icon","cn","CommandButton","active","icon","onClick","title","ref","wrapperClass","button","type","className","div","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AACA,SAASA,UAAU,QAAQ,QAAQ;AACnC,SAASC,IAAI,QAAQ,6BAA6B;AAClD,SAASC,EAAE,QAAQ,2BAA2B;AAU9C,OAAO,MAAMC,8BAAgBH,WAC3B,CAAC,EAAEI,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAE,EAAEC;IACjC,MAAMC,eAAeP,GACnB,8FACA,CAACE,UAAU,uDACXA,UAAU;IAGZ,qBACE,MAACM;QACCC,MAAK;QACLH,KAAKA;QACLF,SAASA;QACTM,WAAWH;;0BAEX,KAACR;gBAAKI,MAAMA;gBAAMO,WAAU;;0BAC5B,KAACC;gBAAID,WAAU;0BACb,cAAA,KAACC;oBAAID,WAAU;8BAAuBL;;;;;AAI9C,GACA;AAEFJ,cAAcW,WAAW,GAAG"}

package/dist/fields/TiptapEditor/extensions/SlashCommand/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.jsx";
+import { Surface } from "../../features/ui/Surface.jsx";
+import { Icon } from "../../features/ui/Icon.jsx";
+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