payload-richtext-tiptap 0.0.1

package/dist/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.js

@@ -0,0 +1,66 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import TwitterEmbed from "./YoutubeEmbed.jsx";
+export const Youtube = Node.create({
+    name: "youtube",
+    group: "block",
+    content: "inline*",
+    draggable: true,
+    // content: 'inline*',
+    parseHTML () {
+        return [
+            {
+                tag: "twitter-component"
+            }
+        ];
+    },
+    addAttributes () {
+        return {
+            url: {
+                default: null
+            }
+        };
+    },
+    addKeyboardShortcuts () {
+        return {
+            "Mod-Enter": ()=>{
+                return this.editor.chain().insertContentAt(this.editor.state.selection.head, {
+                    type: this.type.name
+                }).focus().run();
+            }
+        };
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            "twitter-component",
+            mergeAttributes(HTMLAttributes),
+            0
+        ];
+    },
+    addNodeView () {
+        return ReactNodeViewRenderer(TwitterEmbed);
+    },
+    addCommands () {
+        return {
+            insertYoutube: (url)=>({ commands, state })=>{
+                    return commands.insertContent({
+                        type: "youtube",
+                        attrs: {
+                            url
+                        }
+                    });
+                }
+        };
+    }
+});
+function isValidHttpUrl(string) {
+    let url;
+    try {
+        url = new URL(string);
+    } catch (_) {
+        return false;
+    }
+    return url.protocol === "http:" || url.protocol === "https:";
+}
+
+//# sourceMappingURL=youtube.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/Youtube/youtube.ts"],"sourcesContent":["declare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    youtube: {\n      /**\n       * Add an image\n       */\n\n      insertYoutube: (url?: string) => ReturnType;\n    };\n  }\n}\n\nimport { Node, PasteRule, markPasteRule, mergeAttributes } from \"@tiptap/core\";\nimport { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport TwitterEmbed from \"./YoutubeEmbed.jsx\";\n\nexport const Youtube = Node.create({\n  name: \"youtube\",\n\n  group: \"block\",\n  content: \"inline*\",\n  draggable: true,\n\n  // content: 'inline*',\n\n  parseHTML() {\n    return [\n      {\n        tag: \"twitter-component\",\n      },\n    ];\n  },\n\n  addAttributes() {\n    return {\n      url: { default: null },\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      \"Mod-Enter\": () => {\n        return this.editor\n          .chain()\n          .insertContentAt(this.editor.state.selection.head, {\n            type: this.type.name,\n          })\n          .focus()\n          .run();\n      },\n    };\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\"twitter-component\", mergeAttributes(HTMLAttributes), 0];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(TwitterEmbed);\n  },\n\n  addCommands() {\n    return {\n      insertYoutube:\n        (url) =>\n        ({ commands, state }) => {\n          return commands.insertContent({\n            type: \"youtube\",\n            attrs: {\n              url,\n            },\n          });\n        },\n    };\n  },\n});\n\nfunction isValidHttpUrl(string: string) {\n  let url;\n\n  try {\n    url = new URL(string);\n  } catch (_) {\n    return false;\n  }\n\n  return url.protocol === \"http:\" || url.protocol === \"https:\";\n}\n"],"names":["Node","mergeAttributes","ReactNodeViewRenderer","TwitterEmbed","Youtube","create","name","group","content","draggable","parseHTML","tag","addAttributes","url","default","addKeyboardShortcuts","editor","chain","insertContentAt","state","selection","head","type","focus","run","renderHTML","HTMLAttributes","addNodeView","addCommands","insertYoutube","commands","insertContent","attrs","isValidHttpUrl","string","URL","_","protocol"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAYA,SAASA,IAAI,EAA4BC,eAAe,QAAQ,eAAe;AAC/E,SAASC,qBAAqB,QAAQ,gBAAgB;AACtD,OAAOC,kBAAkB,qBAAqB;AAE9C,OAAO,MAAMC,UAAUJ,KAAKK,MAAM,CAAC;IACjCC,MAAM;IAENC,OAAO;IACPC,SAAS;IACTC,WAAW;IAEX,sBAAsB;IAEtBC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC;QACE,OAAO;YACLC,KAAK;gBAAEC,SAAS;YAAK;QACvB;IACF;IAEAC;QACE,OAAO;YACL,aAAa;gBACX,OAAO,IAAI,CAACC,MAAM,CACfC,KAAK,GACLC,eAAe,CAAC,IAAI,CAACF,MAAM,CAACG,KAAK,CAACC,SAAS,CAACC,IAAI,EAAE;oBACjDC,MAAM,IAAI,CAACA,IAAI,CAAChB,IAAI;gBACtB,GACCiB,KAAK,GACLC,GAAG;YACR;QACF;IACF;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAqBzB,gBAAgByB;YAAiB;SAAE;IAClE;IAEAC;QACE,OAAOzB,sBAAsBC;IAC/B;IAEAyB;QACE,OAAO;YACLC,eACE,CAAChB,MACD,CAAC,EAAEiB,QAAQ,EAAEX,KAAK,EAAE;oBAClB,OAAOW,SAASC,aAAa,CAAC;wBAC5BT,MAAM;wBACNU,OAAO;4BACLnB;wBACF;oBACF;gBACF;QACJ;IACF;AACF,GAAG;AAEH,SAASoB,eAAeC,MAAc;IACpC,IAAIrB;IAEJ,IAAI;QACFA,MAAM,IAAIsB,IAAID;IAChB,EAAE,OAAOE,GAAG;QACV,OAAO;IACT;IAEA,OAAOvB,IAAIwB,QAAQ,KAAK,WAAWxB,IAAIwB,QAAQ,KAAK;AACtD"}

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

@@ -0,0 +1,8 @@
+export { Twitter } from "./Twitter/index.js";
+export { Tiktok } from "./Tiktok/index.js";
+export { Facebook } from "./Facebook/index.js";
+export { Instagram } from "./Instagram/index.js";
+export { Youtube } from "./Youtube/index.js";
+export { Linkedin } from "./Linkedin/index.js";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/SocialMedia/index.ts"],"sourcesContent":["export { Twitter } from \"./Twitter/index.js\";\nexport { Tiktok } from \"./Tiktok/index.js\";\nexport { Facebook } from \"./Facebook/index.js\";\nexport { Instagram } from \"./Instagram/index.js\";\nexport { Youtube } from \"./Youtube/index.js\";\nexport { Linkedin } from \"./Linkedin/index.js\";\n"],"names":["Twitter","Tiktok","Facebook","Instagram","Youtube","Linkedin"],"rangeMappings":";;;;;","mappings":"AAAA,SAASA,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,SAAS,QAAQ,uBAAuB;AACjD,SAASC,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,QAAQ,QAAQ,sBAAsB"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/menus/SocialMediaMenu.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BubbleMenu as BaseBubbleMenu } from "@tiptap/react";
+import { useCallback } from "react";
+import { SocialMediaEditorPanel } from "src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.jsx";
+import { supportedSocialMedia } from "./constants.js";
+export const SocialMediaMenu = ({ editor, appendTo })=>{
+    const shouldShow = useCallback(()=>{
+        const isInSocialMedia = supportedSocialMedia?.some((socialMedia)=>{
+            const hasUrl = editor?.getAttributes(socialMedia)?.url;
+            return !hasUrl && editor.isActive(socialMedia);
+        });
+        return isInSocialMedia;
+    // const isIframe = editor.isActive('iframe')
+    // return isIframe
+    }, [
+        editor
+    ]);
+    const onHtml = useCallback((url)=>{
+        const socialMedia = supportedSocialMedia?.find((socialMedia)=>{
+            return editor.isActive(socialMedia);
+        });
+        switch(socialMedia){
+            case "facebook":
+                editor.chain().focus().insertFacebook(url).run();
+                break;
+            case "instagram":
+                editor.chain().focus().insertInstagram(url).run();
+                break;
+            case "youtube":
+                editor.chain().focus().insertYoutube(url).run();
+                break;
+            case "linkedin":
+                editor.chain().focus().insertLinkedin(url).run();
+                break;
+            case "tiktok":
+                editor.chain().focus().insertTiktok(url).run();
+                break;
+            case "twitter":
+                editor.chain().focus().insertTwitter(url).run();
+                break;
+        }
+    }, [
+        editor
+    ]);
+    const generateTexts = useCallback(()=>{
+        const socialMedia = supportedSocialMedia?.find((socialMedia)=>{
+            return editor.isActive(socialMedia);
+        });
+        switch(socialMedia){
+            case "facebook":
+                return {
+                    placeholderText: "https://facebook.com/...",
+                    buttonText: "Embed Facebook",
+                    descriptionText: "Works with links to Facebook posts"
+                };
+            case "instagram":
+                return {
+                    placeholderText: "https://instagram.com/...",
+                    buttonText: "Embed Instagram",
+                    descriptionText: "Works with links to Instagram posts"
+                };
+            case "youtube":
+                return {
+                    placeholderText: "https://youtube.com/...",
+                    buttonText: "Embed Youtube",
+                    descriptionText: "Works with links to Youtube videos"
+                };
+            case "linkedin":
+                return {
+                    placeholderText: "https://linkedin.com/...",
+                    buttonText: "Embed Linkedin",
+                    descriptionText: "Works with links to Linkedin posts"
+                };
+            case "tiktok":
+                return {
+                    placeholderText: "https://tiktok.com/...",
+                    buttonText: "Embed Tiktok",
+                    descriptionText: "Works with links to tiktok videos"
+                };
+            case "twitter":
+                return {
+                    placeholderText: "https://twitter.com/...",
+                    buttonText: "Embed Twitter",
+                    descriptionText: "Works with links to Tweets"
+                };
+        }
+    }, [
+        editor
+    ]);
+    return /*#__PURE__*/ _jsx(BaseBubbleMenu, {
+        editor: editor,
+        pluginKey: `socialMediaMenu`,
+        shouldShow: shouldShow,
+        tippyOptions: {
+            popperOptions: {
+                placement: "bottom"
+            },
+            placement: "bottom"
+        },
+        updateDelay: 100,
+        children: /*#__PURE__*/ _jsx(SocialMediaEditorPanel, {
+            onSetLink: onHtml,
+            initialSrc: "",
+            placeholderText: generateTexts()?.placeholderText ?? "",
+            buttonText: generateTexts()?.buttonText ?? "",
+            descriptionText: generateTexts()?.descriptionText ?? ""
+        })
+    });
+};
+export default SocialMediaMenu;
+
+//# sourceMappingURL=SocialMediaMenu.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/menus/SocialMediaMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/menus/SocialMediaMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport { useCallback } from \"react\";\n\nimport { SocialMediaEditorPanel } from \"src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.jsx\";\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { supportedSocialMedia } from \"./constants.js\";\n\nexport const SocialMediaMenu = ({ editor, appendTo }: MenuProps) => {\n  const shouldShow = useCallback(() => {\n    const isInSocialMedia = supportedSocialMedia?.some((socialMedia) => {\n      const hasUrl = editor?.getAttributes(socialMedia)?.url;\n      return !hasUrl && editor.isActive(socialMedia);\n    });\n\n    return isInSocialMedia;\n    // const isIframe = editor.isActive('iframe')\n    // return isIframe\n  }, [editor]);\n\n  const onHtml = useCallback(\n    (url: string) => {\n      const socialMedia = supportedSocialMedia?.find((socialMedia) => {\n        return editor.isActive(socialMedia);\n      });\n      switch (socialMedia) {\n        case \"facebook\":\n          editor.chain().focus().insertFacebook(url).run();\n\n          break;\n        case \"instagram\":\n          editor.chain().focus().insertInstagram(url).run();\n\n          break;\n        case \"youtube\":\n          editor.chain().focus().insertYoutube(url).run();\n\n          break;\n        case \"linkedin\":\n          editor.chain().focus().insertLinkedin(url).run();\n\n          break;\n        case \"tiktok\":\n          editor.chain().focus().insertTiktok(url).run();\n\n          break;\n        case \"twitter\":\n          editor.chain().focus().insertTwitter(url).run();\n          break;\n      }\n    },\n    [editor]\n  );\n\n  const generateTexts = useCallback(() => {\n    const socialMedia = supportedSocialMedia?.find((socialMedia) => {\n      return editor.isActive(socialMedia);\n    });\n    switch (socialMedia) {\n      case \"facebook\":\n        return {\n          placeholderText: \"https://facebook.com/...\",\n          buttonText: \"Embed Facebook\",\n          descriptionText: \"Works with links to Facebook posts\",\n        };\n\n      case \"instagram\":\n        return {\n          placeholderText: \"https://instagram.com/...\",\n          buttonText: \"Embed Instagram\",\n          descriptionText: \"Works with links to Instagram posts\",\n        };\n      case \"youtube\":\n        return {\n          placeholderText: \"https://youtube.com/...\",\n          buttonText: \"Embed Youtube\",\n          descriptionText: \"Works with links to Youtube videos\",\n        };\n      case \"linkedin\":\n        return {\n          placeholderText: \"https://linkedin.com/...\",\n          buttonText: \"Embed Linkedin\",\n          descriptionText: \"Works with links to Linkedin posts\",\n        };\n      case \"tiktok\":\n        return {\n          placeholderText: \"https://tiktok.com/...\",\n          buttonText: \"Embed Tiktok\",\n          descriptionText: \"Works with links to tiktok videos\",\n        };\n      case \"twitter\":\n        return {\n          placeholderText: \"https://twitter.com/...\",\n          buttonText: \"Embed Twitter\",\n          descriptionText: \"Works with links to Tweets\",\n        };\n    }\n  }, [editor]);\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      <SocialMediaEditorPanel\n        onSetLink={onHtml}\n        initialSrc=\"\"\n        placeholderText={generateTexts()?.placeholderText ?? \"\"}\n        buttonText={generateTexts()?.buttonText ?? \"\"}\n        descriptionText={generateTexts()?.descriptionText ?? \"\"}\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 SocialMediaMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","SocialMediaEditorPanel","supportedSocialMedia","SocialMediaMenu","editor","appendTo","shouldShow","isInSocialMedia","some","socialMedia","hasUrl","getAttributes","url","isActive","onHtml","find","chain","focus","insertFacebook","run","insertInstagram","insertYoutube","insertLinkedin","insertTiktok","insertTwitter","generateTexts","placeholderText","buttonText","descriptionText","pluginKey","tippyOptions","popperOptions","placement","updateDelay","onSetLink","initialSrc"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,SAASC,WAAW,QAAQ,QAAQ;AAEpC,SAASC,sBAAsB,QAAQ,4FAA4F;AAEnI,SAASC,oBAAoB,QAAQ,iBAAiB;AAEtD,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAa;IAC7D,MAAMC,aAAaN,YAAY;QAC7B,MAAMO,kBAAkBL,sBAAsBM,KAAK,CAACC;YAClD,MAAMC,SAASN,QAAQO,cAAcF,cAAcG;YACnD,OAAO,CAACF,UAAUN,OAAOS,QAAQ,CAACJ;QACpC;QAEA,OAAOF;IACP,6CAA6C;IAC7C,kBAAkB;IACpB,GAAG;QAACH;KAAO;IAEX,MAAMU,SAASd,YACb,CAACY;QACC,MAAMH,cAAcP,sBAAsBa,KAAK,CAACN;YAC9C,OAAOL,OAAOS,QAAQ,CAACJ;QACzB;QACA,OAAQA;YACN,KAAK;gBACHL,OAAOY,KAAK,GAAGC,KAAK,GAAGC,cAAc,CAACN,KAAKO,GAAG;gBAE9C;YACF,KAAK;gBACHf,OAAOY,KAAK,GAAGC,KAAK,GAAGG,eAAe,CAACR,KAAKO,GAAG;gBAE/C;YACF,KAAK;gBACHf,OAAOY,KAAK,GAAGC,KAAK,GAAGI,aAAa,CAACT,KAAKO,GAAG;gBAE7C;YACF,KAAK;gBACHf,OAAOY,KAAK,GAAGC,KAAK,GAAGK,cAAc,CAACV,KAAKO,GAAG;gBAE9C;YACF,KAAK;gBACHf,OAAOY,KAAK,GAAGC,KAAK,GAAGM,YAAY,CAACX,KAAKO,GAAG;gBAE5C;YACF,KAAK;gBACHf,OAAOY,KAAK,GAAGC,KAAK,GAAGO,aAAa,CAACZ,KAAKO,GAAG;gBAC7C;QACJ;IACF,GACA;QAACf;KAAO;IAGV,MAAMqB,gBAAgBzB,YAAY;QAChC,MAAMS,cAAcP,sBAAsBa,KAAK,CAACN;YAC9C,OAAOL,OAAOS,QAAQ,CAACJ;QACzB;QACA,OAAQA;YACN,KAAK;gBACH,OAAO;oBACLiB,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YAEF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YACF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YACF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YACF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;YACF,KAAK;gBACH,OAAO;oBACLF,iBAAiB;oBACjBC,YAAY;oBACZC,iBAAiB;gBACnB;QACJ;IACF,GAAG;QAACxB;KAAO;IACX,qBACE,KAACL;QACCK,QAAQA;QACRyB,WAAW,CAAC,eAAe,CAAC;QAC5BvB,YAAYA;QACZwB,cAAc;YACZC,eAAe;gBAAEC,WAAW;YAAS;YACrCA,WAAW;QAIb;QACAC,aAAa;kBAEb,cAAA,KAAChC;YACCiC,WAAWpB;YACXqB,YAAW;YACXT,iBAAiBD,iBAAiBC,mBAAmB;YACrDC,YAAYF,iBAAiBE,cAAc;YAC3CC,iBAAiBH,iBAAiBG,mBAAmB;;;AAiB7D,EAAE;AAEF,eAAezB,gBAAgB"}

package/dist/fields/TiptapEditor/extensions/SocialMedia/menus/constants.js

@@ -0,0 +1,10 @@
+export const supportedSocialMedia = [
+    'twitter',
+    'facebook',
+    'instagram',
+    'linkedin',
+    'tiktok',
+    'youtube'
+];
+
+//# sourceMappingURL=constants.js.map

package/dist/fields/TiptapEditor/extensions/SocialMedia/menus/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/SocialMedia/menus/constants.ts"],"sourcesContent":["export const supportedSocialMedia = [\n  'twitter',\n  'facebook',\n  'instagram',\n  'linkedin',\n  'tiktok',\n  'youtube',\n]\n"],"names":["supportedSocialMedia"],"rangeMappings":";;;;;;;","mappings":"AAAA,OAAO,MAAMA,uBAAuB;IAClC;IACA;IACA;IACA;IACA;IACA;CACD,CAAA"}

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

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

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

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

package/dist/fields/TiptapEditor/extensions/Table/Cell.js

@@ -0,0 +1,107 @@
+import { mergeAttributes, Node } from "@tiptap/core";
+import { Plugin } from "@tiptap/pm/state";
+import { Decoration, DecorationSet } from "@tiptap/pm/view";
+import { getCellsInColumn, isRowSelected, selectRow } from "./utils.js";
+export const TableCell = Node.create({
+    name: "tableCell",
+    content: "block+",
+    tableRole: "cell",
+    isolating: true,
+    addOptions () {
+        return {
+            HTMLAttributes: {}
+        };
+    },
+    parseHTML () {
+        return [
+            {
+                tag: "td"
+            }
+        ];
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            "td",
+            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+            0
+        ];
+    },
+    addAttributes () {
+        return {
+            colspan: {
+                default: 1,
+                parseHTML: (element)=>{
+                    const colspan = element.getAttribute("colspan");
+                    const value = colspan ? parseInt(colspan, 10) : 1;
+                    return value;
+                }
+            },
+            rowspan: {
+                default: 1,
+                parseHTML: (element)=>{
+                    const rowspan = element.getAttribute("rowspan");
+                    const value = rowspan ? parseInt(rowspan, 10) : 1;
+                    return value;
+                }
+            },
+            colwidth: {
+                default: null,
+                parseHTML: (element)=>{
+                    const colwidth = element.getAttribute("colwidth");
+                    const value = colwidth ? [
+                        parseInt(colwidth, 10)
+                    ] : null;
+                    return value;
+                }
+            },
+            style: {
+                default: null
+            }
+        };
+    },
+    addProseMirrorPlugins () {
+        const { isEditable } = this.editor;
+        return [
+            new Plugin({
+                props: {
+                    decorations: (state)=>{
+                        if (!isEditable) {
+                            return DecorationSet.empty;
+                        }
+                        const { doc, selection } = state;
+                        const decorations = [];
+                        const cells = getCellsInColumn(0)(selection);
+                        if (cells) {
+                            cells.forEach(({ pos }, index)=>{
+                                decorations.push(Decoration.widget(pos + 1, ()=>{
+                                    const rowSelected = isRowSelected(index)(selection);
+                                    let className = "grip-row";
+                                    if (rowSelected) {
+                                        className += " selected";
+                                    }
+                                    if (index === 0) {
+                                        className += " first";
+                                    }
+                                    if (index === cells.length - 1) {
+                                        className += " last";
+                                    }
+                                    const grip = document.createElement("a");
+                                    grip.className = className;
+                                    grip.addEventListener("mousedown", (event)=>{
+                                        event.preventDefault();
+                                        event.stopImmediatePropagation();
+                                        this.editor.view.dispatch(selectRow(index)(this.editor.state.tr));
+                                    });
+                                    return grip;
+                                }));
+                            });
+                        }
+                        return DecorationSet.create(doc, decorations);
+                    }
+                }
+            })
+        ];
+    }
+});
+
+//# sourceMappingURL=Cell.js.map

package/dist/fields/TiptapEditor/extensions/Table/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/Table/Cell.ts"],"sourcesContent":["import { mergeAttributes, Node } from \"@tiptap/core\";\nimport { Plugin } from \"@tiptap/pm/state\";\nimport { Decoration, DecorationSet } from \"@tiptap/pm/view\";\n\nimport { getCellsInColumn, isRowSelected, selectRow } from \"./utils.js\";\n\nexport interface TableCellOptions {\n  HTMLAttributes: Record<string, any>;\n}\n\nexport const TableCell = Node.create<TableCellOptions>({\n  name: \"tableCell\",\n\n  content: \"block+\", // TODO: Do not allow table in table\n\n  tableRole: \"cell\",\n\n  isolating: true,\n\n  addOptions() {\n    return {\n      HTMLAttributes: {},\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: \"td\" }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"td\",\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n      0,\n    ];\n  },\n\n  addAttributes() {\n    return {\n      colspan: {\n        default: 1,\n        parseHTML: (element) => {\n          const colspan = element.getAttribute(\"colspan\");\n          const value = colspan ? parseInt(colspan, 10) : 1;\n\n          return value;\n        },\n      },\n      rowspan: {\n        default: 1,\n        parseHTML: (element) => {\n          const rowspan = element.getAttribute(\"rowspan\");\n          const value = rowspan ? parseInt(rowspan, 10) : 1;\n\n          return value;\n        },\n      },\n      colwidth: {\n        default: null,\n        parseHTML: (element) => {\n          const colwidth = element.getAttribute(\"colwidth\");\n          const value = colwidth ? [parseInt(colwidth, 10)] : null;\n\n          return value;\n        },\n      },\n      style: {\n        default: null,\n      },\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const { isEditable } = this.editor;\n\n    return [\n      new Plugin({\n        props: {\n          decorations: (state) => {\n            if (!isEditable) {\n              return DecorationSet.empty;\n            }\n\n            const { doc, selection } = state;\n            const decorations: Decoration[] = [];\n            const cells = getCellsInColumn(0)(selection);\n\n            if (cells) {\n              cells.forEach(({ pos }: { pos: number }, index: number) => {\n                decorations.push(\n                  Decoration.widget(pos + 1, () => {\n                    const rowSelected = isRowSelected(index)(selection);\n                    let className = \"grip-row\";\n\n                    if (rowSelected) {\n                      className += \" selected\";\n                    }\n\n                    if (index === 0) {\n                      className += \" first\";\n                    }\n\n                    if (index === cells.length - 1) {\n                      className += \" last\";\n                    }\n\n                    const grip = document.createElement(\"a\");\n\n                    grip.className = className;\n                    grip.addEventListener(\"mousedown\", (event) => {\n                      event.preventDefault();\n                      event.stopImmediatePropagation();\n\n                      this.editor.view.dispatch(\n                        selectRow(index)(this.editor.state.tr)\n                      );\n                    });\n\n                    return grip;\n                  })\n                );\n              });\n            }\n\n            return DecorationSet.create(doc, decorations);\n          },\n        },\n      }),\n    ];\n  },\n});\n"],"names":["mergeAttributes","Node","Plugin","Decoration","DecorationSet","getCellsInColumn","isRowSelected","selectRow","TableCell","create","name","content","tableRole","isolating","addOptions","HTMLAttributes","parseHTML","tag","renderHTML","options","addAttributes","colspan","default","element","getAttribute","value","parseInt","rowspan","colwidth","style","addProseMirrorPlugins","isEditable","editor","props","decorations","state","empty","doc","selection","cells","forEach","pos","index","push","widget","rowSelected","className","length","grip","document","createElement","addEventListener","event","preventDefault","stopImmediatePropagation","view","dispatch","tr"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,IAAI,QAAQ,eAAe;AACrD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,UAAU,EAAEC,aAAa,QAAQ,kBAAkB;AAE5D,SAASC,gBAAgB,EAAEC,aAAa,EAAEC,SAAS,QAAQ,aAAa;AAMxE,OAAO,MAAMC,YAAYP,KAAKQ,MAAM,CAAmB;IACrDC,MAAM;IAENC,SAAS;IAETC,WAAW;IAEXC,WAAW;IAEXC;QACE,OAAO;YACLC,gBAAgB,CAAC;QACnB;IACF;IAEAC;QACE,OAAO;YAAC;gBAAEC,KAAK;YAAK;SAAE;IACxB;IAEAC,YAAW,EAAEH,cAAc,EAAE;QAC3B,OAAO;YACL;YACAf,gBAAgB,IAAI,CAACmB,OAAO,CAACJ,cAAc,EAAEA;YAC7C;SACD;IACH;IAEAK;QACE,OAAO;YACLC,SAAS;gBACPC,SAAS;gBACTN,WAAW,CAACO;oBACV,MAAMF,UAAUE,QAAQC,YAAY,CAAC;oBACrC,MAAMC,QAAQJ,UAAUK,SAASL,SAAS,MAAM;oBAEhD,OAAOI;gBACT;YACF;YACAE,SAAS;gBACPL,SAAS;gBACTN,WAAW,CAACO;oBACV,MAAMI,UAAUJ,QAAQC,YAAY,CAAC;oBACrC,MAAMC,QAAQE,UAAUD,SAASC,SAAS,MAAM;oBAEhD,OAAOF;gBACT;YACF;YACAG,UAAU;gBACRN,SAAS;gBACTN,WAAW,CAACO;oBACV,MAAMK,WAAWL,QAAQC,YAAY,CAAC;oBACtC,MAAMC,QAAQG,WAAW;wBAACF,SAASE,UAAU;qBAAI,GAAG;oBAEpD,OAAOH;gBACT;YACF;YACAI,OAAO;gBACLP,SAAS;YACX;QACF;IACF;IAEAQ;QACE,MAAM,EAAEC,UAAU,EAAE,GAAG,IAAI,CAACC,MAAM;QAElC,OAAO;YACL,IAAI9B,OAAO;gBACT+B,OAAO;oBACLC,aAAa,CAACC;wBACZ,IAAI,CAACJ,YAAY;4BACf,OAAO3B,cAAcgC,KAAK;wBAC5B;wBAEA,MAAM,EAAEC,GAAG,EAAEC,SAAS,EAAE,GAAGH;wBAC3B,MAAMD,cAA4B,EAAE;wBACpC,MAAMK,QAAQlC,iBAAiB,GAAGiC;wBAElC,IAAIC,OAAO;4BACTA,MAAMC,OAAO,CAAC,CAAC,EAAEC,GAAG,EAAmB,EAAEC;gCACvCR,YAAYS,IAAI,CACdxC,WAAWyC,MAAM,CAACH,MAAM,GAAG;oCACzB,MAAMI,cAAcvC,cAAcoC,OAAOJ;oCACzC,IAAIQ,YAAY;oCAEhB,IAAID,aAAa;wCACfC,aAAa;oCACf;oCAEA,IAAIJ,UAAU,GAAG;wCACfI,aAAa;oCACf;oCAEA,IAAIJ,UAAUH,MAAMQ,MAAM,GAAG,GAAG;wCAC9BD,aAAa;oCACf;oCAEA,MAAME,OAAOC,SAASC,aAAa,CAAC;oCAEpCF,KAAKF,SAAS,GAAGA;oCACjBE,KAAKG,gBAAgB,CAAC,aAAa,CAACC;wCAClCA,MAAMC,cAAc;wCACpBD,MAAME,wBAAwB;wCAE9B,IAAI,CAACtB,MAAM,CAACuB,IAAI,CAACC,QAAQ,CACvBjD,UAAUmC,OAAO,IAAI,CAACV,MAAM,CAACG,KAAK,CAACsB,EAAE;oCAEzC;oCAEA,OAAOT;gCACT;4BAEJ;wBACF;wBAEA,OAAO5C,cAAcK,MAAM,CAAC4B,KAAKH;oBACnC;gBACF;YACF;SACD;IACH;AACF,GAAG"}

package/dist/fields/TiptapEditor/extensions/Table/Header.js

@@ -0,0 +1,73 @@
+import TiptapTableHeader from "@tiptap/extension-table-header";
+import { Plugin } from "@tiptap/pm/state";
+import { Decoration, DecorationSet } from "@tiptap/pm/view";
+import { getCellsInRow, isColumnSelected, selectColumn } from "./utils.js";
+export const TableHeader = TiptapTableHeader.extend({
+    addAttributes () {
+        return {
+            colspan: {
+                default: 1
+            },
+            rowspan: {
+                default: 1
+            },
+            colwidth: {
+                default: null,
+                parseHTML: (element)=>{
+                    const colwidth = element.getAttribute("colwidth");
+                    const value = colwidth ? colwidth.split(",").map((item)=>parseInt(item, 10)) : null;
+                    return value;
+                }
+            },
+            style: {
+                default: null
+            }
+        };
+    },
+    addProseMirrorPlugins () {
+        const { isEditable } = this.editor;
+        return [
+            new Plugin({
+                props: {
+                    decorations: (state)=>{
+                        if (!isEditable) {
+                            return DecorationSet.empty;
+                        }
+                        const { doc, selection } = state;
+                        const decorations = [];
+                        const cells = getCellsInRow(0)(selection);
+                        if (cells) {
+                            cells.forEach(({ pos }, index)=>{
+                                decorations.push(Decoration.widget(pos + 1, ()=>{
+                                    const colSelected = isColumnSelected(index)(selection);
+                                    let className = "grip-column";
+                                    if (colSelected) {
+                                        className += " selected";
+                                    }
+                                    if (index === 0) {
+                                        className += " first";
+                                    }
+                                    if (index === cells.length - 1) {
+                                        className += " last";
+                                    }
+                                    const grip = document.createElement("a");
+                                    grip.className = className;
+                                    grip.addEventListener("mousedown", (event)=>{
+                                        event.preventDefault();
+                                        event.stopImmediatePropagation();
+                                        this.editor.view.dispatch(selectColumn(index)(this.editor.state.tr));
+                                    });
+                                    return grip;
+                                }));
+                            });
+                        }
+                        return DecorationSet.create(doc, decorations);
+                    }
+                }
+            })
+        ];
+    }
+});
+export default TableHeader;
+
+//# sourceMappingURL=Header.js.map

package/dist/fields/TiptapEditor/extensions/Table/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/Table/Header.ts"],"sourcesContent":["import TiptapTableHeader from \"@tiptap/extension-table-header\";\nimport { Plugin } from \"@tiptap/pm/state\";\nimport { Decoration, DecorationSet } from \"@tiptap/pm/view\";\n\nimport { getCellsInRow, isColumnSelected, selectColumn } from \"./utils.js\";\n\nexport const TableHeader = TiptapTableHeader.extend({\n  addAttributes() {\n    return {\n      colspan: {\n        default: 1,\n      },\n      rowspan: {\n        default: 1,\n      },\n      colwidth: {\n        default: null,\n        parseHTML: (element) => {\n          const colwidth = element.getAttribute(\"colwidth\");\n          const value = colwidth\n            ? colwidth.split(\",\").map((item) => parseInt(item, 10))\n            : null;\n\n          return value;\n        },\n      },\n      style: {\n        default: null,\n      },\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const { isEditable } = this.editor;\n\n    return [\n      new Plugin({\n        props: {\n          decorations: (state) => {\n            if (!isEditable) {\n              return DecorationSet.empty;\n            }\n\n            const { doc, selection } = state;\n            const decorations: Decoration[] = [];\n            const cells = getCellsInRow(0)(selection);\n\n            if (cells) {\n              cells.forEach(({ pos }: { pos: number }, index: number) => {\n                decorations.push(\n                  Decoration.widget(pos + 1, () => {\n                    const colSelected = isColumnSelected(index)(selection);\n                    let className = \"grip-column\";\n\n                    if (colSelected) {\n                      className += \" selected\";\n                    }\n\n                    if (index === 0) {\n                      className += \" first\";\n                    }\n\n                    if (index === cells.length - 1) {\n                      className += \" last\";\n                    }\n\n                    const grip = document.createElement(\"a\");\n\n                    grip.className = className;\n                    grip.addEventListener(\"mousedown\", (event) => {\n                      event.preventDefault();\n                      event.stopImmediatePropagation();\n\n                      this.editor.view.dispatch(\n                        selectColumn(index)(this.editor.state.tr)\n                      );\n                    });\n\n                    return grip;\n                  })\n                );\n              });\n            }\n\n            return DecorationSet.create(doc, decorations);\n          },\n        },\n      }),\n    ];\n  },\n});\n\nexport default TableHeader;\n"],"names":["TiptapTableHeader","Plugin","Decoration","DecorationSet","getCellsInRow","isColumnSelected","selectColumn","TableHeader","extend","addAttributes","colspan","default","rowspan","colwidth","parseHTML","element","getAttribute","value","split","map","item","parseInt","style","addProseMirrorPlugins","isEditable","editor","props","decorations","state","empty","doc","selection","cells","forEach","pos","index","push","widget","colSelected","className","length","grip","document","createElement","addEventListener","event","preventDefault","stopImmediatePropagation","view","dispatch","tr","create"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,uBAAuB,iCAAiC;AAC/D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,UAAU,EAAEC,aAAa,QAAQ,kBAAkB;AAE5D,SAASC,aAAa,EAAEC,gBAAgB,EAAEC,YAAY,QAAQ,aAAa;AAE3E,OAAO,MAAMC,cAAcP,kBAAkBQ,MAAM,CAAC;IAClDC;QACE,OAAO;YACLC,SAAS;gBACPC,SAAS;YACX;YACAC,SAAS;gBACPD,SAAS;YACX;YACAE,UAAU;gBACRF,SAAS;gBACTG,WAAW,CAACC;oBACV,MAAMF,WAAWE,QAAQC,YAAY,CAAC;oBACtC,MAAMC,QAAQJ,WACVA,SAASK,KAAK,CAAC,KAAKC,GAAG,CAAC,CAACC,OAASC,SAASD,MAAM,OACjD;oBAEJ,OAAOH;gBACT;YACF;YACAK,OAAO;gBACLX,SAAS;YACX;QACF;IACF;IAEAY;QACE,MAAM,EAAEC,UAAU,EAAE,GAAG,IAAI,CAACC,MAAM;QAElC,OAAO;YACL,IAAIxB,OAAO;gBACTyB,OAAO;oBACLC,aAAa,CAACC;wBACZ,IAAI,CAACJ,YAAY;4BACf,OAAOrB,cAAc0B,KAAK;wBAC5B;wBAEA,MAAM,EAAEC,GAAG,EAAEC,SAAS,EAAE,GAAGH;wBAC3B,MAAMD,cAA4B,EAAE;wBACpC,MAAMK,QAAQ5B,cAAc,GAAG2B;wBAE/B,IAAIC,OAAO;4BACTA,MAAMC,OAAO,CAAC,CAAC,EAAEC,GAAG,EAAmB,EAAEC;gCACvCR,YAAYS,IAAI,CACdlC,WAAWmC,MAAM,CAACH,MAAM,GAAG;oCACzB,MAAMI,cAAcjC,iBAAiB8B,OAAOJ;oCAC5C,IAAIQ,YAAY;oCAEhB,IAAID,aAAa;wCACfC,aAAa;oCACf;oCAEA,IAAIJ,UAAU,GAAG;wCACfI,aAAa;oCACf;oCAEA,IAAIJ,UAAUH,MAAMQ,MAAM,GAAG,GAAG;wCAC9BD,aAAa;oCACf;oCAEA,MAAME,OAAOC,SAASC,aAAa,CAAC;oCAEpCF,KAAKF,SAAS,GAAGA;oCACjBE,KAAKG,gBAAgB,CAAC,aAAa,CAACC;wCAClCA,MAAMC,cAAc;wCACpBD,MAAME,wBAAwB;wCAE9B,IAAI,CAACtB,MAAM,CAACuB,IAAI,CAACC,QAAQ,CACvB3C,aAAa6B,OAAO,IAAI,CAACV,MAAM,CAACG,KAAK,CAACsB,EAAE;oCAE5C;oCAEA,OAAOT;gCACT;4BAEJ;wBACF;wBAEA,OAAOtC,cAAcgD,MAAM,CAACrB,KAAKH;oBACnC;gBACF;YACF;SACD;IACH;AACF,GAAG;AAEH,eAAepB,YAAY"}

package/dist/fields/TiptapEditor/extensions/Table/Row.js

@@ -0,0 +1,8 @@
+import TiptapTableRow from '@tiptap/extension-table-row';
+export const TableRow = TiptapTableRow.extend({
+    allowGapCursor: false,
+    content: 'tableCell*'
+});
+export default TableRow;
+
+//# sourceMappingURL=Row.js.map

package/dist/fields/TiptapEditor/extensions/Table/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/Table/Row.ts"],"sourcesContent":["import TiptapTableRow from '@tiptap/extension-table-row'\n\nexport const TableRow = TiptapTableRow.extend({\n  allowGapCursor: false,\n  content: 'tableCell*',\n})\n\nexport default TableRow\n"],"names":["TiptapTableRow","TableRow","extend","allowGapCursor","content"],"rangeMappings":";;;;;","mappings":"AAAA,OAAOA,oBAAoB,8BAA6B;AAExD,OAAO,MAAMC,WAAWD,eAAeE,MAAM,CAAC;IAC5CC,gBAAgB;IAChBC,SAAS;AACX,GAAE;AAEF,eAAeH,SAAQ"}

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

@@ -0,0 +1,8 @@
+import TiptapTable from '@tiptap/extension-table';
+export const Table = TiptapTable.configure({
+    resizable: true,
+    lastColumnResizable: false
+});
+export default Table;
+
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/Table/Table.ts"],"sourcesContent":["import TiptapTable from '@tiptap/extension-table'\n\nexport const Table = TiptapTable.configure({ resizable: true, lastColumnResizable: false })\n\nexport default Table\n"],"names":["TiptapTable","Table","configure","resizable","lastColumnResizable"],"rangeMappings":";;;;;","mappings":"AAAA,OAAOA,iBAAiB,0BAAyB;AAEjD,OAAO,MAAMC,QAAQD,YAAYE,SAAS,CAAC;IAAEC,WAAW;IAAMC,qBAAqB;AAAM,GAAE;AAE3F,eAAeH,MAAK"}

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

@@ -0,0 +1,6 @@
+export { Table } from "./Table.js";
+export { TableCell } from "./Cell.js";
+export { TableRow } from "./Row.js";
+export { TableHeader } from "./Header.js";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/Table/index.ts"],"sourcesContent":["export { Table } from \"./Table.js\";\nexport { TableCell } from \"./Cell.js\";\nexport { TableRow } from \"./Row.js\";\nexport { TableHeader } from \"./Header.js\";\n"],"names":["Table","TableCell","TableRow","TableHeader"],"rangeMappings":";;;","mappings":"AAAA,SAASA,KAAK,QAAQ,aAAa;AACnC,SAASC,SAAS,QAAQ,YAAY;AACtC,SAASC,QAAQ,QAAQ,WAAW;AACpC,SAASC,WAAW,QAAQ,cAAc"}

package/dist/fields/TiptapEditor/extensions/Table/menus/TableColumn/index.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BubbleMenu as BaseBubbleMenu } from "@tiptap/react";
+import React, { useCallback } from "react";
+import { ArrowLeftToLine, ArrowRightToLine, Trash } from "lucide-react";
+import { Icon } from "../../../../features/ui/Icon.jsx";
+import * as PopoverMenu from "../../../../features/ui/PopoverMenu.jsx";
+import { Toolbar } from "../../../../features/ui/Toolbar.jsx";
+import { isColumnGripSelected } from "./utils.js";
+export const TableColumnMenu = /*#__PURE__*/ React.memo(({ editor, appendTo })=>{
+    const shouldShow = useCallback(({ view, state, from })=>{
+        if (!state) {
+            return false;
+        }
+        return isColumnGripSelected({
+            editor,
+            view,
+            state,
+            from: from || 0
+        });
+    }, [
+        editor
+    ]);
+    const onAddColumnBefore = useCallback(()=>{
+        editor.chain().focus().addColumnBefore().run();
+    }, [
+        editor
+    ]);
+    const onAddColumnAfter = useCallback(()=>{
+        editor.chain().focus().addColumnAfter().run();
+    }, [
+        editor
+    ]);
+    const onDeleteColumn = useCallback(()=>{
+        editor.chain().focus().deleteColumn().run();
+    }, [
+        editor
+    ]);
+    return /*#__PURE__*/ _jsx(BaseBubbleMenu, {
+        editor: editor,
+        pluginKey: "tableColumnMenu",
+        updateDelay: 0,
+        tippyOptions: {
+            appendTo: ()=>{
+                return appendTo?.current;
+            },
+            offset: [
+                0,
+                15
+            ],
+            popperOptions: {
+                modifiers: [
+                    {
+                        name: "flip",
+                        enabled: false
+                    }
+                ]
+            }
+        },
+        shouldShow: shouldShow,
+        children: /*#__PURE__*/ _jsxs(Toolbar.Wrapper, {
+            isVertical: true,
+            children: [
+                /*#__PURE__*/ _jsx(PopoverMenu.Item, {
+                    iconComponent: /*#__PURE__*/ _jsx(Icon, {
+                        icon: ArrowLeftToLine
+                    }),
+                    close: false,
+                    label: "Add column before",
+                    onClick: onAddColumnBefore
+                }),
+                /*#__PURE__*/ _jsx(PopoverMenu.Item, {
+                    iconComponent: /*#__PURE__*/ _jsx(Icon, {
+                        icon: ArrowRightToLine
+                    }),
+                    close: false,
+                    label: "Add column after",
+                    onClick: onAddColumnAfter
+                }),
+                /*#__PURE__*/ _jsx(PopoverMenu.Item, {
+                    icon: Trash,
+                    close: false,
+                    label: "Delete column",
+                    onClick: onDeleteColumn
+                })
+            ]
+        })
+    });
+});
+TableColumnMenu.displayName = "TableColumnMenu";
+export default TableColumnMenu;
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/extensions/Table/menus/TableColumn/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/Table/menus/TableColumn/index.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport React, { ReactNode, useCallback } from \"react\";\n\nimport { ArrowLeftToLine, ArrowRightToLine, Trash } from \"lucide-react\";\nimport {\n  MenuProps,\n  ShouldShowProps,\n} from \"../../../../features/menus/types.js\";\nimport { Icon } from \"../../../../features/ui/Icon.jsx\";\nimport * as PopoverMenu from \"../../../../features/ui/PopoverMenu.jsx\";\nimport { Toolbar } from \"../../../../features/ui/Toolbar.jsx\";\nimport { isColumnGripSelected } from \"./utils.js\";\n\nexport const TableColumnMenu = React.memo(\n  ({ editor, appendTo }: MenuProps): ReactNode => {\n    const shouldShow = useCallback(\n      ({ view, state, from }: ShouldShowProps) => {\n        if (!state) {\n          return false;\n        }\n\n        return isColumnGripSelected({ editor, view, state, from: from || 0 });\n      },\n      [editor]\n    );\n\n    const onAddColumnBefore = useCallback(() => {\n      editor.chain().focus().addColumnBefore().run();\n    }, [editor]);\n\n    const onAddColumnAfter = useCallback(() => {\n      editor.chain().focus().addColumnAfter().run();\n    }, [editor]);\n\n    const onDeleteColumn = useCallback(() => {\n      editor.chain().focus().deleteColumn().run();\n    }, [editor]);\n\n    return (\n      <BaseBubbleMenu\n        editor={editor}\n        pluginKey=\"tableColumnMenu\"\n        updateDelay={0}\n        tippyOptions={{\n          appendTo: () => {\n            return appendTo?.current;\n          },\n          offset: [0, 15],\n          popperOptions: {\n            modifiers: [{ name: \"flip\", enabled: false }],\n          },\n        }}\n        shouldShow={shouldShow}\n      >\n        <Toolbar.Wrapper isVertical>\n          <PopoverMenu.Item\n            iconComponent={<Icon icon={ArrowLeftToLine} />}\n            close={false}\n            label=\"Add column before\"\n            onClick={onAddColumnBefore}\n          />\n          <PopoverMenu.Item\n            iconComponent={<Icon icon={ArrowRightToLine} />}\n            close={false}\n            label=\"Add column after\"\n            onClick={onAddColumnAfter}\n          />\n          <PopoverMenu.Item\n            icon={Trash}\n            close={false}\n            label=\"Delete column\"\n            onClick={onDeleteColumn}\n          />\n        </Toolbar.Wrapper>\n      </BaseBubbleMenu>\n    );\n  }\n);\n\nTableColumnMenu.displayName = \"TableColumnMenu\";\n\nexport default TableColumnMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","React","useCallback","ArrowLeftToLine","ArrowRightToLine","Trash","Icon","PopoverMenu","Toolbar","isColumnGripSelected","TableColumnMenu","memo","editor","appendTo","shouldShow","view","state","from","onAddColumnBefore","chain","focus","addColumnBefore","run","onAddColumnAfter","addColumnAfter","onDeleteColumn","deleteColumn","pluginKey","updateDelay","tippyOptions","current","offset","popperOptions","modifiers","name","enabled","Wrapper","isVertical","Item","iconComponent","icon","close","label","onClick","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,OAAOC,SAAoBC,WAAW,QAAQ,QAAQ;AAEtD,SAASC,eAAe,EAAEC,gBAAgB,EAAEC,KAAK,QAAQ,eAAe;AAKxE,SAASC,IAAI,QAAQ,mCAAmC;AACxD,YAAYC,iBAAiB,0CAA0C;AACvE,SAASC,OAAO,QAAQ,sCAAsC;AAC9D,SAASC,oBAAoB,QAAQ,aAAa;AAElD,OAAO,MAAMC,gCAAkBT,MAAMU,IAAI,CACvC,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAa;IAC9B,MAAMC,aAAaZ,YACjB,CAAC,EAAEa,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAmB;QACrC,IAAI,CAACD,OAAO;YACV,OAAO;QACT;QAEA,OAAOP,qBAAqB;YAAEG;YAAQG;YAAMC;YAAOC,MAAMA,QAAQ;QAAE;IACrE,GACA;QAACL;KAAO;IAGV,MAAMM,oBAAoBhB,YAAY;QACpCU,OAAOO,KAAK,GAAGC,KAAK,GAAGC,eAAe,GAAGC,GAAG;IAC9C,GAAG;QAACV;KAAO;IAEX,MAAMW,mBAAmBrB,YAAY;QACnCU,OAAOO,KAAK,GAAGC,KAAK,GAAGI,cAAc,GAAGF,GAAG;IAC7C,GAAG;QAACV;KAAO;IAEX,MAAMa,iBAAiBvB,YAAY;QACjCU,OAAOO,KAAK,GAAGC,KAAK,GAAGM,YAAY,GAAGJ,GAAG;IAC3C,GAAG;QAACV;KAAO;IAEX,qBACE,KAACZ;QACCY,QAAQA;QACRe,WAAU;QACVC,aAAa;QACbC,cAAc;YACZhB,UAAU;gBACR,OAAOA,UAAUiB;YACnB;YACAC,QAAQ;gBAAC;gBAAG;aAAG;YACfC,eAAe;gBACbC,WAAW;oBAAC;wBAAEC,MAAM;wBAAQC,SAAS;oBAAM;iBAAE;YAC/C;QACF;QACArB,YAAYA;kBAEZ,cAAA,MAACN,QAAQ4B,OAAO;YAACC,UAAU;;8BACzB,KAAC9B,YAAY+B,IAAI;oBACfC,6BAAe,KAACjC;wBAAKkC,MAAMrC;;oBAC3BsC,OAAO;oBACPC,OAAM;oBACNC,SAASzB;;8BAEX,KAACX,YAAY+B,IAAI;oBACfC,6BAAe,KAACjC;wBAAKkC,MAAMpC;;oBAC3BqC,OAAO;oBACPC,OAAM;oBACNC,SAASpB;;8BAEX,KAAChB,YAAY+B,IAAI;oBACfE,MAAMnC;oBACNoC,OAAO;oBACPC,OAAM;oBACNC,SAASlB;;;;;AAKnB,GACA;AAEFf,gBAAgBkC,WAAW,GAAG;AAE9B,eAAelC,gBAAgB"}

package/dist/fields/TiptapEditor/extensions/Table/menus/TableColumn/utils.js

@@ -0,0 +1,22 @@
+import { isTableSelected } from "../../utils.js";
+import Table from "../../Table.js";
+export const isColumnGripSelected = ({ editor, view, state, from })=>{
+    const domAtPos = view.domAtPos(from).node;
+    const nodeDOM = view.nodeDOM(from);
+    const node = nodeDOM || domAtPos;
+    if (!editor.isActive(Table.name) || !node || isTableSelected(state.selection)) {
+        return false;
+    }
+    let container = node;
+    while(container && ![
+        "TD",
+        "TH"
+    ].includes(container.tagName)){
+        container = container.parentElement;
+    }
+    const gripColumn = container && container.querySelector && container.querySelector("a.grip-column.selected");
+    return !!gripColumn;
+};
+export default isColumnGripSelected;
+
+//# sourceMappingURL=utils.js.map

package/dist/fields/TiptapEditor/extensions/Table/menus/TableColumn/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/extensions/Table/menus/TableColumn/utils.ts"],"sourcesContent":["import { Editor } from \"@tiptap/react\";\nimport { EditorState } from \"@tiptap/pm/state\";\nimport { EditorView } from \"@tiptap/pm/view\";\n\nimport { isTableSelected } from \"../../utils.js\";\nimport Table from \"../../Table.js\";\n\nexport const isColumnGripSelected = ({\n  editor,\n  view,\n  state,\n  from,\n}: {\n  editor: Editor;\n  view: EditorView;\n  state: EditorState;\n  from: number;\n}) => {\n  const domAtPos = view.domAtPos(from).node as HTMLElement;\n  const nodeDOM = view.nodeDOM(from) as HTMLElement;\n  const node = nodeDOM || domAtPos;\n\n  if (\n    !editor.isActive(Table.name) ||\n    !node ||\n    isTableSelected(state.selection)\n  ) {\n    return false;\n  }\n\n  let container = node;\n\n  while (container && ![\"TD\", \"TH\"].includes(container.tagName)) {\n    container = container.parentElement!;\n  }\n\n  const gripColumn =\n    container &&\n    container.querySelector &&\n    container.querySelector(\"a.grip-column.selected\");\n\n  return !!gripColumn;\n};\n\nexport default isColumnGripSelected;\n"],"names":["isTableSelected","Table","isColumnGripSelected","editor","view","state","from","domAtPos","node","nodeDOM","isActive","name","selection","container","includes","tagName","parentElement","gripColumn","querySelector"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAIA,SAASA,eAAe,QAAQ,iBAAiB;AACjD,OAAOC,WAAW,iBAAiB;AAEnC,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,MAAM,EACNC,IAAI,EACJC,KAAK,EACLC,IAAI,EAML;IACC,MAAMC,WAAWH,KAAKG,QAAQ,CAACD,MAAME,IAAI;IACzC,MAAMC,UAAUL,KAAKK,OAAO,CAACH;IAC7B,MAAME,OAAOC,WAAWF;IAExB,IACE,CAACJ,OAAOO,QAAQ,CAACT,MAAMU,IAAI,KAC3B,CAACH,QACDR,gBAAgBK,MAAMO,SAAS,GAC/B;QACA,OAAO;IACT;IAEA,IAAIC,YAAYL;IAEhB,MAAOK,aAAa,CAAC;QAAC;QAAM;KAAK,CAACC,QAAQ,CAACD,UAAUE,OAAO,EAAG;QAC7DF,YAAYA,UAAUG,aAAa;IACrC;IAEA,MAAMC,aACJJ,aACAA,UAAUK,aAAa,IACvBL,UAAUK,aAAa,CAAC;IAE1B,OAAO,CAAC,CAACD;AACX,EAAE;AAEF,eAAef,qBAAqB"}