payload-richtext-tiptap 0.0.1

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

@@ -0,0 +1,17 @@
+import { mergeAttributes } from '@tiptap/core';
+import TiptapHeading from '@tiptap/extension-heading';
+export const Heading = TiptapHeading.extend({
+    renderHTML ({ node, HTMLAttributes }) {
+        const nodeLevel = parseInt(node.attrs.level, 10);
+        const hasLevel = this.options.levels.includes(nodeLevel);
+        const level = hasLevel ? nodeLevel : this.options.levels[0];
+        return [
+            `h${level}`,
+            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+            0
+        ];
+    }
+});
+export default Heading;
+
+//# sourceMappingURL=Heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/Heading/Heading.ts"],"sourcesContent":["import { mergeAttributes } from '@tiptap/core'\nimport TiptapHeading from '@tiptap/extension-heading'\nimport type { Level } from '@tiptap/extension-heading'\n\nexport const Heading = TiptapHeading.extend({\n  renderHTML({ node, HTMLAttributes }) {\n    const nodeLevel = parseInt(node.attrs.level, 10) as Level\n    const hasLevel = this.options.levels.includes(nodeLevel)\n    const level = hasLevel ? nodeLevel : this.options.levels[0]\n\n    return [`h${level}`, mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]\n  },\n})\n\nexport default Heading\n"],"names":["mergeAttributes","TiptapHeading","Heading","extend","renderHTML","node","HTMLAttributes","nodeLevel","parseInt","attrs","level","hasLevel","options","levels","includes"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,eAAc;AAC9C,OAAOC,mBAAmB,4BAA2B;AAGrD,OAAO,MAAMC,UAAUD,cAAcE,MAAM,CAAC;IAC1CC,YAAW,EAAEC,IAAI,EAAEC,cAAc,EAAE;QACjC,MAAMC,YAAYC,SAASH,KAAKI,KAAK,CAACC,KAAK,EAAE;QAC7C,MAAMC,WAAW,IAAI,CAACC,OAAO,CAACC,MAAM,CAACC,QAAQ,CAACP;QAC9C,MAAMG,QAAQC,WAAWJ,YAAY,IAAI,CAACK,OAAO,CAACC,MAAM,CAAC,EAAE;QAE3D,OAAO;YAAC,CAAC,CAAC,EAAEH,MAAM,CAAC;YAAEV,gBAAgB,IAAI,CAACY,OAAO,CAACN,cAAc,EAAEA;YAAiB;SAAE;IACvF;AACF,GAAE;AAEF,eAAeJ,QAAO"}

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

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

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

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

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

@@ -0,0 +1,18 @@
+import { mergeAttributes } from '@tiptap/core';
+import TiptapHorizontalRule from '@tiptap/extension-horizontal-rule';
+export const HorizontalRule = TiptapHorizontalRule.extend({
+    renderHTML () {
+        return [
+            'div',
+            mergeAttributes(this.options.HTMLAttributes, {
+                'data-type': this.name
+            }),
+            [
+                'hr'
+            ]
+        ];
+    }
+});
+export default HorizontalRule;
+
+//# sourceMappingURL=HorizontalRule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/HorizontalRule/HorizontalRule.ts"],"sourcesContent":["import { mergeAttributes } from '@tiptap/core'\nimport TiptapHorizontalRule from '@tiptap/extension-horizontal-rule'\n\nexport const HorizontalRule = TiptapHorizontalRule.extend({\n  renderHTML() {\n    return ['div', mergeAttributes(this.options.HTMLAttributes, { 'data-type': this.name }), ['hr']]\n  },\n})\n\nexport default HorizontalRule\n"],"names":["mergeAttributes","TiptapHorizontalRule","HorizontalRule","extend","renderHTML","options","HTMLAttributes","name"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,QAAQ,eAAc;AAC9C,OAAOC,0BAA0B,oCAAmC;AAEpE,OAAO,MAAMC,iBAAiBD,qBAAqBE,MAAM,CAAC;IACxDC;QACE,OAAO;YAAC;YAAOJ,gBAAgB,IAAI,CAACK,OAAO,CAACC,cAAc,EAAE;gBAAE,aAAa,IAAI,CAACC,IAAI;YAAC;YAAI;gBAAC;aAAK;SAAC;IAClG;AACF,GAAE;AAEF,eAAeL,eAAc"}

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

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

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

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

package/dist/fields/TiptapEditor/extensions/Iframe/iframe.js

@@ -0,0 +1,113 @@
+import { Node } from '@tiptap/core';
+export const Iframe = Node.create({
+    name: 'iframe',
+    inline: false,
+    group: 'block',
+    addOptions () {
+        return {
+            HTMLAttributes: {
+                frameborder: 0
+            }
+        };
+    },
+    addAttributes () {
+        return {
+            src: {
+                default: null
+            },
+            editorValue: {
+                default: null
+            },
+            HTMLAttributes: {
+                default: null,
+                renderHTML: (attributes)=>{
+                    return attributes.HTMLAttributes || {};
+                }
+            }
+        };
+    },
+    parseHTML () {
+        return [
+            {
+                tag: 'iframe'
+            }
+        ];
+    },
+    addNodeView () {
+        return ({ editor, node })=>{
+            const div = document.createElement('div');
+            div.className = 'aspect-w-16 aspect-h-9' + (editor.isEditable ? ' cursor-pointer' : '');
+            const iframe = document.createElement('iframe');
+            if (editor.isEditable) {
+                iframe.className = 'pointer-events-none';
+            }
+            iframe.width = '640';
+            iframe.height = '360';
+            iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share';
+            iframe.referrerPolicy = 'strict-origin-when-cross-origin';
+            iframe.allowFullscreen = true;
+            iframe.src = node.attrs.src;
+            div.append(iframe);
+            return {
+                dom: div
+            };
+        };
+    },
+    addCommands () {
+        return {
+            setHtml: (value)=>({ commands, state })=>{
+                    let attributes = {
+                        editorValue: value
+                    };
+                    if (value?.includes('youtube.com')) {
+                        const ytValue = value?.split('v=')?.[1]?.split('&')?.[0];
+                        attributes = {
+                            ...attributes,
+                            src: `https://www.youtube.com/embed/${ytValue}?controls=0`,
+                            title: 'YouTube video player'
+                        };
+                    } else if (value?.includes('instagram.com')) {
+                        const instagramValue = value?.split('p/')?.[1]?.split('/')?.[0];
+                        attributes = {
+                            ...attributes,
+                            src: `https://www.instagram.com/p/${instagramValue}/embed`,
+                            title: 'Instagram'
+                        };
+                    } else if (isValidHttpUrl(value)) {
+                        attributes = {
+                            ...attributes,
+                            src: value
+                        };
+                    } else if (value?.includes('iframe')) {
+                        const parser = new DOMParser();
+                        const html = parser.parseFromString(value, 'text/html');
+                        const attrNames = html.getElementsByTagName('iframe')?.[0]?.getAttributeNames();
+                        attrNames?.forEach((attr)=>{
+                            attributes[attr] = html.getElementsByTagName('iframe')?.[0]?.getAttribute(attr);
+                        });
+                    } else {
+                        const htmlData = 'data:text/html;charset=utf-8,' + encodeURI(value);
+                        attributes = {
+                            ...attributes,
+                            src: htmlData
+                        };
+                    }
+                    return commands.insertContent({
+                        type: 'iframe',
+                        attrs: attributes
+                    });
+                }
+        };
+    }
+});
+function isValidHttpUrl(string) {
+    let url;
+    try {
+        url = new URL(string);
+    } catch (_) {
+        return false;
+    }
+    return url.protocol === 'http:' || url.protocol === 'https:';
+}
+
+//# sourceMappingURL=iframe.js.map

package/dist/fields/TiptapEditor/extensions/Iframe/iframe.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/Iframe/iframe.ts"],"sourcesContent":["declare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    iframe: {\n      /**\n       * Add an image\n       */\n\n      setHtml: (value: string) => ReturnType\n    }\n  }\n}\n\nimport { Node, mergeAttributes } from '@tiptap/core'\n\nexport const Iframe = Node.create({\n  name: 'iframe',\n  inline: false,\n  group: 'block',\n\n  addOptions() {\n    return {\n      HTMLAttributes: { frameborder: 0 },\n    }\n  },\n\n  addAttributes() {\n    return {\n      src: { default: null },\n      editorValue: { default: null },\n      HTMLAttributes: {\n        default: null,\n        renderHTML: (attributes) => {\n          return attributes.HTMLAttributes || {}\n        },\n      },\n    }\n  },\n\n  parseHTML() {\n    return [{ tag: 'iframe' }]\n  },\n\n  addNodeView() {\n    return ({ editor, node }) => {\n      const div = document.createElement('div')\n      div.className = 'aspect-w-16 aspect-h-9' + (editor.isEditable ? ' cursor-pointer' : '')\n      const iframe = document.createElement('iframe')\n      if (editor.isEditable) {\n        iframe.className = 'pointer-events-none'\n      }\n      iframe.width = '640'\n      iframe.height = '360'\n      iframe.allow =\n        'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'\n      iframe.referrerPolicy = 'strict-origin-when-cross-origin'\n      iframe.allowFullscreen = true\n      iframe.src = node.attrs.src\n      div.append(iframe)\n      return {\n        dom: div,\n      }\n    }\n  },\n\n  addCommands() {\n    return {\n      setHtml:\n        (value) =>\n        ({ commands, state }) => {\n          let attributes: Record<string, any> = {\n            editorValue: value,\n          }\n\n          if (value?.includes('youtube.com')) {\n            const ytValue = value?.split('v=')?.[1]?.split('&')?.[0]\n            attributes = {\n              ...attributes,\n\n              src: `https://www.youtube.com/embed/${ytValue}?controls=0`,\n              title: 'YouTube video player',\n            }\n          } else if (value?.includes('instagram.com')) {\n            const instagramValue = value?.split('p/')?.[1]?.split('/')?.[0]\n            attributes = {\n              ...attributes,\n\n              src: `https://www.instagram.com/p/${instagramValue}/embed`,\n              title: 'Instagram',\n            }\n          } else if (isValidHttpUrl(value)) {\n            attributes = {\n              ...attributes,\n\n              src: value,\n            }\n          } else if (value?.includes('iframe')) {\n            const parser = new DOMParser()\n            const html = parser.parseFromString(value, 'text/html')\n            const attrNames = html.getElementsByTagName('iframe')?.[0]?.getAttributeNames()\n\n            attrNames?.forEach((attr) => {\n              attributes[attr] = html.getElementsByTagName('iframe')?.[0]?.getAttribute(attr)\n            })\n          } else {\n            const htmlData = 'data:text/html;charset=utf-8,' + encodeURI(value)\n            attributes = {\n              ...attributes,\n              src: htmlData,\n            }\n          }\n\n          return commands.insertContent({\n            type: 'iframe',\n            attrs: attributes,\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","Iframe","create","name","inline","group","addOptions","HTMLAttributes","frameborder","addAttributes","src","default","editorValue","renderHTML","attributes","parseHTML","tag","addNodeView","editor","node","div","document","createElement","className","isEditable","iframe","width","height","allow","referrerPolicy","allowFullscreen","attrs","append","dom","addCommands","setHtml","value","commands","state","includes","ytValue","split","title","instagramValue","isValidHttpUrl","parser","DOMParser","html","parseFromString","attrNames","getElementsByTagName","getAttributeNames","forEach","attr","getAttribute","htmlData","encodeURI","insertContent","type","string","url","URL","_","protocol"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

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

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

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

package/dist/fields/TiptapEditor/extensions/Iframe/menus/IframeMenu.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BubbleMenu as BaseBubbleMenu } from "@tiptap/react";
+import React, { useCallback } from "react";
+import { EditIframeLinkPopover } from "../../../features/menus/TextMenu/components/EditIframeLinkPopover.jsx";
+import { Toolbar } from "../../../features/ui/Toolbar.jsx";
+import { getRenderContainer } from "../../../lib/utils/index.js";
+export const IframeMenu = ({ editor, appendTo })=>{
+    const getReferenceClientRect = useCallback(()=>{
+        const renderContainer = getRenderContainer(editor, "iframe");
+        const rect = renderContainer?.getBoundingClientRect() || new DOMRect(-1000, -1000, 0, 0);
+        return rect;
+    }, [
+        editor
+    ]);
+    const shouldShow = useCallback(()=>{
+        const isIframe = editor.isActive("iframe");
+        return isIframe;
+    }, [
+        editor
+    ]);
+    const onHtml = useCallback((html)=>editor.chain().focus().setHtml(html).run(), [
+        editor
+    ]);
+    return /*#__PURE__*/ _jsx(BaseBubbleMenu, {
+        editor: editor,
+        pluginKey: `iframeMenu`,
+        shouldShow: shouldShow,
+        tippyOptions: {
+            popperOptions: {
+                placement: "top-start"
+            }
+        },
+        updateDelay: 100,
+        children: /*#__PURE__*/ _jsx(Toolbar.Wrapper, {
+            children: /*#__PURE__*/ _jsx(Toolbar.Button, {
+                type: "button",
+                tooltip: "Sidebar left",
+                active: true,
+                children: /*#__PURE__*/ _jsx(EditIframeLinkPopover, {
+                    onSetLink: onHtml,
+                    initialSrcLink: editor?.getAttributes("iframe")?.editorValue ?? ""
+                })
+            })
+        })
+    });
+};
+export default IframeMenu;
+
+//# sourceMappingURL=IframeMenu.js.map

package/dist/fields/TiptapEditor/extensions/Iframe/menus/IframeMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Iframe/menus/IframeMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport React, { useCallback } from \"react\";\nimport { sticky } from \"tippy.js\";\nimport { v4 as uuid } from \"uuid\";\n\nimport { EditIframeLinkPopover } from \"../../../features/menus/TextMenu/components/EditIframeLinkPopover.jsx\";\nimport { MenuProps } from \"../../../features/menus/types.js\";\nimport { Toolbar } from \"../../../features/ui/Toolbar.jsx\";\nimport { getRenderContainer } from \"../../../lib/utils/index.js\";\n\nexport const IframeMenu = ({ editor, appendTo }: MenuProps) => {\n  const getReferenceClientRect = useCallback(() => {\n    const renderContainer = getRenderContainer(editor, \"iframe\");\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 isIframe = editor.isActive(\"iframe\");\n    return isIframe;\n  }, [editor]);\n\n  const onHtml = useCallback(\n    (html: string) => editor.chain().focus().setHtml(html).run(),\n    [editor]\n  );\n  return (\n    <BaseBubbleMenu\n      editor={editor}\n      pluginKey={`iframeMenu`}\n      shouldShow={shouldShow}\n      tippyOptions={{ popperOptions: { placement: \"top-start\" } }}\n      updateDelay={100}\n    >\n      <Toolbar.Wrapper>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Sidebar left\"\n          active={true}\n          // onClick={onColumnLeft}\n        >\n          <EditIframeLinkPopover\n            onSetLink={onHtml}\n            initialSrcLink={editor?.getAttributes(\"iframe\")?.editorValue ?? \"\"}\n          />\n        </Toolbar.Button>\n      </Toolbar.Wrapper>\n    </BaseBubbleMenu>\n  );\n};\n\nexport default IframeMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","React","useCallback","EditIframeLinkPopover","Toolbar","getRenderContainer","IframeMenu","editor","appendTo","getReferenceClientRect","renderContainer","rect","getBoundingClientRect","DOMRect","shouldShow","isIframe","isActive","onHtml","html","chain","focus","setHtml","run","pluginKey","tippyOptions","popperOptions","placement","updateDelay","Wrapper","Button","type","tooltip","active","onSetLink","initialSrcLink","getAttributes","editorValue"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,cAAcC,cAAc,QAAQ,gBAAgB;AAC7D,OAAOC,SAASC,WAAW,QAAQ,QAAQ;AAI3C,SAASC,qBAAqB,QAAQ,wEAAwE;AAE9G,SAASC,OAAO,QAAQ,mCAAmC;AAC3D,SAASC,kBAAkB,QAAQ,8BAA8B;AAEjE,OAAO,MAAMC,aAAa,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAa;IACxD,MAAMC,yBAAyBP,YAAY;QACzC,MAAMQ,kBAAkBL,mBAAmBE,QAAQ;QACnD,MAAMI,OACJD,iBAAiBE,2BACjB,IAAIC,QAAQ,CAAC,MAAM,CAAC,MAAM,GAAG;QAE/B,OAAOF;IACT,GAAG;QAACJ;KAAO;IAEX,MAAMO,aAAaZ,YAAY;QAC7B,MAAMa,WAAWR,OAAOS,QAAQ,CAAC;QACjC,OAAOD;IACT,GAAG;QAACR;KAAO;IAEX,MAAMU,SAASf,YACb,CAACgB,OAAiBX,OAAOY,KAAK,GAAGC,KAAK,GAAGC,OAAO,CAACH,MAAMI,GAAG,IAC1D;QAACf;KAAO;IAEV,qBACE,KAACP;QACCO,QAAQA;QACRgB,WAAW,CAAC,UAAU,CAAC;QACvBT,YAAYA;QACZU,cAAc;YAAEC,eAAe;gBAAEC,WAAW;YAAY;QAAE;QAC1DC,aAAa;kBAEb,cAAA,KAACvB,QAAQwB,OAAO;sBACd,cAAA,KAACxB,QAAQyB,MAAM;gBACbC,MAAK;gBACLC,SAAQ;gBACRC,QAAQ;0BAGR,cAAA,KAAC7B;oBACC8B,WAAWhB;oBACXiB,gBAAgB3B,QAAQ4B,cAAc,WAAWC,eAAe;;;;;AAM5E,EAAE;AAEF,eAAe9B,WAAW"}

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { Image as BaseImage } from '@tiptap/extension-image';
+export const Image = BaseImage.extend({
+    group: 'block'
+});
+export default Image;
+
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/Image/Image.ts"],"sourcesContent":["import { Image as BaseImage } from '@tiptap/extension-image'\n\nexport const Image = BaseImage.extend({\n  group: 'block',\n})\n\nexport default Image\n"],"names":["Image","BaseImage","extend","group"],"rangeMappings":";;;;","mappings":"AAAA,SAASA,SAASC,SAAS,QAAQ,0BAAyB;AAE5D,OAAO,MAAMD,QAAQC,UAAUC,MAAM,CAAC;IACpCC,OAAO;AACT,GAAE;AAEF,eAAeH,MAAK"}

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

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

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

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

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

@@ -0,0 +1,87 @@
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import { mergeAttributes } from "@tiptap/core";
+import { ImageBlockView } from "./components/ImageBlockView.jsx";
+import { Image } from "../Image/Image.js";
+export const ImageBlock = Image.extend({
+    name: "imageBlock",
+    group: "block",
+    defining: true,
+    isolating: true,
+    addAttributes () {
+        return {
+            src: {
+                default: "",
+                parseHTML: (element)=>element.getAttribute("src"),
+                renderHTML: (attributes)=>({
+                        src: attributes.src
+                    })
+            },
+            width: {
+                default: "100%",
+                parseHTML: (element)=>element.getAttribute("data-width"),
+                renderHTML: (attributes)=>({
+                        "data-width": attributes.width
+                    })
+            },
+            align: {
+                default: "center",
+                parseHTML: (element)=>element.getAttribute("data-align"),
+                renderHTML: (attributes)=>({
+                        "data-align": attributes.align
+                    })
+            },
+            alt: {
+                default: undefined,
+                parseHTML: (element)=>element.getAttribute("alt"),
+                renderHTML: (attributes)=>({
+                        alt: attributes.alt
+                    })
+            }
+        };
+    },
+    parseHTML () {
+        return [
+            {
+                tag: 'img[src*="tiptap.dev"]:not([src^="data:"]), img[src*="windows.net"]:not([src^="data:"])'
+            }
+        ];
+    },
+    renderHTML ({ HTMLAttributes }) {
+        return [
+            "img",
+            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)
+        ];
+    },
+    addCommands () {
+        return {
+            setImageBlock: (attrs)=>({ commands })=>{
+                    return commands.insertContent({
+                        type: "imageBlock",
+                        attrs: {
+                            src: attrs.src
+                        }
+                    });
+                },
+            setImageBlockAt: (attrs)=>({ commands })=>{
+                    return commands.insertContentAt(attrs.pos, {
+                        type: "imageBlock",
+                        attrs: {
+                            src: attrs.src
+                        }
+                    });
+                },
+            setImageBlockAlign: (align)=>({ commands })=>commands.updateAttributes("imageBlock", {
+                        align
+                    }),
+            setImageBlockWidth: (width)=>({ commands })=>commands.updateAttributes("imageBlock", {
+                        width: `${Math.max(0, Math.min(100, width))}%`
+                    })
+        };
+    },
+    addNodeView () {
+        return ReactNodeViewRenderer(ImageBlockView);
+    }
+});
+export default ImageBlock;
+
+//# sourceMappingURL=ImageBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/ImageBlock/ImageBlock.ts"],"sourcesContent":["import { ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { mergeAttributes, Range } from \"@tiptap/core\";\n\nimport { ImageBlockView } from \"./components/ImageBlockView.jsx\";\nimport { Image } from \"../Image/Image.js\";\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    imageBlock: {\n      setImageBlock: (attributes: { src: string }) => ReturnType;\n      setImageBlockAt: (attributes: {\n        src: string;\n        pos: number | Range;\n      }) => ReturnType;\n      setImageBlockAlign: (align: \"left\" | \"center\" | \"right\") => ReturnType;\n      setImageBlockWidth: (width: number) => ReturnType;\n    };\n  }\n}\n\nexport const ImageBlock = Image.extend({\n  name: \"imageBlock\",\n\n  group: \"block\",\n\n  defining: true,\n\n  isolating: true,\n\n  addAttributes() {\n    return {\n      src: {\n        default: \"\",\n        parseHTML: (element) => element.getAttribute(\"src\"),\n        renderHTML: (attributes) => ({\n          src: attributes.src,\n        }),\n      },\n      width: {\n        default: \"100%\",\n        parseHTML: (element) => element.getAttribute(\"data-width\"),\n        renderHTML: (attributes) => ({\n          \"data-width\": attributes.width,\n        }),\n      },\n      align: {\n        default: \"center\",\n        parseHTML: (element) => element.getAttribute(\"data-align\"),\n        renderHTML: (attributes) => ({\n          \"data-align\": attributes.align,\n        }),\n      },\n      alt: {\n        default: undefined,\n        parseHTML: (element) => element.getAttribute(\"alt\"),\n        renderHTML: (attributes) => ({\n          alt: attributes.alt,\n        }),\n      },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'img[src*=\"tiptap.dev\"]:not([src^=\"data:\"]), img[src*=\"windows.net\"]:not([src^=\"data:\"])',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      \"img\",\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\n    ];\n  },\n\n  addCommands() {\n    return {\n      setImageBlock:\n        (attrs) =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: \"imageBlock\",\n            attrs: { src: attrs.src },\n          });\n        },\n\n      setImageBlockAt:\n        (attrs) =>\n        ({ commands }) => {\n          return commands.insertContentAt(attrs.pos, {\n            type: \"imageBlock\",\n            attrs: { src: attrs.src },\n          });\n        },\n\n      setImageBlockAlign:\n        (align) =>\n        ({ commands }) =>\n          commands.updateAttributes(\"imageBlock\", { align }),\n\n      setImageBlockWidth:\n        (width) =>\n        ({ commands }) =>\n          commands.updateAttributes(\"imageBlock\", {\n            width: `${Math.max(0, Math.min(100, width))}%`,\n          }),\n    };\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(ImageBlockView);\n  },\n});\n\nexport default ImageBlock;\n"],"names":["ReactNodeViewRenderer","mergeAttributes","ImageBlockView","Image","ImageBlock","extend","name","group","defining","isolating","addAttributes","src","default","parseHTML","element","getAttribute","renderHTML","attributes","width","align","alt","undefined","tag","HTMLAttributes","options","addCommands","setImageBlock","attrs","commands","insertContent","type","setImageBlockAt","insertContentAt","pos","setImageBlockAlign","updateAttributes","setImageBlockWidth","Math","max","min","addNodeView"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,qBAAqB,QAAQ,gBAAgB;AACtD,SAASC,eAAe,QAAe,eAAe;AAEtD,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,KAAK,QAAQ,oBAAoB;AAgB1C,OAAO,MAAMC,aAAaD,MAAME,MAAM,CAAC;IACrCC,MAAM;IAENC,OAAO;IAEPC,UAAU;IAEVC,WAAW;IAEXC;QACE,OAAO;YACLC,KAAK;gBACHC,SAAS;gBACTC,WAAW,CAACC,UAAYA,QAAQC,YAAY,CAAC;gBAC7CC,YAAY,CAACC,aAAgB,CAAA;wBAC3BN,KAAKM,WAAWN,GAAG;oBACrB,CAAA;YACF;YACAO,OAAO;gBACLN,SAAS;gBACTC,WAAW,CAACC,UAAYA,QAAQC,YAAY,CAAC;gBAC7CC,YAAY,CAACC,aAAgB,CAAA;wBAC3B,cAAcA,WAAWC,KAAK;oBAChC,CAAA;YACF;YACAC,OAAO;gBACLP,SAAS;gBACTC,WAAW,CAACC,UAAYA,QAAQC,YAAY,CAAC;gBAC7CC,YAAY,CAACC,aAAgB,CAAA;wBAC3B,cAAcA,WAAWE,KAAK;oBAChC,CAAA;YACF;YACAC,KAAK;gBACHR,SAASS;gBACTR,WAAW,CAACC,UAAYA,QAAQC,YAAY,CAAC;gBAC7CC,YAAY,CAACC,aAAgB,CAAA;wBAC3BG,KAAKH,WAAWG,GAAG;oBACrB,CAAA;YACF;QACF;IACF;IAEAP;QACE,OAAO;YACL;gBACES,KAAK;YACP;SACD;IACH;IAEAN,YAAW,EAAEO,cAAc,EAAE;QAC3B,OAAO;YACL;YACAtB,gBAAgB,IAAI,CAACuB,OAAO,CAACD,cAAc,EAAEA;SAC9C;IACH;IAEAE;QACE,OAAO;YACLC,eACE,CAACC,QACD,CAAC,EAAEC,QAAQ,EAAE;oBACX,OAAOA,SAASC,aAAa,CAAC;wBAC5BC,MAAM;wBACNH,OAAO;4BAAEhB,KAAKgB,MAAMhB,GAAG;wBAAC;oBAC1B;gBACF;YAEFoB,iBACE,CAACJ,QACD,CAAC,EAAEC,QAAQ,EAAE;oBACX,OAAOA,SAASI,eAAe,CAACL,MAAMM,GAAG,EAAE;wBACzCH,MAAM;wBACNH,OAAO;4BAAEhB,KAAKgB,MAAMhB,GAAG;wBAAC;oBAC1B;gBACF;YAEFuB,oBACE,CAACf,QACD,CAAC,EAAES,QAAQ,EAAE,GACXA,SAASO,gBAAgB,CAAC,cAAc;wBAAEhB;oBAAM;YAEpDiB,oBACE,CAAClB,QACD,CAAC,EAAEU,QAAQ,EAAE,GACXA,SAASO,gBAAgB,CAAC,cAAc;wBACtCjB,OAAO,CAAC,EAAEmB,KAAKC,GAAG,CAAC,GAAGD,KAAKE,GAAG,CAAC,KAAKrB,QAAQ,CAAC,CAAC;oBAChD;QACN;IACF;IAEAsB;QACE,OAAOxC,sBAAsBE;IAC/B;AACF,GAAG;AAEH,eAAeE,WAAW"}

package/dist/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockMenu.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BubbleMenu as BaseBubbleMenu } from "@tiptap/react";
+import { useCallback, useRef } from "react";
+import { sticky } from "tippy.js";
+import { v4 as uuid } from "uuid";
+import { AlignHorizontalDistributeCenter, AlignHorizontalDistributeEnd, AlignHorizontalDistributeStart } 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 { ImageBlockWidth } from "./ImageBlockWidth.jsx";
+export const ImageBlockMenu = ({ editor, appendTo })=>{
+    const menuRef = useRef(null);
+    const tippyInstance = useRef(null);
+    const getReferenceClientRect = useCallback(()=>{
+        const renderContainer = getRenderContainer(editor, "node-imageBlock");
+        const rect = renderContainer?.getBoundingClientRect() || new DOMRect(-1000, -1000, 0, 0);
+        return rect;
+    }, [
+        editor
+    ]);
+    const shouldShow = useCallback(()=>{
+        const isActive = editor.isActive("imageBlock");
+        return isActive;
+    }, [
+        editor
+    ]);
+    const onAlignImageLeft = useCallback(()=>{
+        editor.chain().focus(undefined, {
+            scrollIntoView: false
+        }).setImageBlockAlign("left").run();
+    }, [
+        editor
+    ]);
+    const onAlignImageCenter = useCallback(()=>{
+        editor.chain().focus(undefined, {
+            scrollIntoView: false
+        }).setImageBlockAlign("center").run();
+    }, [
+        editor
+    ]);
+    const onAlignImageRight = useCallback(()=>{
+        editor.chain().focus(undefined, {
+            scrollIntoView: false
+        }).setImageBlockAlign("right").run();
+    }, [
+        editor
+    ]);
+    const onWidthChange = useCallback((value)=>{
+        editor.chain().focus(undefined, {
+            scrollIntoView: false
+        }).setImageBlockWidth(value).run();
+    }, [
+        editor
+    ]);
+    return /*#__PURE__*/ _jsx(BaseBubbleMenu, {
+        editor: editor,
+        pluginKey: `imageBlockMenu-${uuid()}`,
+        shouldShow: shouldShow,
+        updateDelay: 0,
+        tippyOptions: {
+            offset: [
+                0,
+                8
+            ],
+            popperOptions: {
+                modifiers: [
+                    {
+                        name: "flip",
+                        enabled: false
+                    }
+                ]
+            },
+            getReferenceClientRect,
+            onCreate: (instance)=>{
+                tippyInstance.current = instance;
+            },
+            appendTo: ()=>{
+                return appendTo?.current;
+            },
+            plugins: [
+                sticky
+            ],
+            sticky: "popper"
+        },
+        children: /*#__PURE__*/ _jsxs(Toolbar.Wrapper, {
+            shouldShowContent: shouldShow(),
+            ref: menuRef,
+            children: [
+                /*#__PURE__*/ _jsx(Toolbar.Button, {
+                    type: "button",
+                    tooltip: "Align image left",
+                    active: editor.isActive("imageBlock", {
+                        align: "left"
+                    }),
+                    onClick: onAlignImageLeft,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: AlignHorizontalDistributeStart
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Toolbar.Button, {
+                    type: "button",
+                    tooltip: "Align image center",
+                    active: editor.isActive("imageBlock", {
+                        align: "center"
+                    }),
+                    onClick: onAlignImageCenter,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: AlignHorizontalDistributeCenter
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Toolbar.Button, {
+                    type: "button",
+                    tooltip: "Align image right",
+                    active: editor.isActive("imageBlock", {
+                        align: "right"
+                    }),
+                    onClick: onAlignImageRight,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: AlignHorizontalDistributeEnd
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Toolbar.Divider, {}),
+                /*#__PURE__*/ _jsx(ImageBlockWidth, {
+                    onChange: onWidthChange,
+                    value: parseInt(editor.getAttributes("imageBlock").width)
+                })
+            ]
+        })
+    });
+};
+export default ImageBlockMenu;
+
+//# sourceMappingURL=ImageBlockMenu.js.map

package/dist/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu } from \"@tiptap/react\";\nimport { ReactNode, useCallback, useRef } from \"react\";\nimport { Instance, sticky } from \"tippy.js\";\nimport { v4 as uuid } from \"uuid\";\n\nimport {\n  AlignHorizontalDistributeCenter,\n  AlignHorizontalDistributeEnd,\n  AlignHorizontalDistributeStart,\n} 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 { ImageBlockWidth } from \"./ImageBlockWidth.jsx\";\n\nexport const ImageBlockMenu = ({ editor, appendTo }: MenuProps): ReactNode => {\n  const menuRef = useRef<HTMLDivElement>(null);\n  const tippyInstance = useRef<Instance | null>(null);\n\n  const getReferenceClientRect = useCallback(() => {\n    const renderContainer = getRenderContainer(editor, \"node-imageBlock\");\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 isActive = editor.isActive(\"imageBlock\");\n\n    return isActive;\n  }, [editor]);\n\n  const onAlignImageLeft = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setImageBlockAlign(\"left\")\n      .run();\n  }, [editor]);\n\n  const onAlignImageCenter = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setImageBlockAlign(\"center\")\n      .run();\n  }, [editor]);\n\n  const onAlignImageRight = useCallback(() => {\n    editor\n      .chain()\n      .focus(undefined, { scrollIntoView: false })\n      .setImageBlockAlign(\"right\")\n      .run();\n  }, [editor]);\n\n  const onWidthChange = useCallback(\n    (value: number) => {\n      editor\n        .chain()\n        .focus(undefined, { scrollIntoView: false })\n        .setImageBlockWidth(value)\n        .run();\n    },\n    [editor]\n  );\n\n  return (\n    <BaseBubbleMenu\n      editor={editor}\n      pluginKey={`imageBlockMenu-${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        onCreate: (instance: Instance) => {\n          tippyInstance.current = instance;\n        },\n        appendTo: () => {\n          return appendTo?.current;\n        },\n        plugins: [sticky],\n        sticky: \"popper\",\n      }}\n    >\n      <Toolbar.Wrapper shouldShowContent={shouldShow()} ref={menuRef}>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Align image left\"\n          active={editor.isActive(\"imageBlock\", { align: \"left\" })}\n          onClick={onAlignImageLeft}\n        >\n          <Icon icon={AlignHorizontalDistributeStart} />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Align image center\"\n          active={editor.isActive(\"imageBlock\", { align: \"center\" })}\n          onClick={onAlignImageCenter}\n        >\n          <Icon icon={AlignHorizontalDistributeCenter} />\n        </Toolbar.Button>\n        <Toolbar.Button\n          type=\"button\"\n          tooltip=\"Align image right\"\n          active={editor.isActive(\"imageBlock\", { align: \"right\" })}\n          onClick={onAlignImageRight}\n        >\n          <Icon icon={AlignHorizontalDistributeEnd} />\n        </Toolbar.Button>\n        <Toolbar.Divider />\n        <ImageBlockWidth\n          onChange={onWidthChange}\n          value={parseInt(editor.getAttributes(\"imageBlock\").width)}\n        />\n      </Toolbar.Wrapper>\n    </BaseBubbleMenu>\n  );\n};\n\nexport default ImageBlockMenu;\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","useRef","sticky","v4","uuid","AlignHorizontalDistributeCenter","AlignHorizontalDistributeEnd","AlignHorizontalDistributeStart","Icon","Toolbar","getRenderContainer","ImageBlockWidth","ImageBlockMenu","editor","appendTo","menuRef","tippyInstance","getReferenceClientRect","renderContainer","rect","getBoundingClientRect","DOMRect","shouldShow","isActive","onAlignImageLeft","chain","focus","undefined","scrollIntoView","setImageBlockAlign","run","onAlignImageCenter","onAlignImageRight","onWidthChange","value","setImageBlockWidth","pluginKey","updateDelay","tippyOptions","offset","popperOptions","modifiers","name","enabled","onCreate","instance","current","plugins","Wrapper","shouldShowContent","ref","Button","type","tooltip","active","align","onClick","icon","Divider","onChange","parseInt","getAttributes","width"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockView.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NodeViewWrapper } from "@tiptap/react";
+import React, { useCallback, useRef } from "react";
+import { cn } from "../../../lib/utils/index.js";
+export const ImageBlockView = (props)=>{
+    const { editor, getPos, node } = props;
+    const imageWrapperRef = useRef(null);
+    const { src } = node.attrs;
+    const wrapperClassName = cn(node.attrs.align === "left" ? "ml-0" : "ml-auto", node.attrs.align === "right" ? "mr-0" : "mr-auto", node.attrs.align === "center" && "mx-auto");
+    const onClick = useCallback(()=>{
+        editor.commands.setNodeSelection(getPos());
+    }, [
+        getPos,
+        editor.commands
+    ]);
+    return /*#__PURE__*/ _jsx(NodeViewWrapper, {
+        children: /*#__PURE__*/ _jsx("div", {
+            className: wrapperClassName,
+            style: {
+                width: node.attrs.width
+            },
+            children: /*#__PURE__*/ _jsx("div", {
+                contentEditable: false,
+                ref: imageWrapperRef,
+                children: /*#__PURE__*/ _jsx("img", {
+                    className: "block",
+                    src: src,
+                    alt: "",
+                    onClick: onClick
+                })
+            })
+        })
+    });
+};
+export default ImageBlockView;
+
+//# sourceMappingURL=ImageBlockView.js.map

package/dist/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockView.tsx"],"sourcesContent":["import { Node } from \"@tiptap/pm/model\";\nimport { Editor, NodeViewWrapper } from \"@tiptap/react\";\nimport React, { useCallback, useRef } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\ninterface ImageBlockViewProps {\n  editor: Editor;\n  getPos: () => number;\n  node: Node & {\n    attrs: {\n      src: string;\n    };\n  };\n  updateAttributes: (attrs: Record<string, string>) => void;\n}\n\nexport const ImageBlockView = (props: ImageBlockViewProps) => {\n  const { editor, getPos, node } = props;\n  const imageWrapperRef = useRef<HTMLDivElement>(null);\n  const { src } = node.attrs;\n\n  const wrapperClassName = cn(\n    node.attrs.align === \"left\" ? \"ml-0\" : \"ml-auto\",\n    node.attrs.align === \"right\" ? \"mr-0\" : \"mr-auto\",\n    node.attrs.align === \"center\" && \"mx-auto\"\n  );\n\n  const onClick = useCallback(() => {\n    editor.commands.setNodeSelection(getPos());\n  }, [getPos, editor.commands]);\n\n  return (\n    <NodeViewWrapper>\n      <div className={wrapperClassName} style={{ width: node.attrs.width }}>\n        <div contentEditable={false} ref={imageWrapperRef}>\n          <img className=\"block\" src={src} alt=\"\" onClick={onClick} />\n        </div>\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\nexport default ImageBlockView;\n"],"names":["NodeViewWrapper","React","useCallback","useRef","cn","ImageBlockView","props","editor","getPos","node","imageWrapperRef","src","attrs","wrapperClassName","align","onClick","commands","setNodeSelection","div","className","style","width","contentEditable","ref","img","alt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AACA,SAAiBA,eAAe,QAAQ,gBAAgB;AACxD,OAAOC,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAQ;AACnD,SAASC,EAAE,QAAQ,8BAA8B;AAajD,OAAO,MAAMC,iBAAiB,CAACC;IAC7B,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGH;IACjC,MAAMI,kBAAkBP,OAAuB;IAC/C,MAAM,EAAEQ,GAAG,EAAE,GAAGF,KAAKG,KAAK;IAE1B,MAAMC,mBAAmBT,GACvBK,KAAKG,KAAK,CAACE,KAAK,KAAK,SAAS,SAAS,WACvCL,KAAKG,KAAK,CAACE,KAAK,KAAK,UAAU,SAAS,WACxCL,KAAKG,KAAK,CAACE,KAAK,KAAK,YAAY;IAGnC,MAAMC,UAAUb,YAAY;QAC1BK,OAAOS,QAAQ,CAACC,gBAAgB,CAACT;IACnC,GAAG;QAACA;QAAQD,OAAOS,QAAQ;KAAC;IAE5B,qBACE,KAAChB;kBACC,cAAA,KAACkB;YAAIC,WAAWN;YAAkBO,OAAO;gBAAEC,OAAOZ,KAAKG,KAAK,CAACS,KAAK;YAAC;sBACjE,cAAA,KAACH;gBAAII,iBAAiB;gBAAOC,KAAKb;0BAChC,cAAA,KAACc;oBAAIL,WAAU;oBAAQR,KAAKA;oBAAKc,KAAI;oBAAGV,SAASA;;;;;AAK3D,EAAE;AAEF,eAAeV,eAAe"}

package/dist/fields/TiptapEditor/extensions/ImageBlock/components/ImageBlockWidth.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { memo, useCallback, useEffect, useState } from 'react';
+export const ImageBlockWidth = /*#__PURE__*/ memo(({ onChange, value })=>{
+    const [currentValue, setCurrentValue] = useState(value);
+    useEffect(()=>{
+        setCurrentValue(value);
+    }, [
+        value
+    ]);
+    const handleChange = useCallback((e)=>{
+        onChange(parseInt(e.target.value));
+    }, [
+        onChange
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [
+            /*#__PURE__*/ _jsx("input", {
+                className: "h-2 bg-neutral-200 border-0 rounded appearance-none fill-neutral-300",
+                type: "range",
+                min: "25",
+                max: "100",
+                step: "25",
+                onChange: handleChange,
+                value: currentValue
+            }),
+            /*#__PURE__*/ _jsxs("span", {
+                className: "text-xs font-semibold text-neutral-500 select-none",
+                children: [
+                    value,
+                    "%"
+                ]
+            })
+        ]
+    });
+});
+ImageBlockWidth.displayName = 'ImageBlockWidth';
+
+//# sourceMappingURL=ImageBlockWidth.js.map