@edifice.io/react 2.0.0-develop-rc.7 → 2.0.0-develop-rc.11

package/dist/modules/editor/components/EditorToolbar/EditorToolbar.Typography.js

@@ -1,52 +1,53 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState, useEffect, Fragment as Fragment$1 } from "react";
-import { useTranslation } from "react-i18next";
-import { useEditorContext } from "../../hooks/useEditorContext.js";
-import { Tooltip } from "../../../../components/Tooltip/Tooltip.js";
-import { IconButton } from "../../../../components/Button/IconButton.js";
-import { Icon } from "../../../../components/Icon/Icon.js";
-import { Dropdown } from "../../../../components/Dropdown/Dropdown.js";
-const EditorToolbarTypography = ({
-  triggerProps
+import { jsxs as p, Fragment as m, jsx as o } from "react/jsx-runtime";
+import { useState as f, useEffect as u, Fragment as y } from "react";
+import { useTranslation as b } from "react-i18next";
+import { useEditorContext as h } from "../../hooks/useEditorContext.js";
+import { Tooltip as g } from "../../../../components/Tooltip/Tooltip.js";
+import { IconButton as x } from "../../../../components/Button/IconButton.js";
+import { Icon as v } from "../../../../components/Icon/Icon.js";
+import { Dropdown as r } from "../../../../components/Dropdown/Dropdown.js";
+const j = ({
+  triggerProps: n
 }) => {
   const {
-    t
-  } = useTranslation(), {
-    editor
-  } = useEditorContext(), [value, setValue] = useState("sans-serif");
-  useEffect(() => {
-    const textStyle = editor == null ? void 0 : editor.getAttributes("textStyle");
-    setValue((textStyle == null ? void 0 : textStyle.fontFamily) ?? "");
-  }, [editor, editor == null ? void 0 : editor.state]);
-  const options = [{
+    t: e
+  } = b(), {
+    editor: t
+  } = h(), [c, s] = f("sans-serif");
+  u(() => {
+    const a = t == null ? void 0 : t.getAttributes("textStyle");
+    s((a == null ? void 0 : a.fontFamily) ?? "");
+  }, [t, t == null ? void 0 : t.state]);
+  const i = [{
     value: "",
-    label: t("tiptap.toolbar.typo.sans")
+    label: e("tiptap.toolbar.typo.sans")
   }, {
     value: "Lora",
-    label: t("tiptap.toolbar.typo.serif"),
+    label: e("tiptap.toolbar.typo.serif"),
     className: "ff-serif"
   }, {
     value: "IBM Plex Mono",
-    label: t("tiptap.toolbar.typo.mono"),
+    label: e("tiptap.toolbar.typo.mono"),
     className: "ff-script"
   }, {
     value: "Ecriture A",
-    label: t("tiptap.toolbar.typo.cursive"),
+    label: e("tiptap.toolbar.typo.cursive"),
     className: "ff-cursive"
   }, {
     value: "OpenDyslexic",
-    label: t("tiptap.toolbar.typo.dyslexic"),
+    label: e("tiptap.toolbar.typo.dyslexic"),
     className: "ff-dyslexic"
   }];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.toolbar.typo.choice"), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { ...triggerProps, type: "button", variant: "ghost", color: "tertiary", icon: /* @__PURE__ */ jsx(Icon, { name: "text-typo" }), "aria-label": t("tiptap.toolbar.typo.choice"), className: editor != null && editor.isActive("textStyle", {
+  return /* @__PURE__ */ p(m, { children: [
+    /* @__PURE__ */ o(g, { message: e("tiptap.toolbar.typo.choice"), placement: "top", children: /* @__PURE__ */ o(x, { ...n, type: "button", variant: "ghost", color: "tertiary", icon: /* @__PURE__ */ o(v, { name: "text-typo" }), "aria-label": e("tiptap.toolbar.typo.choice"), className: t != null && t.isActive("textStyle", {
       color: /^#([0-9a-f]{3}){1,2}$/i
     }) ? "selected" : "" }) }),
-    /* @__PURE__ */ jsx(Dropdown.Menu, { children: options.map((option) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Dropdown.RadioItem, { value: option.value, model: value, onChange: (value2) => {
-      typeof value2 == "string" && value2.length > 0 ? (editor == null || editor.chain().focus().setFontFamily(value2).run(), setValue(value2)) : (editor == null || editor.chain().focus().unsetFontFamily().run(), setValue(""));
-    }, children: /* @__PURE__ */ jsx("span", { className: option.className, children: option.label }) }) }, option.label)) })
+    /* @__PURE__ */ o(r.Menu, { children: i.map((a) => /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o(r.RadioItem, { value: a.value, model: c, onChange: (l) => {
+      typeof l == "string" && l.length > 0 ? (t == null || t.chain().focus().setFontFamily(l).run(), s(l)) : (t == null || t.chain().focus().unsetFontFamily().run(), s(""));
+    }, children: /* @__PURE__ */ o("span", { className: a.className, children: a.label }) }) }, a.label)) })
   ] });
 };
 export {
-  EditorToolbarTypography
+  j as EditorToolbarTypography
 };
+//# sourceMappingURL=EditorToolbar.Typography.js.map

package/dist/modules/editor/components/EditorToolbar/EditorToolbar.Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbar.Typography.js","sources":["../../../../../src/modules/editor/components/EditorToolbar/EditorToolbar.Typography.tsx"],"sourcesContent":["import { Fragment, RefAttributes, useEffect, useState } from 'react';\n\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  Dropdown,\n  Icon,\n  IconButton,\n  IconButtonProps,\n  Tooltip,\n} from '../../../..';\nimport { useEditorContext } from '../../hooks/useEditorContext';\n\ninterface Props {\n  /**\n   * Props for the trigger\n   */\n  triggerProps: JSX.IntrinsicAttributes &\n    Omit<IconButtonProps, 'ref'> &\n    RefAttributes<HTMLButtonElement>;\n}\n\nexport const EditorToolbarTypography = ({ triggerProps }: Props) => {\n  const { t } = useTranslation();\n  const { editor } = useEditorContext();\n\n  const [value, setValue] = useState<string>('sans-serif');\n\n  useEffect(() => {\n    // When cursor moves in editor, update the actual text typo.\n    const textStyle = editor?.getAttributes('textStyle');\n    setValue(textStyle?.fontFamily ?? '');\n  }, [editor, editor?.state]);\n\n  const options = [\n    {\n      value: '',\n      label: t('tiptap.toolbar.typo.sans'),\n    },\n    {\n      value: 'Lora',\n      label: t('tiptap.toolbar.typo.serif'),\n      className: 'ff-serif',\n    },\n    {\n      value: 'IBM Plex Mono',\n      label: t('tiptap.toolbar.typo.mono'),\n      className: 'ff-script',\n    },\n    {\n      value: 'Ecriture A',\n      label: t('tiptap.toolbar.typo.cursive'),\n      className: 'ff-cursive',\n    },\n    {\n      value: 'OpenDyslexic',\n      label: t('tiptap.toolbar.typo.dyslexic'),\n      className: 'ff-dyslexic',\n    },\n  ];\n\n  return (\n    <>\n      <Tooltip message={t('tiptap.toolbar.typo.choice')} placement=\"top\">\n        <IconButton\n          {...triggerProps}\n          type=\"button\"\n          variant=\"ghost\"\n          color=\"tertiary\"\n          icon={<Icon name=\"text-typo\" />}\n          aria-label={t('tiptap.toolbar.typo.choice')}\n          className={\n            editor?.isActive('textStyle', {\n              color: /^#([0-9a-f]{3}){1,2}$/i,\n            })\n              ? 'selected'\n              : ''\n          }\n        />\n      </Tooltip>\n      <Dropdown.Menu>\n        {options.map((option) => {\n          return (\n            <Fragment key={option.label}>\n              <Dropdown.RadioItem\n                value={option.value}\n                model={value}\n                onChange={(value: string) => {\n                  if (typeof value === 'string' && value.length > 0) {\n                    editor?.chain().focus().setFontFamily(value).run();\n                    setValue(value);\n                  } else {\n                    editor?.chain().focus().unsetFontFamily().run();\n                    setValue('');\n                  }\n                }}\n              >\n                <span className={option.className}>{option.label}</span>\n              </Dropdown.RadioItem>\n            </Fragment>\n          );\n        })}\n      </Dropdown.Menu>\n    </>\n  );\n};\n"],"names":["EditorToolbarTypography","triggerProps","t","useTranslation","editor","useEditorContext","value","setValue","useState","useEffect","textStyle","getAttributes","fontFamily","state","options","label","className","jsxs","Fragment","jsx","Tooltip","IconButton","Icon","isActive","color","Dropdown","map","option","length","chain","focus","setFontFamily","run","unsetFontFamily"],"mappings":";;;;;;;;AAsBO,MAAMA,IAA0BA,CAAC;AAAA,EAAEC,cAAAA;AAAoB,MAAM;AAC5D,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAEC,QAAAA;AAAAA,MAAWC,EAAiB,GAE9B,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,YAAY;AAEvDC,EAAAA,EAAU,MAAM;AAERC,UAAAA,IAAYN,KAAAA,gBAAAA,EAAQO,cAAc;AAC/BD,IAAAA,GAAAA,KAAAA,gBAAAA,EAAWE,eAAc,EAAE;AAAA,EACnC,GAAA,CAACR,GAAQA,KAAAA,gBAAAA,EAAQS,KAAK,CAAC;AAE1B,QAAMC,IAAU,CACd;AAAA,IACER,OAAO;AAAA,IACPS,OAAOb,EAAE,0BAA0B;AAAA,EAAA,GAErC;AAAA,IACEI,OAAO;AAAA,IACPS,OAAOb,EAAE,2BAA2B;AAAA,IACpCc,WAAW;AAAA,EAAA,GAEb;AAAA,IACEV,OAAO;AAAA,IACPS,OAAOb,EAAE,0BAA0B;AAAA,IACnCc,WAAW;AAAA,EAAA,GAEb;AAAA,IACEV,OAAO;AAAA,IACPS,OAAOb,EAAE,6BAA6B;AAAA,IACtCc,WAAW;AAAA,EAAA,GAEb;AAAA,IACEV,OAAO;AAAA,IACPS,OAAOb,EAAE,8BAA8B;AAAA,IACvCc,WAAW;AAAA,EAAA,CACZ;AAGH,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAQ,EAAA,SAASlB,EAAE,4BAA4B,GAAG,WAAU,OAC3D,UAAA,gBAAAiB,EAACE,GACC,EAAA,GAAIpB,GACJ,MAAK,UACL,SAAQ,SACR,OAAM,YACN,MAAM,gBAAAkB,EAACG,GAAK,EAAA,MAAK,YAAc,CAAA,GAC/B,cAAYpB,EAAE,4BAA4B,GAC1C,WACEE,KAAAA,QAAAA,EAAQmB,SAAS,aAAa;AAAA,MAC5BC,OAAO;AAAA,IACR,KACG,aACA,GACL,CAAA,GAEL;AAAA,sBACCC,EAAS,MAAT,EACEX,UAAAA,EAAQY,IAAKC,CAAWA,MAEpBT,gBAAAA,EAAAA,GAAA,EACC,UAAA,gBAAAC,EAACM,EAAS,WAAT,EACC,OAAOE,EAAOrB,OACd,OAAOA,GACP,UAAU,CAACA,MAAkB;AAC3B,MAAI,OAAOA,KAAU,YAAYA,EAAMsB,SAAS,KAC9CxB,KAAAA,QAAAA,EAAQyB,QAAQC,QAAQC,cAAczB,GAAO0B,OAC7CzB,EAASD,CAAK,MAEdF,KAAAA,QAAAA,EAAQyB,QAAQC,QAAQG,kBAAkBD,OAC1CzB,EAAS,EAAE;AAAA,IACb,GAGF,UAAC,gBAAAY,EAAA,QAAA,EAAK,WAAWQ,EAAOX,WAAYW,UAAAA,EAAOZ,MAAM,CAAA,EAAA,CACnD,EAfaY,GAAAA,EAAOZ,KAgBtB,CAEH,GACH;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/modules/editor/components/EditorToolbar/EditorToolbar.js

@@ -1,47 +1,47 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { useTranslation } from "react-i18next";
+import { jsx as e } from "react/jsx-runtime";
+import { useMemo as x } from "react";
+import { useTranslation as C } from "react-i18next";
 import "@tiptap/react";
-import { hasExtension } from "../../utils/has-extension.js";
-import { hasMark } from "../../utils/has-mark.js";
-import { hasTextStyle } from "../../utils/has-text-style.js";
-import { EditorToolbarDropdownMenu } from "./EditorToolbar.DropdownMenu.js";
-import { EditorToolbarEmoji } from "./EditorToolbar.Emoji.js";
-import { EditorToolbarHighlightColor } from "./EditorToolbar.HighlightColor.js";
-import { EditorToolbarPlusMenu } from "./EditorToolbar.PlusMenu.js";
-import { EditorToolbarTextColor } from "./EditorToolbar.TextColor.js";
-import { EditorToolbarTextSize } from "./EditorToolbar.TextSize.js";
-import { EditorToolbarTypography } from "./EditorToolbar.Typography.js";
-import { useEditorContext } from "../../hooks/useEditorContext.js";
-import { useActionOptions } from "../../hooks/useActionOptions.js";
-import { useSpeechRecognition } from "../../hooks/useSpeechRecognition.js";
-import { Icon } from "../../../../components/Icon/Icon.js";
-import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
-const EditorToolbar = ({
-  mediaLibraryRef,
-  toggleMathsModal
+import { hasExtension as r } from "../../utils/has-extension.js";
+import { hasMark as s } from "../../utils/has-mark.js";
+import { hasTextStyle as T } from "../../utils/has-text-style.js";
+import { EditorToolbarDropdownMenu as v } from "./EditorToolbar.DropdownMenu.js";
+import { EditorToolbarEmoji as N } from "./EditorToolbar.Emoji.js";
+import { EditorToolbarHighlightColor as E } from "./EditorToolbar.HighlightColor.js";
+import { EditorToolbarPlusMenu as A } from "./EditorToolbar.PlusMenu.js";
+import { EditorToolbarTextColor as S } from "./EditorToolbar.TextColor.js";
+import { EditorToolbarTextSize as z } from "./EditorToolbar.TextSize.js";
+import { EditorToolbarTypography as M } from "./EditorToolbar.Typography.js";
+import { useEditorContext as j } from "../../hooks/useEditorContext.js";
+import { useActionOptions as I } from "../../hooks/useActionOptions.js";
+import { useSpeechRecognition as O } from "../../hooks/useSpeechRecognition.js";
+import { Icon as n } from "../../../../components/Icon/Icon.js";
+import { Toolbar as _ } from "../../../../components/Toolbar/Toolbar.js";
+const oo = ({
+  mediaLibraryRef: a,
+  toggleMathsModal: g
 }) => {
   const {
     t
-  } = useTranslation(), {
-    id,
-    editor
-  } = useEditorContext(), [plusOptions, listOptions, alignmentOptions] = useActionOptions(editor, toggleMathsModal, mediaLibraryRef), {
-    isAvailable: canRecognizeSpeech,
-    isActive: speechRecognition,
-    toggle: toggleSpeechRecognition
-  } = useSpeechRecognition(editor), toolbarItems = useMemo(() => {
-    const showIf = (truthy) => truthy ? "show" : "hide", showLinkModal = () => {
-      var _a, _b;
+  } = C(), {
+    id: k,
+    editor: o
+  } = j(), [m, d, b] = I(o, g, a), {
+    isAvailable: c,
+    isActive: h,
+    toggle: u
+  } = O(o), f = x(() => {
+    const l = (i) => i ? "show" : "hide", w = () => {
+      var p, y;
       const {
-        state
-      } = editor;
-      state.selection.empty ? (_a = mediaLibraryRef.current) == null || _a.show("hyperlink") : (_b = mediaLibraryRef.current) == null || _b.showLink({
+        state: i
+      } = o;
+      i.selection.empty ? (p = a.current) == null || p.show("hyperlink") : (y = a.current) == null || y.showLink({
         link: {
-          text: state.selection.content().content.child(0).textContent,
+          text: i.selection.content().content.child(0).textContent,
           target: "_blank"
         },
-        multiNodeSelected: state.selection.content().content.childCount > 1
+        multiNodeSelected: i.selection.content().content.childCount > 1
       });
     };
     return [
@@ -49,27 +49,27 @@ const EditorToolbar = ({
       {
         type: "icon",
         props: {
-          icon: /* @__PURE__ */ jsx(Icon, { name: "undo" }),
+          icon: /* @__PURE__ */ e(n, { name: "undo" }),
           "aria-label": t("editor.option.undo"),
-          onClick: () => editor == null ? void 0 : editor.chain().focus().undo().run(),
-          disabled: !(editor != null && editor.can().undo())
+          onClick: () => o == null ? void 0 : o.chain().focus().undo().run(),
+          disabled: !(o != null && o.can().undo())
         },
         name: "undo",
         tooltip: t("editor.option.undo"),
-        visibility: showIf(hasExtension("history", editor))
+        visibility: l(r("history", o))
       },
       //--------------- REDO ---------------//
       {
         type: "icon",
         props: {
-          icon: /* @__PURE__ */ jsx(Icon, { name: "redo" }),
+          icon: /* @__PURE__ */ e(n, { name: "redo" }),
           "aria-label": t("editor.option.redo"),
-          onClick: () => editor == null ? void 0 : editor.chain().focus().redo().run(),
-          disabled: !(editor != null && editor.can().redo())
+          onClick: () => o == null ? void 0 : o.chain().focus().redo().run(),
+          disabled: !(o != null && o.can().redo())
         },
         name: "redo",
         tooltip: t("editor.option.redo"),
-        visibility: showIf(hasExtension("history", editor))
+        visibility: l(r("history", o))
       },
       //-------------------------------------//
       {
@@ -80,12 +80,12 @@ const EditorToolbar = ({
       {
         type: "icon",
         props: {
-          icon: /* @__PURE__ */ jsx(Icon, { name: "landscape" }),
+          icon: /* @__PURE__ */ e(n, { name: "landscape" }),
           className: "bg-green-200",
           "aria-label": t("tiptap.toolbar.picture"),
           onClick: () => {
-            var _a;
-            return (_a = mediaLibraryRef.current) == null ? void 0 : _a.show("image");
+            var i;
+            return (i = a.current) == null ? void 0 : i.show("image");
           }
         },
         name: "image",
@@ -95,12 +95,12 @@ const EditorToolbar = ({
       {
         type: "icon",
         props: {
-          icon: /* @__PURE__ */ jsx(Icon, { name: "record-video" }),
+          icon: /* @__PURE__ */ e(n, { name: "record-video" }),
           className: "bg-purple-200",
           "aria-label": t("tiptap.toolbar.video"),
           onClick: () => {
-            var _a;
-            return (_a = mediaLibraryRef.current) == null ? void 0 : _a.show("video");
+            var i;
+            return (i = a.current) == null ? void 0 : i.show("video");
           }
         },
         name: "video",
@@ -110,12 +110,12 @@ const EditorToolbar = ({
       {
         type: "icon",
         props: {
-          icon: /* @__PURE__ */ jsx(Icon, { name: "mic" }),
+          icon: /* @__PURE__ */ e(n, { name: "mic" }),
           className: "bg-red-200",
           "aria-label": t("tiptap.toolbar.audio"),
           onClick: () => {
-            var _a;
-            return (_a = mediaLibraryRef.current) == null ? void 0 : _a.show("audio");
+            var i;
+            return (i = a.current) == null ? void 0 : i.show("audio");
           }
         },
         name: "audio",
@@ -125,12 +125,12 @@ const EditorToolbar = ({
       {
         type: "icon",
         props: {
-          icon: /* @__PURE__ */ jsx(Icon, { name: "paperclip" }),
+          icon: /* @__PURE__ */ e(n, { name: "paperclip" }),
           className: "bg-yellow-200",
           "aria-label": t("tiptap.toolbar.attachment"),
           onClick: () => {
-            var _a;
-            return (_a = mediaLibraryRef.current) == null ? void 0 : _a.show("attachment");
+            var i;
+            return (i = a.current) == null ? void 0 : i.show("attachment");
           }
         },
         name: "attachment",
@@ -144,12 +144,12 @@ const EditorToolbar = ({
       {
         type: "icon",
         props: {
-          icon: /* @__PURE__ */ jsx(Icon, { name: "speech-to-text" }),
+          icon: /* @__PURE__ */ e(n, { name: "speech-to-text" }),
           "aria-label": t("tiptap.toolbar.stt"),
-          className: speechRecognition ? "is-selected" : "",
-          onClick: () => toggleSpeechRecognition()
+          className: h ? "is-selected" : "",
+          onClick: () => u()
         },
-        visibility: canRecognizeSpeech ? "show" : "hide",
+        visibility: c ? "show" : "hide",
         name: "speechtotext",
         tooltip: t("tiptap.toolbar.stt")
       },
@@ -157,47 +157,47 @@ const EditorToolbar = ({
       {
         type: "divider",
         name: "div-speech",
-        visibility: canRecognizeSpeech ? "show" : "hide"
+        visibility: c ? "show" : "hide"
       },
       //--------------- TYPOGRAPHY ---------------//
       {
         type: "dropdown",
         props: {
-          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarTypography, { triggerProps })
+          children: (i) => /* @__PURE__ */ e(M, { triggerProps: i })
         },
         name: "text_typo",
-        visibility: showIf(hasExtension("fontFamily", editor)),
+        visibility: l(r("fontFamily", o)),
         tooltip: t("tiptap.toolbar.typo.choice")
       },
       //--------------- TEXT SIZE ---------------//
       {
         type: "dropdown",
         props: {
-          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarTextSize, { triggerProps })
+          children: (i) => /* @__PURE__ */ e(z, { triggerProps: i })
         },
         name: "text_size",
-        visibility: showIf(hasExtension("fontSize", editor) || hasExtension("heading", editor)),
+        visibility: l(r("fontSize", o) || r("heading", o)),
         tooltip: t("tiptap.toolbar.size.choice")
       },
       //--------------- TEXT COLOR ---------------//
       {
         type: "dropdown",
         props: {
-          children: (triggerProps, itemRefs) => /* @__PURE__ */ jsx(EditorToolbarTextColor, { triggerProps, itemRefs })
+          children: (i, p) => /* @__PURE__ */ e(S, { triggerProps: i, itemRefs: p })
         },
         overflow: !1,
         name: "color",
-        visibility: hasTextStyle("color", editor) ? "show" : "hide",
+        visibility: T("color", o) ? "show" : "hide",
         tooltip: t("tiptap.toolbar.color.text")
       },
       //--------------- TEXT HIGHLIGHTING COLOR ---------------//
       {
         type: "dropdown",
         props: {
-          children: (triggerProps, itemRefs) => /* @__PURE__ */ jsx(EditorToolbarHighlightColor, { triggerProps, itemRefs })
+          children: (i, p) => /* @__PURE__ */ e(E, { triggerProps: i, itemRefs: p })
         },
         name: "highlight",
-        visibility: showIf(hasMark("customHighlight", editor)),
+        visibility: l(s("customHighlight", o)),
         tooltip: t("tiptap.toolbar.highlight.back")
       },
       //-------------------------------------//
@@ -209,40 +209,40 @@ const EditorToolbar = ({
       {
         type: "icon",
         props: {
-          icon: /* @__PURE__ */ jsx(Icon, { name: "text-bold" }),
+          icon: /* @__PURE__ */ e(n, { name: "text-bold" }),
           "aria-label": t("tiptap.toolbar.bold"),
-          className: editor != null && editor.isActive("bold") ? "is-selected" : "",
-          onClick: () => editor == null ? void 0 : editor.chain().focus().toggleBold().run(),
-          disabled: editor == null ? void 0 : editor.isActive("heading")
+          className: o != null && o.isActive("bold") ? "is-selected" : "",
+          onClick: () => o == null ? void 0 : o.chain().focus().toggleBold().run(),
+          disabled: o == null ? void 0 : o.isActive("heading")
         },
         name: "bold",
-        visibility: showIf(hasMark("bold", editor)),
+        visibility: l(s("bold", o)),
         tooltip: t("tiptap.toolbar.bold")
       },
       //--------------- ITALIC ---------------//
       {
         type: "icon",
         props: {
-          icon: /* @__PURE__ */ jsx(Icon, { name: "text-italic" }),
+          icon: /* @__PURE__ */ e(n, { name: "text-italic" }),
           "aria-label": t("tiptap.toolbar.italic"),
-          className: editor != null && editor.isActive("italic") ? "is-selected" : "",
-          onClick: () => editor == null ? void 0 : editor.chain().focus().toggleItalic().run()
+          className: o != null && o.isActive("italic") ? "is-selected" : "",
+          onClick: () => o == null ? void 0 : o.chain().focus().toggleItalic().run()
         },
         name: "italic",
-        visibility: showIf(hasMark("italic", editor)),
+        visibility: l(s("italic", o)),
         tooltip: t("tiptap.toolbar.italic")
       },
       //--------------- UNDERLINE ---------------//
       {
         type: "icon",
         props: {
-          icon: /* @__PURE__ */ jsx(Icon, { name: "text-underline" }),
+          icon: /* @__PURE__ */ e(n, { name: "text-underline" }),
           "aria-label": t("tiptap.toolbar.underline"),
-          className: editor != null && editor.isActive("underline") ? "is-selected" : "",
-          onClick: () => editor == null ? void 0 : editor.chain().focus().toggleUnderline().run()
+          className: o != null && o.isActive("underline") ? "is-selected" : "",
+          onClick: () => o == null ? void 0 : o.chain().focus().toggleUnderline().run()
         },
         name: "underline",
-        visibility: showIf(hasMark("underline", editor)),
+        visibility: l(s("underline", o)),
         tooltip: t("tiptap.toolbar.underline")
       },
       //-------------------------------------//
@@ -254,7 +254,7 @@ const EditorToolbar = ({
       {
         type: "dropdown",
         props: {
-          children: (triggerProps, itemRefs) => /* @__PURE__ */ jsx(EditorToolbarEmoji, { triggerProps, itemRefs })
+          children: (i, p) => /* @__PURE__ */ e(N, { triggerProps: i, itemRefs: p })
         },
         name: "emoji",
         tooltip: t("tiptap.toolbar.emojisPicker")
@@ -263,10 +263,10 @@ const EditorToolbar = ({
       {
         type: "icon",
         props: {
-          icon: /* @__PURE__ */ jsx(Icon, { name: "link" }),
+          icon: /* @__PURE__ */ e(n, { name: "link" }),
           "aria-label": t("tiptap.toolbar.linker"),
-          className: editor != null && editor.isActive("linker") ? "is-selected" : "",
-          onClick: () => showLinkModal()
+          className: o != null && o.isActive("linker") ? "is-selected" : "",
+          onClick: () => w()
         },
         name: "linker",
         tooltip: t("tiptap.toolbar.linker")
@@ -280,20 +280,20 @@ const EditorToolbar = ({
       {
         type: "dropdown",
         props: {
-          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarDropdownMenu, { triggerProps, icon: /* @__PURE__ */ jsx(Icon, { name: "bullet-list" }), ariaLabel: t("tiptap.toolbar.listoptions"), options: listOptions })
+          children: (i) => /* @__PURE__ */ e(v, { triggerProps: i, icon: /* @__PURE__ */ e(n, { name: "bullet-list" }), ariaLabel: t("tiptap.toolbar.listoptions"), options: d })
         },
         name: "list",
-        visibility: showIf(hasExtension("starterKit", editor)),
+        visibility: l(r("starterKit", o)),
         tooltip: t("tiptap.toolbar.listoptions")
       },
       //--------------- TEXT ALIGNMENT ---------------//
       {
         type: "dropdown",
         props: {
-          children: (triggerProps) => /* @__PURE__ */ jsx(EditorToolbarDropdownMenu, { triggerProps, icon: /* @__PURE__ */ jsx(Icon, { name: "align-left" }), ariaLabel: t("tiptap.toolbar.align"), options: alignmentOptions })
+          children: (i) => /* @__PURE__ */ e(v, { triggerProps: i, icon: /* @__PURE__ */ e(n, { name: "align-left" }), ariaLabel: t("tiptap.toolbar.align"), options: b })
         },
         name: "alignment",
-        visibility: showIf(hasExtension("textAlign", editor)),
+        visibility: l(r("textAlign", o)),
         tooltip: t("tiptap.toolbar.align")
       },
       //-------------------------------------//
@@ -305,15 +305,16 @@ const EditorToolbar = ({
       {
         type: "dropdown",
         props: {
-          children: () => /* @__PURE__ */ jsx(EditorToolbarPlusMenu, { options: plusOptions })
+          children: () => /* @__PURE__ */ e(A, { options: m })
         },
         name: "plus",
-        visibility: showIf(hasExtension("textAlign", editor))
+        visibility: l(r("textAlign", o))
       }
     ];
-  }, [alignmentOptions, canRecognizeSpeech, editor, listOptions, mediaLibraryRef, plusOptions, speechRecognition, t, toggleSpeechRecognition]);
-  return /* @__PURE__ */ jsx("div", { className: "sticky-top z-1 editor-toolbar rounded-3", children: /* @__PURE__ */ jsx(Toolbar, { items: toolbarItems, variant: "no-shadow", className: "rounded-top-3", isBlock: !0, align: "left", ariaControls: id }) });
+  }, [b, c, o, d, a, m, h, t, u]);
+  return /* @__PURE__ */ e("div", { className: "sticky-top z-1 editor-toolbar rounded-3", children: /* @__PURE__ */ e(_, { items: f, variant: "no-shadow", className: "rounded-top-3", isBlock: !0, align: "left", ariaControls: k }) });
 };
 export {
-  EditorToolbar
+  oo as EditorToolbar
 };
+//# sourceMappingURL=EditorToolbar.js.map

package/dist/modules/editor/components/EditorToolbar/EditorToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbar.js","sources":["../../../../../src/modules/editor/components/EditorToolbar/EditorToolbar.tsx"],"sourcesContent":["import { RefAttributes, RefObject, useMemo } from 'react';\n\nimport { useTranslation } from 'react-i18next';\n\nimport {\n  useActionOptions,\n  useEditorContext,\n  useSpeechRecognition,\n} from '../..';\nimport { Icon, IconButtonProps, Toolbar, ToolbarItem } from '../../../..';\nimport { MediaLibraryRef } from '../../../multimedia';\nimport { hasExtension } from '../../utils/has-extension';\nimport { hasMark } from '../../utils/has-mark';\nimport { hasTextStyle } from '../../utils/has-text-style';\nimport { EditorToolbarDropdownMenu } from './EditorToolbar.DropdownMenu';\nimport { EditorToolbarEmoji } from './EditorToolbar.Emoji';\nimport { EditorToolbarHighlightColor } from './EditorToolbar.HighlightColor';\nimport { EditorToolbarPlusMenu } from './EditorToolbar.PlusMenu';\nimport { EditorToolbarTextColor } from './EditorToolbar.TextColor';\nimport { EditorToolbarTextSize } from './EditorToolbar.TextSize';\nimport { EditorToolbarTypography } from './EditorToolbar.Typography';\n\ninterface Props {\n  /** Ref to a MediaLibrary instance */\n  mediaLibraryRef: RefObject<MediaLibraryRef>;\n  /** API to open/close a Math modal. */\n  toggleMathsModal: Function;\n}\n\nexport const EditorToolbar = ({ mediaLibraryRef, toggleMathsModal }: Props) => {\n  const { t } = useTranslation();\n  const { id, editor } = useEditorContext();\n\n  const [plusOptions, listOptions, alignmentOptions] = useActionOptions(\n    editor,\n    toggleMathsModal,\n    mediaLibraryRef,\n  );\n\n  const {\n    isAvailable: canRecognizeSpeech,\n    isActive: speechRecognition,\n    toggle: toggleSpeechRecognition,\n  } = useSpeechRecognition(editor);\n\n  const toolbarItems: ToolbarItem[] = useMemo(() => {\n    const showIf = (truthy: boolean) => (truthy ? 'show' : 'hide');\n\n    const showLinkModal = () => {\n      const { state } = editor!;\n      if (state.selection.empty) {\n        mediaLibraryRef.current?.show('hyperlink');\n      } else {\n        mediaLibraryRef.current?.showLink({\n          link: {\n            text: state.selection.content().content.child(0).textContent,\n            target: '_blank',\n          },\n          multiNodeSelected: state.selection.content().content.childCount > 1,\n        });\n      }\n    };\n\n    return [\n      //--------------- UNDO ---------------//\n      {\n        type: 'icon',\n        props: {\n          icon: <Icon name=\"undo\" />,\n          'aria-label': t('editor.option.undo'),\n          onClick: () => editor?.chain().focus().undo().run(),\n          disabled: !editor?.can().undo(),\n        },\n        name: 'undo',\n        tooltip: t('editor.option.undo'),\n        visibility: showIf(hasExtension('history', editor)),\n      },\n      //--------------- REDO ---------------//\n      {\n        type: 'icon',\n        props: {\n          icon: <Icon name=\"redo\" />,\n          'aria-label': t('editor.option.redo'),\n          onClick: () => editor?.chain().focus().redo().run(),\n          disabled: !editor?.can().redo(),\n        },\n        name: 'redo',\n        tooltip: t('editor.option.redo'),\n        visibility: showIf(hasExtension('history', editor)),\n      },\n      //-------------------------------------//\n      {\n        type: 'divider',\n        name: 'div-1',\n      },\n      //--------------- IMAGE ---------------//\n      {\n        type: 'icon',\n        props: {\n          icon: <Icon name=\"landscape\" />,\n          className: 'bg-green-200',\n          'aria-label': t('tiptap.toolbar.picture'),\n          onClick: () => mediaLibraryRef.current?.show('image'),\n        },\n        name: 'image',\n        tooltip: t('tiptap.toolbar.picture'),\n      },\n      //--------------- VIDEO ---------------//\n      {\n        type: 'icon',\n        props: {\n          icon: <Icon name=\"record-video\" />,\n          className: 'bg-purple-200',\n          'aria-label': t('tiptap.toolbar.video'),\n          onClick: () => mediaLibraryRef.current?.show('video'),\n        },\n        name: 'video',\n        tooltip: t('tiptap.toolbar.video'),\n      },\n      //--------------- AUDIO ---------------//\n      {\n        type: 'icon',\n        props: {\n          icon: <Icon name=\"mic\" />,\n          className: 'bg-red-200',\n          'aria-label': t('tiptap.toolbar.audio'),\n          onClick: () => mediaLibraryRef.current?.show('audio'),\n        },\n        name: 'audio',\n        tooltip: t('tiptap.toolbar.audio'),\n      },\n      //--------------- ATTACHMENT ---------------//\n      {\n        type: 'icon',\n        props: {\n          icon: <Icon name=\"paperclip\" />,\n          className: 'bg-yellow-200',\n          'aria-label': t('tiptap.toolbar.attachment'),\n          onClick: () => mediaLibraryRef.current?.show('attachment'),\n        },\n        name: 'attachment',\n        tooltip: t('tiptap.toolbar.attachment'),\n      },\n      {\n        type: 'divider',\n        name: 'div-2',\n      },\n      //--------------- SPEECH TO TEXT ---------------//\n      {\n        type: 'icon',\n        props: {\n          icon: <Icon name=\"speech-to-text\" />,\n          'aria-label': t('tiptap.toolbar.stt'),\n          className: speechRecognition ? 'is-selected' : '',\n          onClick: () => toggleSpeechRecognition(),\n        },\n        visibility: canRecognizeSpeech ? 'show' : 'hide',\n        name: 'speechtotext',\n        tooltip: t('tiptap.toolbar.stt'),\n      },\n      //------------------------------------//\n      {\n        type: 'divider',\n        name: 'div-speech',\n        visibility: canRecognizeSpeech ? 'show' : 'hide',\n      },\n      //--------------- TYPOGRAPHY ---------------//\n      {\n        type: 'dropdown',\n        props: {\n          children: (\n            triggerProps: JSX.IntrinsicAttributes &\n              Omit<IconButtonProps, 'ref'> &\n              RefAttributes<HTMLButtonElement>,\n          ) => <EditorToolbarTypography triggerProps={triggerProps} />,\n        },\n        name: 'text_typo',\n        visibility: showIf(hasExtension('fontFamily', editor)),\n        tooltip: t('tiptap.toolbar.typo.choice'),\n      },\n      //--------------- TEXT SIZE ---------------//\n      {\n        type: 'dropdown',\n        props: {\n          children: (\n            triggerProps: JSX.IntrinsicAttributes &\n              Omit<IconButtonProps, 'ref'> &\n              RefAttributes<HTMLButtonElement>,\n          ) => <EditorToolbarTextSize triggerProps={triggerProps} />,\n        },\n        name: 'text_size',\n        visibility: showIf(\n          hasExtension('fontSize', editor) || hasExtension('heading', editor),\n        ),\n        tooltip: t('tiptap.toolbar.size.choice'),\n      },\n      //--------------- TEXT COLOR ---------------//\n      {\n        type: 'dropdown',\n        props: {\n          children: (\n            triggerProps: JSX.IntrinsicAttributes &\n              Omit<IconButtonProps, 'ref'> &\n              RefAttributes<HTMLButtonElement>,\n            itemRefs: any,\n          ) => (\n            <EditorToolbarTextColor\n              triggerProps={triggerProps}\n              itemRefs={itemRefs}\n            />\n          ),\n        },\n        overflow: false,\n        name: 'color',\n        visibility: hasTextStyle('color', editor) ? 'show' : 'hide',\n        tooltip: t('tiptap.toolbar.color.text'),\n      },\n      //--------------- TEXT HIGHLIGHTING COLOR ---------------//\n      {\n        type: 'dropdown',\n        props: {\n          children: (\n            triggerProps: JSX.IntrinsicAttributes &\n              Omit<IconButtonProps, 'ref'> &\n              RefAttributes<HTMLButtonElement>,\n            itemRefs: any,\n          ) => (\n            <EditorToolbarHighlightColor\n              triggerProps={triggerProps}\n              itemRefs={itemRefs}\n            />\n          ),\n        },\n        name: 'highlight',\n        visibility: showIf(hasMark('customHighlight', editor)),\n        tooltip: t('tiptap.toolbar.highlight.back'),\n      },\n      //-------------------------------------//\n      {\n        type: 'divider',\n        name: 'div-3',\n      },\n      //--------------- BOLD ---------------//\n      {\n        type: 'icon',\n        props: {\n          icon: <Icon name=\"text-bold\" />,\n          'aria-label': t('tiptap.toolbar.bold'),\n          className: editor?.isActive('bold') ? 'is-selected' : '',\n          onClick: () => editor?.chain().focus().toggleBold().run(),\n          disabled: editor?.isActive('heading'),\n        },\n        name: 'bold',\n        visibility: showIf(hasMark('bold', editor)),\n        tooltip: t('tiptap.toolbar.bold'),\n      },\n      //--------------- ITALIC ---------------//\n      {\n        type: 'icon',\n        props: {\n          icon: <Icon name=\"text-italic\" />,\n          'aria-label': t('tiptap.toolbar.italic'),\n          className: editor?.isActive('italic') ? 'is-selected' : '',\n          onClick: () => editor?.chain().focus().toggleItalic().run(),\n        },\n        name: 'italic',\n        visibility: showIf(hasMark('italic', editor)),\n        tooltip: t('tiptap.toolbar.italic'),\n      },\n      //--------------- UNDERLINE ---------------//\n      {\n        type: 'icon',\n        props: {\n          icon: <Icon name=\"text-underline\" />,\n          'aria-label': t('tiptap.toolbar.underline'),\n          className: editor?.isActive('underline') ? 'is-selected' : '',\n          onClick: () => editor?.chain().focus().toggleUnderline().run(),\n        },\n        name: 'underline',\n        visibility: showIf(hasMark('underline', editor)),\n        tooltip: t('tiptap.toolbar.underline'),\n      },\n      //-------------------------------------//\n      {\n        type: 'divider',\n        name: 'div-4',\n      },\n      //--------------- EMOJI ---------------//\n      {\n        type: 'dropdown',\n        props: {\n          children: (\n            triggerProps: JSX.IntrinsicAttributes &\n              Omit<IconButtonProps, 'ref'> &\n              RefAttributes<HTMLButtonElement>,\n            itemRefs: any,\n          ) => (\n            <EditorToolbarEmoji\n              triggerProps={triggerProps}\n              itemRefs={itemRefs}\n            />\n          ),\n        },\n        name: 'emoji',\n        tooltip: t('tiptap.toolbar.emojisPicker'),\n      },\n      //--------------- LINKER (internal / external) ---------------//\n      {\n        type: 'icon',\n        props: {\n          icon: <Icon name=\"link\" />,\n          'aria-label': t('tiptap.toolbar.linker'),\n          className: editor?.isActive('linker') ? 'is-selected' : '',\n          onClick: () => showLinkModal(),\n        },\n        name: 'linker',\n        tooltip: t('tiptap.toolbar.linker'),\n      },\n      //-----------------------------------//\n      {\n        type: 'divider',\n        name: 'div-5',\n      },\n      //--------------- LIST MENU ---------------//\n      {\n        type: 'dropdown',\n        props: {\n          children: (\n            triggerProps: JSX.IntrinsicAttributes &\n              Omit<IconButtonProps, 'ref'> &\n              RefAttributes<HTMLButtonElement>,\n          ) => (\n            <EditorToolbarDropdownMenu\n              triggerProps={triggerProps}\n              icon={<Icon name=\"bullet-list\" />}\n              ariaLabel={t('tiptap.toolbar.listoptions')}\n              options={listOptions}\n            />\n          ),\n        },\n        name: 'list',\n        visibility: showIf(hasExtension('starterKit', editor)),\n        tooltip: t('tiptap.toolbar.listoptions'),\n      },\n      //--------------- TEXT ALIGNMENT ---------------//\n      {\n        type: 'dropdown',\n        props: {\n          children: (\n            triggerProps: JSX.IntrinsicAttributes &\n              Omit<IconButtonProps, 'ref'> &\n              RefAttributes<HTMLButtonElement>,\n          ) => (\n            <EditorToolbarDropdownMenu\n              triggerProps={triggerProps}\n              icon={<Icon name=\"align-left\" />}\n              ariaLabel={t('tiptap.toolbar.align')}\n              options={alignmentOptions}\n            />\n          ),\n        },\n        name: 'alignment',\n        visibility: showIf(hasExtension('textAlign', editor)),\n        tooltip: t('tiptap.toolbar.align'),\n      },\n      //-------------------------------------//\n      {\n        type: 'divider',\n        name: 'div-6',\n      },\n      //--------------- MORE sub-menu ---------------//\n      {\n        type: 'dropdown',\n        props: {\n          children: () => <EditorToolbarPlusMenu options={plusOptions} />,\n        },\n        name: 'plus',\n        visibility: showIf(hasExtension('textAlign', editor)),\n      },\n    ];\n  }, [\n    alignmentOptions,\n    canRecognizeSpeech,\n    editor,\n    listOptions,\n    mediaLibraryRef,\n    plusOptions,\n    speechRecognition,\n    t,\n    toggleSpeechRecognition,\n  ]);\n\n  return (\n    <div className=\"sticky-top z-1 editor-toolbar rounded-3\">\n      <Toolbar\n        items={toolbarItems}\n        variant=\"no-shadow\"\n        className=\"rounded-top-3\"\n        isBlock\n        align=\"left\"\n        ariaControls={id}\n      />\n    </div>\n  );\n};\n"],"names":["EditorToolbar","mediaLibraryRef","toggleMathsModal","t","useTranslation","id","editor","useEditorContext","plusOptions","listOptions","alignmentOptions","useActionOptions","isAvailable","canRecognizeSpeech","isActive","speechRecognition","toggle","toggleSpeechRecognition","useSpeechRecognition","toolbarItems","useMemo","showIf","truthy","showLinkModal","state","selection","empty","current","show","showLink","link","text","content","child","textContent","target","multiNodeSelected","childCount","type","props","icon","jsx","Icon","onClick","chain","focus","undo","run","disabled","can","name","tooltip","visibility","hasExtension","redo","className","children","triggerProps","EditorToolbarTypography","EditorToolbarTextSize","itemRefs","EditorToolbarTextColor","overflow","hasTextStyle","EditorToolbarHighlightColor","hasMark","toggleBold","toggleItalic","toggleUnderline","EditorToolbarEmoji","EditorToolbarDropdownMenu","EditorToolbarPlusMenu","Toolbar"],"mappings":"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"}

package/dist/modules/editor/components/NodeView/AttachmentNodeView.js

@@ -1,10 +1,11 @@
-import { Attachment } from "@edifice.io/tiptap-extensions";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-const AttachmentNodeView = (Component) => Attachment.extend({
+import { Attachment as t } from "@edifice.io/tiptap-extensions";
+import { ReactNodeViewRenderer as o } from "@tiptap/react";
+const a = (e) => t.extend({
   addNodeView() {
-    return ReactNodeViewRenderer(Component);
+    return o(e);
   }
 });
 export {
-  AttachmentNodeView as default
+  a as default
 };
+//# sourceMappingURL=AttachmentNodeView.js.map

package/dist/modules/editor/components/NodeView/AttachmentNodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentNodeView.js","sources":["../../../../../src/modules/editor/components/NodeView/AttachmentNodeView.tsx"],"sourcesContent":["import { Attachment } from '@edifice.io/tiptap-extensions';\nimport { ReactNodeViewRenderer } from '@tiptap/react';\n\nconst AttachmentNodeView = (Component: any) =>\n  Attachment.extend({\n    addNodeView() {\n      return ReactNodeViewRenderer(Component);\n    },\n  });\n\nexport default AttachmentNodeView;\n"],"names":["AttachmentNodeView","Component","Attachment","extend","addNodeView","ReactNodeViewRenderer"],"mappings":";;AAGA,MAAMA,IAAqBA,CAACC,MAC1BC,EAAWC,OAAO;AAAA,EAChBC,cAAc;AACZ,WAAOC,EAAsBJ,CAAS;AAAA,EACxC;AACF,CAAC;"}

package/dist/modules/editor/components/NodeView/AudioNodeView.js

@@ -1,10 +1,11 @@
-import { Audio } from "@edifice.io/tiptap-extensions";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-const AudioNodeView = (Component) => Audio.extend({
+import { Audio as o } from "@edifice.io/tiptap-extensions";
+import { ReactNodeViewRenderer as d } from "@tiptap/react";
+const i = (e) => o.extend({
   addNodeView() {
-    return ReactNodeViewRenderer(Component);
+    return d(e);
   }
 });
 export {
-  AudioNodeView as default
+  i as default
 };
+//# sourceMappingURL=AudioNodeView.js.map

package/dist/modules/editor/components/NodeView/AudioNodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioNodeView.js","sources":["../../../../../src/modules/editor/components/NodeView/AudioNodeView.tsx"],"sourcesContent":["import { Audio } from '@edifice.io/tiptap-extensions';\nimport { ReactNodeViewRenderer } from '@tiptap/react';\n\nconst AudioNodeView = (Component: any) =>\n  Audio.extend({\n    addNodeView() {\n      return ReactNodeViewRenderer(Component);\n    },\n  });\n\nexport default AudioNodeView;\n"],"names":["AudioNodeView","Component","Audio","extend","addNodeView","ReactNodeViewRenderer"],"mappings":";;AAGA,MAAMA,IAAgBA,CAACC,MACrBC,EAAMC,OAAO;AAAA,EACXC,cAAc;AACZ,WAAOC,EAAsBJ,CAAS;AAAA,EACxC;AACF,CAAC;"}

package/dist/modules/editor/components/NodeView/ImageNodeView.js

@@ -1,10 +1,11 @@
-import { CustomImage } from "@edifice.io/tiptap-extensions";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-const ImageNodeView = (Component) => CustomImage.extend({
+import { CustomImage as o } from "@edifice.io/tiptap-extensions";
+import { ReactNodeViewRenderer as r } from "@tiptap/react";
+const m = (e) => o.extend({
   addNodeView() {
-    return ReactNodeViewRenderer(Component);
+    return r(e);
   }
 });
 export {
-  ImageNodeView as default
+  m as default
 };
+//# sourceMappingURL=ImageNodeView.js.map

package/dist/modules/editor/components/NodeView/ImageNodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageNodeView.js","sources":["../../../../../src/modules/editor/components/NodeView/ImageNodeView.tsx"],"sourcesContent":["import { CustomImage } from '@edifice.io/tiptap-extensions';\nimport { ReactNodeViewRenderer } from '@tiptap/react';\n\nconst ImageNodeView = (Component: any) =>\n  CustomImage.extend({\n    addNodeView() {\n      return ReactNodeViewRenderer(Component);\n    },\n  });\n\nexport default ImageNodeView;\n"],"names":["ImageNodeView","Component","CustomImage","extend","addNodeView","ReactNodeViewRenderer"],"mappings":";;AAGA,MAAMA,IAAgBA,CAACC,MACrBC,EAAYC,OAAO;AAAA,EACjBC,cAAc;AACZ,WAAOC,EAAsBJ,CAAS;AAAA,EACxC;AACF,CAAC;"}