@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

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);
   }
-}), AttachmentNodeView$1 = AttachmentNodeView;
+});
 export {
-  AttachmentNodeView$1 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);
   }
-}), AudioNodeView$1 = AudioNodeView;
+});
 export {
-  AudioNodeView$1 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);
   }
-}), ImageNodeView$1 = ImageNodeView;
+});
 export {
-  ImageNodeView$1 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;"}

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

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

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

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

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

@@ -1,10 +1,11 @@
-import { Video } from "@edifice.io/tiptap-extensions";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-const VideoNodeView = (Component) => Video.extend({
+import { Video 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);
   }
-}), VideoNodeView$1 = VideoNodeView;
+});
 export {
-  VideoNodeView$1 as default
+  i as default
 };
+//# sourceMappingURL=VideoNodeView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoNodeView.js","sources":["../../../../../src/modules/editor/components/NodeView/VideoNodeView.tsx"],"sourcesContent":["import { Video } from '@edifice.io/tiptap-extensions';\nimport { ReactNodeViewRenderer } from '@tiptap/react';\n\nconst VideoNodeView = (Component: any) =>\n  Video.extend({\n    addNodeView() {\n      return ReactNodeViewRenderer(Component);\n    },\n  });\n\nexport default VideoNodeView;\n"],"names":["VideoNodeView","Component","Video","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/Renderer/AttachmentRenderer.js

@@ -1,34 +1,35 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { NodeViewWrapper } from "@tiptap/react";
-import { useTranslation } from "react-i18next";
-import { Attachment } from "../../../../components/Attachment/Attachment.js";
-import { useEditorContext } from "../../hooks/useEditorContext.js";
-import { Grid } from "../../../../components/Grid/Grid.js";
-import { IconButton } from "../../../../components/Button/IconButton.js";
-import { Icon } from "../../../../components/Icon/Icon.js";
-const AttachmentRenderer = (props) => {
+import { jsx as t, jsxs as a, Fragment as u } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { NodeViewWrapper as g } from "@tiptap/react";
+import { useTranslation as w } from "react-i18next";
+import { Attachment as y } from "../../../../components/Attachment/Attachment.js";
+import { useEditorContext as C } from "../../hooks/useEditorContext.js";
+import { Grid as i } from "../../../../components/Grid/Grid.js";
+import { IconButton as m } from "../../../../components/Button/IconButton.js";
+import { Icon as l } from "../../../../components/Icon/Icon.js";
+const D = (d) => {
   const {
-    t
-  } = useTranslation(), {
-    node
-  } = props, {
-    editable
-  } = useEditorContext(), [attachmentArrayAttrs, setAttachmentArrayAttrs] = useState(node.attrs.links), handleDelete = (index) => {
-    setAttachmentArrayAttrs((oldAttachments) => oldAttachments.filter((_, i) => i !== index));
+    t: n
+  } = w(), {
+    node: c
+  } = d, {
+    editable: s
+  } = C(), [e, p] = b(c.attrs.links), h = (o) => {
+    p((r) => r.filter((F, f) => f !== o));
   };
-  return attachmentArrayAttrs.length !== 0 && /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsxs("div", { style: {
+  return e.length !== 0 && /* @__PURE__ */ t(g, { children: /* @__PURE__ */ a("div", { style: {
     backgroundColor: "#F2F2F2",
     borderRadius: ".8rem",
     padding: "1.2rem"
   }, "data-drag-handle": !0, children: [
-    /* @__PURE__ */ jsx("p", { className: "m-12 mt-0", children: t("tiptap.attachments.bloc") }),
-    /* @__PURE__ */ jsx(Grid, { children: attachmentArrayAttrs == null ? void 0 : attachmentArrayAttrs.map((attachment, index) => /* @__PURE__ */ jsx(Grid.Col, { sm: "6", children: /* @__PURE__ */ jsx(Attachment, { name: attachment.name, options: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("a", { href: attachment.href, download: !0, children: /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.download"), color: "tertiary", type: "button", icon: /* @__PURE__ */ jsx(Icon, { name: "download" }), variant: "ghost" }) }),
-      editable && /* @__PURE__ */ jsx(IconButton, { "aria-label": t("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ jsx(Icon, { name: "delete" }), variant: "ghost", onClick: () => handleDelete(index) })
-    ] }) }) }, index)) })
+    /* @__PURE__ */ t("p", { className: "m-12 mt-0", children: n("tiptap.attachments.bloc") }),
+    /* @__PURE__ */ t(i, { children: e == null ? void 0 : e.map((o, r) => /* @__PURE__ */ t(i.Col, { sm: "6", children: /* @__PURE__ */ t(y, { name: o.name, options: /* @__PURE__ */ a(u, { children: [
+      /* @__PURE__ */ t("a", { href: o.href, download: !0, children: /* @__PURE__ */ t(m, { "aria-label": n("tiptap.attachments.download"), color: "tertiary", type: "button", icon: /* @__PURE__ */ t(l, { name: "download" }), variant: "ghost" }) }),
+      s && /* @__PURE__ */ t(m, { "aria-label": n("tiptap.attachments.delete"), color: "danger", type: "button", icon: /* @__PURE__ */ t(l, { name: "delete" }), variant: "ghost", onClick: () => h(r) })
+    ] }) }) }, r)) })
   ] }) });
 };
 export {
-  AttachmentRenderer
+  D as AttachmentRenderer
 };
+//# sourceMappingURL=AttachmentRenderer.js.map

package/dist/modules/editor/components/Renderer/AttachmentRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentRenderer.js","sources":["../../../../../src/modules/editor/components/Renderer/AttachmentRenderer.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Editor, NodeViewWrapper } from '@tiptap/react';\nimport { useTranslation } from 'react-i18next';\n\nimport { useEditorContext } from '../..';\nimport { Attachment, Grid, Icon, IconButton } from '../../../..';\n\ninterface AttachmentProps {\n  editor: Editor;\n  [x: string]: any;\n}\n\ninterface AttachmentAttrsProps {\n  name: string;\n  href: string;\n  documentId: string;\n  dataContentType: string;\n}\n\nexport const AttachmentRenderer = (props: AttachmentProps) => {\n  const { t } = useTranslation();\n\n  const { node } = props;\n\n  const { editable } = useEditorContext();\n\n  const [attachmentArrayAttrs, setAttachmentArrayAttrs] = useState<\n    AttachmentAttrsProps[]\n  >(node.attrs.links);\n\n  const handleDelete = (index: any) => {\n    setAttachmentArrayAttrs((oldAttachments) =>\n      oldAttachments.filter((_, i) => i !== index),\n    );\n  };\n\n  return (\n    attachmentArrayAttrs.length !== 0 && (\n      <NodeViewWrapper>\n        <div\n          style={{\n            backgroundColor: '#F2F2F2',\n            borderRadius: '.8rem',\n            padding: '1.2rem',\n          }}\n          data-drag-handle\n        >\n          <p className=\"m-12 mt-0\">{t('tiptap.attachments.bloc')}</p>\n          <Grid>\n            {attachmentArrayAttrs?.map((attachment, index) => (\n              <Grid.Col sm=\"6\" key={index}>\n                <Attachment\n                  name={attachment.name}\n                  options={\n                    <>\n                      <a href={attachment.href} download>\n                        <IconButton\n                          aria-label={t('tiptap.attachments.download')}\n                          color=\"tertiary\"\n                          type=\"button\"\n                          icon={<Icon name=\"download\" />}\n                          variant=\"ghost\"\n                        />\n                      </a>\n                      {editable && (\n                        <IconButton\n                          aria-label={t('tiptap.attachments.delete')}\n                          color=\"danger\"\n                          type=\"button\"\n                          icon={<Icon name=\"delete\" />}\n                          variant=\"ghost\"\n                          onClick={() => handleDelete(index)}\n                        />\n                      )}\n                    </>\n                  }\n                />\n              </Grid.Col>\n            ))}\n          </Grid>\n        </div>\n      </NodeViewWrapper>\n    )\n  );\n};\n"],"names":["AttachmentRenderer","props","t","useTranslation","node","editable","useEditorContext","attachmentArrayAttrs","setAttachmentArrayAttrs","useState","attrs","links","handleDelete","index","oldAttachments","filter","_","i","length","NodeViewWrapper","jsxs","backgroundColor","borderRadius","padding","jsx","Grid","map","attachment","Attachment","name","Fragment","href","IconButton","Icon"],"mappings":";;;;;;;;;AAoBaA,MAAAA,IAAqBA,CAACC,MAA2B;AACtD,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAEvB;AAAA,IAAEC,MAAAA;AAAAA,EAASH,IAAAA,GAEX;AAAA,IAAEI,UAAAA;AAAAA,MAAaC,EAAiB,GAEhC,CAACC,GAAsBC,CAAuB,IAAIC,EAEtDL,EAAKM,MAAMC,KAAK,GAEZC,IAAeA,CAACC,MAAe;AACVC,IAAAA,EAAAA,CAAAA,MACvBA,EAAeC,OAAO,CAACC,GAAGC,MAAMA,MAAMJ,CAAK,CAC7C;AAAA,EAAA;AAGF,SACEN,EAAqBW,WAAW,uBAC7BC,GACC,EAAA,UAAA,gBAAAC,EAAC,SACC,OAAO;AAAA,IACLC,iBAAiB;AAAA,IACjBC,cAAc;AAAA,IACdC,SAAS;AAAA,EAAA,GAEX,oBAAgB,IAEhB,UAAA;AAAA,IAAA,gBAAAC,EAAC,KAAE,EAAA,WAAU,aAAatB,UAAAA,EAAE,yBAAyB,GAAE;AAAA,sBACtDuB,GACElB,EAAAA,UAAAA,KAAAA,gBAAAA,EAAsBmB,IAAI,CAACC,GAAYd,MACrC,gBAAAW,EAAAC,EAAK,KAAL,EAAS,IAAG,KACX,UAAC,gBAAAD,EAAAI,GAAA,EACC,MAAMD,EAAWE,MACjB,SAEI,gBAAAT,EAAAU,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAN,EAAA,KAAA,EAAE,MAAMG,EAAWI,MAAM,UAAQ,IAChC,UAAC,gBAAAP,EAAAQ,GAAA,EACC,cAAY9B,EAAE,6BAA6B,GAC3C,OAAM,YACN,MAAK,UACL,MAAO,gBAAAsB,EAAAS,GAAA,EAAK,MAAK,WAAa,CAAA,GAC9B,SAAQ,QAAA,CAAO,EAEnB,CAAA;AAAA,MACC5B,uBACE2B,GACC,EAAA,cAAY9B,EAAE,2BAA2B,GACzC,OAAM,UACN,MAAK,UACL,MAAO,gBAAAsB,EAAAS,GAAA,EAAK,MAAK,SAAQ,CAAA,GACzB,SAAQ,SACR,SAAS,MAAMrB,EAAaC,CAAK,EAEpC,CAAA;AAAA,IAAA,EAAA,CACH,EACD,CAAA,EAAA,GAzBiBA,CA2BtB,GAEJ,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAGN;"}

package/dist/modules/editor/components/Renderer/AudioRenderer.js

@@ -1,11 +1,12 @@
-import { jsx } from "react/jsx-runtime";
-import { NodeViewWrapper } from "@tiptap/react";
-const AudioRenderer = (props) => {
+import { jsx as r } from "react/jsx-runtime";
+import { NodeViewWrapper as t } from "@tiptap/react";
+const i = (o) => {
   const {
-    node
-  } = props;
-  return /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsx("div", { className: "audio-wrapper", children: /* @__PURE__ */ jsx("audio", { src: node.attrs.src, controls: !0, "data-document-id": node.attrs.src, children: /* @__PURE__ */ jsx("track", { kind: "captions" }) }) }) });
+    node: e
+  } = o;
+  return /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r("div", { className: "audio-wrapper", children: /* @__PURE__ */ r("audio", { src: e.attrs.src, controls: !0, "data-document-id": e.attrs.src, children: /* @__PURE__ */ r("track", { kind: "captions" }) }) }) });
 };
 export {
-  AudioRenderer
+  i as AudioRenderer
 };
+//# sourceMappingURL=AudioRenderer.js.map

package/dist/modules/editor/components/Renderer/AudioRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioRenderer.js","sources":["../../../../../src/modules/editor/components/Renderer/AudioRenderer.tsx"],"sourcesContent":["import { Editor, NodeViewWrapper } from '@tiptap/react';\n\ninterface AudioProps {\n  editor: Editor;\n  [x: string]: any;\n}\n\nexport const AudioRenderer = (props: AudioProps) => {\n  const { node } = props;\n\n  return (\n    <NodeViewWrapper>\n      <div className=\"audio-wrapper\">\n        <audio src={node.attrs.src} controls data-document-id={node.attrs.src}>\n          <track kind=\"captions\" />\n        </audio>\n      </div>\n    </NodeViewWrapper>\n  );\n};\n"],"names":["AudioRenderer","props","node","jsx","NodeViewWrapper","attrs","src"],"mappings":";;AAOaA,MAAAA,IAAgBA,CAACC,MAAsB;AAC5C,QAAA;AAAA,IAAEC,MAAAA;AAAAA,EAASD,IAAAA;AAGf,SAAA,gBAAAE,EAACC,GACC,EAAA,UAAA,gBAAAD,EAAC,OAAI,EAAA,WAAU,iBACb,UAAC,gBAAAA,EAAA,SAAA,EAAM,KAAKD,EAAKG,MAAMC,KAAK,UAAQ,IAAC,oBAAkBJ,EAAKG,MAAMC,KAChE,UAAA,gBAAAH,EAAC,WAAM,MAAK,WAAA,CAAU,EACxB,CAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/modules/editor/components/Renderer/LinkerRenderer.js

@@ -1,34 +1,35 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { NodeViewWrapper } from "@tiptap/react";
-import clsx from "clsx";
-import useOdeIcons from "../../../../core/useOdeIcons/useOdeIcons.js";
-import { Badge } from "../../../../components/Badge/Badge.js";
-import { AppIcon } from "../../../../components/AppIcon/AppIcon.js";
-const LinkerRenderer = ({
-  selected,
-  ...props
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { NodeViewWrapper as x } from "@tiptap/react";
+import h from "clsx";
+import k from "../../../../core/useOdeIcons/useOdeIcons.js";
+import { Badge as b } from "../../../../components/Badge/Badge.js";
+import { AppIcon as u } from "../../../../components/AppIcon/AppIcon.js";
+const v = ({
+  selected: n,
+  ...r
 }) => {
   const {
-    getIconCode
-  } = useOdeIcons(), {
-    editor,
-    node
-  } = props, {
-    class: className,
-    title,
-    "data-app-prefix": appPrefix,
-    href,
-    target
-  } = node.attrs, classes = clsx("align-middle badge-linker c-pointer mx-4 my-2", className, selected && "bg-secondary-200"), appCode = getIconCode(appPrefix);
-  return /* @__PURE__ */ jsx(NodeViewWrapper, { as: "span", contentEditable: !1, children: /* @__PURE__ */ jsxs(Badge, { variant: {
+    getIconCode: o
+  } = k(), {
+    editor: t,
+    node: a
+  } = r, {
+    class: s,
+    title: i,
+    "data-app-prefix": c,
+    href: d,
+    target: l
+  } = a.attrs, p = h("align-middle badge-linker c-pointer mx-4 my-2", s, n && "bg-secondary-200"), m = o(c);
+  return /* @__PURE__ */ e(x, { as: "span", contentEditable: !1, children: /* @__PURE__ */ g(b, { variant: {
     type: "link"
-  }, className: classes, onClick: (event) => {
-    editor && !editor.isEditable && (event.preventDefault, window.open(href ?? "about:blank", target ?? "_self"));
+  }, className: p, onClick: (f) => {
+    t && !t.isEditable && (f.preventDefault(), window.open(d ?? "about:blank", l ?? "_self"));
   }, "data-drag-handle": !0, children: [
-    /* @__PURE__ */ jsx(AppIcon, { size: "24", app: appCode }),
-    /* @__PURE__ */ jsx("span", { className: "ms-8 text-truncate", children: title || node.textContent })
+    /* @__PURE__ */ e(u, { size: "24", app: m }),
+    /* @__PURE__ */ e("span", { className: "ms-8 text-truncate", children: i || a.textContent })
   ] }) });
 };
 export {
-  LinkerRenderer
+  v as LinkerRenderer
 };
+//# sourceMappingURL=LinkerRenderer.js.map

package/dist/modules/editor/components/Renderer/LinkerRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkerRenderer.js","sources":["../../../../../src/modules/editor/components/Renderer/LinkerRenderer.tsx"],"sourcesContent":["import { MouseEventHandler } from 'react';\n\nimport { Node } from '@tiptap/pm/model';\nimport { Editor, NodeViewWrapper } from '@tiptap/react';\nimport clsx from 'clsx';\nimport { AppIcon, Badge, useOdeIcons } from '../../../..';\n\ninterface LinkerProps {\n  selected: boolean;\n  editor: Editor;\n  node: Node;\n}\n\nexport const LinkerRenderer = ({ selected, ...props }: LinkerProps) => {\n  const { getIconCode } = useOdeIcons();\n  const { editor, node } = props;\n  const {\n    class: className,\n    title,\n    'data-app-prefix': appPrefix,\n    href,\n    target,\n  } = node.attrs;\n\n  const classes = clsx(\n    'align-middle badge-linker c-pointer mx-4 my-2',\n    className,\n    selected && 'bg-secondary-200',\n  );\n\n  const appCode = getIconCode(appPrefix);\n\n  const handleBadgeClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n    // Clicking a linker badge in read mode opens the link\n    if (editor && !editor.isEditable) {\n      event.preventDefault();\n      window.open(href ?? 'about:blank', target ?? '_self');\n    }\n  };\n\n  return (\n    <NodeViewWrapper as=\"span\" contentEditable={false}>\n      <Badge\n        variant={{ type: 'link' }}\n        className={classes}\n        onClick={handleBadgeClick}\n        data-drag-handle\n      >\n        <AppIcon size=\"24\" app={appCode} />\n        <span className=\"ms-8 text-truncate\">{title || node.textContent}</span>\n      </Badge>\n    </NodeViewWrapper>\n  );\n};\n"],"names":["LinkerRenderer","selected","props","getIconCode","useOdeIcons","editor","node","class","className","title","appPrefix","href","target","attrs","classes","clsx","appCode","jsx","NodeViewWrapper","jsxs","Badge","type","event","isEditable","preventDefault","window","open","AppIcon","textContent"],"mappings":";;;;;;AAaO,MAAMA,IAAiBA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAU,GAAGC;AAAmB,MAAM;AAC/D,QAAA;AAAA,IAAEC,aAAAA;AAAAA,MAAgBC,EAAY,GAC9B;AAAA,IAAEC,QAAAA;AAAAA,IAAQC,MAAAA;AAAAA,EAASJ,IAAAA,GACnB;AAAA,IACJK,OAAOC;AAAAA,IACPC,OAAAA;AAAAA,IACA,mBAAmBC;AAAAA,IACnBC,MAAAA;AAAAA,IACAC,QAAAA;AAAAA,EAAAA,IACEN,EAAKO,OAEHC,IAAUC,EACd,iDACAP,GACAP,KAAY,kBACd,GAEMe,IAAUb,EAAYO,CAAS;AAWnC,SAAA,gBAAAO,EAACC,KAAgB,IAAG,QAAO,iBAAiB,IAC1C,UAAA,gBAAAC,EAACC,KACC,SAAS;AAAA,IAAEC,MAAM;AAAA,EAAA,GACjB,WAAWP,GACX,SAbwDQ,CAAUA,MAAA;AAElEjB,IAAAA,KAAU,CAACA,EAAOkB,eACpBD,EAAME,eAAe,GACrBC,OAAOC,KAAKf,KAAQ,eAAeC,KAAU,OAAO;AAAA,EACtD,GASI,oBAAgB,IAEhB,UAAA;AAAA,IAAA,gBAAAK,EAACU,GAAQ,EAAA,MAAK,MAAK,KAAKX,GAAQ;AAAA,sBAC/B,QAAK,EAAA,WAAU,sBAAsBP,UAAAA,KAASH,EAAKsB,aAAY;AAAA,EAAA,EAClE,CAAA,EACF,CAAA;AAEJ;"}

package/dist/modules/editor/components/Renderer/MediaRenderer.js

@@ -1,25 +1,25 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { NodeViewWrapper } from "@tiptap/react";
-import { odeServices } from "edifice-ts-client";
-import { useTranslation } from "react-i18next";
-import useBrowserInfo from "../../../../hooks/useBrowserInfo/useBrowserInfo.js";
-import { useResizeMedia } from "../../hooks/useResizeMedia.js";
-import { Image } from "../../../../components/Image/Image.js";
-const MediaRenderer = (props) => {
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
+import { useRef as g, useEffect as v } from "react";
+import { odeServices as w } from "@edifice.io/ts-client";
+import { NodeViewWrapper as R } from "@tiptap/react";
+import { useTranslation as z } from "react-i18next";
+import y from "../../../../hooks/useBrowserInfo/useBrowserInfo.js";
+import { useResizeMedia as V } from "../../hooks/useResizeMedia.js";
+import { Image as I } from "../../../../components/Image/Image.js";
+const A = (a) => {
   const {
-    node
-  } = props, {
-    t
-  } = useTranslation(), {
-    browser,
-    device
-  } = useBrowserInfo(navigator.userAgent), resizableMedia = useRef(null), {
-    startVerticalResize,
-    stopVerticalResize,
-    isVerticalResizeActive
-  } = useResizeMedia(props, resizableMedia), alignContent = (textalign) => {
-    switch (textalign) {
+    node: t
+  } = a, {
+    t: c
+  } = z(), {
+    browser: o,
+    device: d
+  } = y(navigator.userAgent), r = g(null), {
+    startVerticalResize: m,
+    stopVerticalResize: u,
+    isVerticalResizeActive: l
+  } = V(a, r), f = (e) => {
+    switch (e) {
       case "center":
       case "justify":
         return {
@@ -40,30 +40,31 @@ const MediaRenderer = (props) => {
       default:
         return {};
     }
-  }, onVideoPlay = () => {
-    if (resizableMedia.current instanceof HTMLVideoElement) {
-      const videoElement = resizableMedia.current, videoId = videoElement.dataset.documentId, isCaptation = (videoElement.dataset.documentIsCaptation || "false") == "true";
-      videoId && odeServices.data().trackVideoRead(videoId, isCaptation, window.location.hostname, `${browser.name} ${browser.version}`, device.type);
+  }, n = () => {
+    if (r.current instanceof HTMLVideoElement) {
+      const e = r.current, s = e.dataset.documentId, p = (e.dataset.documentIsCaptation || "false") === "true";
+      s && w.data().trackVideoRead(s, p, window.location.hostname, `${o.name} ${o.version}`, d.type);
     }
   };
-  return useEffect(() => {
-    if (!resizableMedia.current) return;
-    const element = resizableMedia.current;
-    return element.addEventListener("play", onVideoPlay), () => {
-      element.removeEventListener("play", onVideoPlay);
+  return v(() => {
+    if (!r.current) return;
+    const e = r.current;
+    return e.addEventListener("play", n), () => {
+      e.removeEventListener("play", n);
     };
-  }, []), /* @__PURE__ */ jsx(NodeViewWrapper, { style: alignContent(node.attrs.textAlign), children: /* @__PURE__ */ jsxs("div", { className: "media-node-view", children: [
-    /* @__PURE__ */ jsx("div", { "data-drag-handle": !0, children: node.type.name === "custom-image" ? /* @__PURE__ */ jsx(Image, { ...node.attrs, className: "custom-image", ref: resizableMedia }) : (
+  }, []), /* @__PURE__ */ i(R, { style: f(t.attrs.textAlign), children: /* @__PURE__ */ h("div", { className: "media-node-view", children: [
+    /* @__PURE__ */ i("div", { "data-drag-handle": !0, children: t.type.name === "custom-image" ? /* @__PURE__ */ i(I, { ...t.attrs, className: "custom-image", ref: r }) : (
       // eslint-disable-next-line jsx-a11y/media-has-caption
-      /* @__PURE__ */ jsx("video", { ref: resizableMedia, controls: node.attrs.controls, src: node.attrs.src, width: node.attrs.width, height: node.attrs.height, "data-video-resolution": `${node.attrs.width}x${node.attrs.height}`, "data-document-id": node.attrs.documentId, "data-document-is-captation": node.attrs.isCaptation, children: /* @__PURE__ */ jsx("source", { src: node.attrs.src }) })
+      /* @__PURE__ */ i("video", { ref: r, controls: t.attrs.controls, src: t.attrs.src, width: t.attrs.width, height: t.attrs.height, "data-video-resolution": `${t.attrs.width}x${t.attrs.height}`, "data-document-id": t.attrs.documentId, "data-document-is-captation": t.attrs.isCaptation, children: /* @__PURE__ */ i("source", { src: t.attrs.src }) })
     ) }),
-    /* @__PURE__ */ jsx("div", { className: `vertical-resize-handle ${isVerticalResizeActive ? "vertical-resize-active" : ""}`, title: t("tiptap.media.resize"), onMouseDown: (e) => {
-      e.stopPropagation(), startVerticalResize(e);
+    /* @__PURE__ */ i("div", { className: `vertical-resize-handle ${l ? "vertical-resize-active" : ""}`, title: c("tiptap.media.resize"), onMouseDown: (e) => {
+      e.stopPropagation(), m(e);
     }, onMouseUp: (e) => {
-      e.stopPropagation(), stopVerticalResize();
+      e.stopPropagation(), u();
     } })
   ] }) });
 };
 export {
-  MediaRenderer
+  A as MediaRenderer
 };
+//# sourceMappingURL=MediaRenderer.js.map

package/dist/modules/editor/components/Renderer/MediaRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaRenderer.js","sources":["../../../../../src/modules/editor/components/Renderer/MediaRenderer.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport { useEffect, useRef } from 'react';\n\nimport { odeServices } from '@edifice.io/ts-client';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Image, useBrowserInfo } from '../../../..';\nimport { MediaResizeProps, useResizeMedia } from '../../hooks';\n\nexport const MediaRenderer = (props: MediaResizeProps) => {\n  const { node } = props;\n\n  const { t } = useTranslation();\n\n  const { browser, device } = useBrowserInfo(navigator.userAgent);\n\n  const resizableMedia = useRef<HTMLImageElement | HTMLVideoElement>(null);\n\n  const { startVerticalResize, stopVerticalResize, isVerticalResizeActive } =\n    useResizeMedia(props, resizableMedia);\n\n  const alignContent = (textalign: string) => {\n    switch (textalign) {\n      case 'center':\n      case 'justify':\n        return {\n          marginLeft: 'auto',\n          marginRight: 'auto',\n          width: 'fit-content',\n        };\n      case 'left':\n        return { marginRight: 'auto', width: 'fit-content' };\n      case 'right':\n        return { marginLeft: 'auto', width: 'fit-content' };\n      default:\n        return {};\n    }\n  };\n\n  const onVideoPlay = () => {\n    if (resizableMedia.current instanceof HTMLVideoElement) {\n      const videoElement: HTMLVideoElement = resizableMedia.current;\n      const videoId = videoElement.dataset.documentId;\n      const isCaptation =\n        (videoElement.dataset.documentIsCaptation || 'false') === 'true';\n\n      videoId &&\n        odeServices\n          .data()\n          .trackVideoRead(\n            videoId,\n            isCaptation,\n            window.location.hostname,\n            `${browser.name} ${browser.version}`,\n            device.type,\n          );\n    }\n  };\n\n  // Set up some event listeners, once.\n  useEffect(() => {\n    if (!resizableMedia.current) return;\n    const element = resizableMedia.current;\n\n    // Track play event on HTMLVideoElement\n    element.addEventListener('play', onVideoPlay);\n    return () => {\n      element.removeEventListener('play', onVideoPlay);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <NodeViewWrapper style={alignContent(node.attrs.textAlign)}>\n      <div className=\"media-node-view\">\n        <div data-drag-handle>\n          {node.type.name === 'custom-image' ? (\n            <Image\n              {...node.attrs}\n              className={`custom-image`}\n              ref={resizableMedia as React.RefObject<HTMLImageElement>}\n            />\n          ) : (\n            // eslint-disable-next-line jsx-a11y/media-has-caption\n            <video\n              ref={resizableMedia as React.RefObject<HTMLVideoElement>}\n              controls={node.attrs.controls}\n              src={node.attrs.src}\n              width={node.attrs.width}\n              height={node.attrs.height}\n              data-video-resolution={`${node.attrs.width}x${node.attrs.height}`}\n              data-document-id={node.attrs.documentId}\n              data-document-is-captation={node.attrs.isCaptation}\n            >\n              <source src={node.attrs.src} />\n            </video>\n          )}\n        </div>\n\n        <div\n          className={`vertical-resize-handle ${\n            isVerticalResizeActive ? 'vertical-resize-active' : ''\n          }`}\n          title={t('tiptap.media.resize')}\n          onMouseDown={(e) => {\n            e.stopPropagation();\n            startVerticalResize(e);\n          }}\n          onMouseUp={(e) => {\n            e.stopPropagation();\n            stopVerticalResize();\n          }}\n        />\n      </div>\n    </NodeViewWrapper>\n  );\n};\n"],"names":["MediaRenderer","props","node","t","useTranslation","browser","device","useBrowserInfo","navigator","userAgent","resizableMedia","useRef","startVerticalResize","stopVerticalResize","isVerticalResizeActive","useResizeMedia","alignContent","textalign","marginLeft","marginRight","width","onVideoPlay","current","HTMLVideoElement","videoElement","videoId","dataset","documentId","isCaptation","documentIsCaptation","odeServices","data","trackVideoRead","window","location","hostname","name","version","type","useEffect","element","addEventListener","removeEventListener","jsx","NodeViewWrapper","attrs","textAlign","jsxs","Image","controls","src","height","e","stopPropagation"],"mappings":";;;;;;;;AAUaA,MAAAA,IAAgBA,CAACC,MAA4B;AAClD,QAAA;AAAA,IAAEC,MAAAA;AAAAA,EAASD,IAAAA,GAEX;AAAA,IAAEE,GAAAA;AAAAA,MAAMC,EAAe,GAEvB;AAAA,IAAEC,SAAAA;AAAAA,IAASC,QAAAA;AAAAA,EAAAA,IAAWC,EAAeC,UAAUC,SAAS,GAExDC,IAAiBC,EAA4C,IAAI,GAEjE;AAAA,IAAEC,qBAAAA;AAAAA,IAAqBC,oBAAAA;AAAAA,IAAoBC,wBAAAA;AAAAA,EAAAA,IAC/CC,EAAed,GAAOS,CAAc,GAEhCM,IAAeA,CAACC,MAAsB;AAC1C,YAAQA,GAAS;AAAA,MACf,KAAK;AAAA,MACL,KAAK;AACI,eAAA;AAAA,UACLC,YAAY;AAAA,UACZC,aAAa;AAAA,UACbC,OAAO;AAAA,QAAA;AAAA,MAEX,KAAK;AACI,eAAA;AAAA,UAAED,aAAa;AAAA,UAAQC,OAAO;AAAA,QAAA;AAAA,MACvC,KAAK;AACI,eAAA;AAAA,UAAEF,YAAY;AAAA,UAAQE,OAAO;AAAA,QAAA;AAAA,MACtC;AACE,eAAO;IACX;AAAA,EAAA,GAGIC,IAAcA,MAAM;AACpBX,QAAAA,EAAeY,mBAAmBC,kBAAkB;AACtD,YAAMC,IAAiCd,EAAeY,SAChDG,IAAUD,EAAaE,QAAQC,YAC/BC,KACHJ,EAAaE,QAAQG,uBAAuB,aAAa;AAE5DJ,MAAAA,KACEK,EACGC,OACAC,eACCP,GACAG,GACAK,OAAOC,SAASC,UAChB,GAAG9B,EAAQ+B,IAAI,IAAI/B,EAAQgC,OAAO,IAClC/B,EAAOgC,IACT;AAAA,IACN;AAAA,EAAA;AAIFC,SAAAA,EAAU,MAAM;AACV,QAAA,CAAC7B,EAAeY,QAAS;AAC7B,UAAMkB,IAAU9B,EAAeY;AAGvBmB,WAAAA,EAAAA,iBAAiB,QAAQpB,CAAW,GACrC,MAAM;AACHqB,MAAAA,EAAAA,oBAAoB,QAAQrB,CAAW;AAAA,IAAA;AAAA,EAGnD,GAAG,CAAE,CAAA,GAGH,gBAAAsB,EAACC,GAAgB,EAAA,OAAO5B,EAAad,EAAK2C,MAAMC,SAAS,GACvD,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,IAAA,gBAAAJ,EAAC,OAAI,EAAA,oBAAgB,IAClBzC,UAAAA,EAAKoC,KAAKF,SAAS,iBACjB,gBAAAO,EAAAK,GAAA,EACC,GAAI9C,EAAK2C,OACT,WAAW,gBACX,KAAKnC,GACL;AAAA;AAAA,MAGF,gBAAAiC,EAAC,WACC,KAAKjC,GACL,UAAUR,EAAK2C,MAAMI,UACrB,KAAK/C,EAAK2C,MAAMK,KAChB,OAAOhD,EAAK2C,MAAMzB,OAClB,QAAQlB,EAAK2C,MAAMM,QACnB,yBAAuB,GAAGjD,EAAK2C,MAAMzB,KAAK,IAAIlB,EAAK2C,MAAMM,MAAM,IAC/D,oBAAkBjD,EAAK2C,MAAMlB,YAC7B,8BAA4BzB,EAAK2C,MAAMjB,aAEvC,UAAC,gBAAAe,EAAA,UAAA,EAAO,KAAKzC,EAAK2C,MAAMK,KAAI,EAC9B,CAAA;AAAA,OAEJ;AAAA,IAEC,gBAAAP,EAAA,OAAA,EACC,WAAW,0BACT7B,IAAyB,2BAA2B,EAAE,IAExD,OAAOX,EAAE,qBAAqB,GAC9B,aAAciD,CAAM,MAAA;AAClBA,QAAEC,gBAAgB,GAClBzC,EAAoBwC,CAAC;AAAA,IAAA,GAEvB,WAAYA,CAAM,MAAA;AAChBA,QAAEC,gBAAgB,GACCxC;IAAA,GACnB;AAAA,EAAA,EAEN,CAAA,EACF,CAAA;AAEJ;"}

package/dist/modules/editor/components/Toolbar/LinkToolbar.TippyOptions.js

@@ -1,8 +1,9 @@
-const tippyOptions = {
+const t = {
   placement: "bottom",
   offset: [0, 10],
   zIndex: 999
 };
 export {
-  tippyOptions
+  t as tippyOptions
 };
+//# sourceMappingURL=LinkToolbar.TippyOptions.js.map

package/dist/modules/editor/components/Toolbar/LinkToolbar.TippyOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkToolbar.TippyOptions.js","sources":["../../../../../src/modules/editor/components/Toolbar/LinkToolbar.TippyOptions.ts"],"sourcesContent":["import { FloatingMenuProps } from '@tiptap/react';\n\nexport const tippyOptions: FloatingMenuProps['tippyOptions'] = {\n  placement: 'bottom',\n  offset: [0, 10],\n  zIndex: 999,\n};\n"],"names":["tippyOptions","placement","offset","zIndex"],"mappings":"AAEO,MAAMA,IAAkD;AAAA,EAC7DC,WAAW;AAAA,EACXC,QAAQ,CAAC,GAAG,EAAE;AAAA,EACdC,QAAQ;AACV;"}

package/dist/modules/editor/components/Toolbar/LinkToolbar.d.ts

@@ -11,5 +11,5 @@ interface LinkToolbarProps {
     /** Handle Unlink event */
     onUnlink: (attrs: any) => void;
 }
-declare const LinkToolbar: ({ editor, onEdit, onOpen, onUnlink, }: LinkToolbarProps) => import("react/jsx-runtime").JSX.Element;
+declare const LinkToolbar: ({ editor, onEdit, onOpen, onUnlink, }: LinkToolbarProps) => import("react/jsx-runtime").JSX.Element | null;
 export default LinkToolbar;

package/dist/modules/editor/components/Toolbar/LinkToolbar.js

@@ -1,59 +1,60 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { useState, useMemo, useEffect } from "react";
-import { FloatingMenu } from "@tiptap/react";
-import { useTranslation } from "react-i18next";
-import { tippyOptions } from "./LinkToolbar.TippyOptions.js";
-import { Icon } from "../../../../components/Icon/Icon.js";
-import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
-const LinkToolbar = ({
-  editor,
-  onEdit,
-  onOpen,
-  onUnlink
+import { jsx as a } from "react/jsx-runtime";
+import { useState as c, useMemo as k, useEffect as b } from "react";
+import { FloatingMenu as u } from "@tiptap/react";
+import { useTranslation as r } from "react-i18next";
+import { tippyOptions as f } from "./LinkToolbar.TippyOptions.js";
+import { Icon as e } from "../../../../components/Icon/Icon.js";
+import { Toolbar as h } from "../../../../components/Toolbar/Toolbar.js";
+const C = ({
+  editor: t,
+  onEdit: s,
+  onOpen: p,
+  onUnlink: o
 }) => {
   const {
-    t
-  } = useTranslation(), [linkAttrs, setLinkAttrs] = useState(), LinkToolbarItems = useMemo(() => [{
+    t: l
+  } = r(), [i, n] = c(), m = k(() => [{
     type: "icon",
     name: "edit",
     props: {
-      icon: /* @__PURE__ */ jsx(Icon, { name: "edit" }),
-      "aria-label": t("tiptap.link.toolbar.edit"),
-      onClick: () => onEdit == null ? void 0 : onEdit(linkAttrs)
+      icon: /* @__PURE__ */ a(e, { name: "edit" }),
+      "aria-label": l("tiptap.link.toolbar.edit"),
+      onClick: () => s == null ? void 0 : s(i)
     },
     tooltip: {
-      message: t("tiptap.link.toolbar.tooltip.edit"),
+      message: l("tiptap.link.toolbar.tooltip.edit"),
       position: "bottom"
     }
   }, {
     type: "icon",
     name: "open",
     props: {
-      icon: /* @__PURE__ */ jsx(Icon, { name: "external-link" }),
-      "aria-label": t("tiptap.link.toolbar.open"),
-      onClick: () => onOpen == null ? void 0 : onOpen(linkAttrs)
+      icon: /* @__PURE__ */ a(e, { name: "external-link" }),
+      "aria-label": l("tiptap.link.toolbar.open"),
+      onClick: () => p == null ? void 0 : p(i)
     },
     tooltip: {
-      message: t("tiptap.link.toolbar.tooltip.open"),
+      message: l("tiptap.link.toolbar.tooltip.open"),
       position: "bottom"
     }
   }, {
     type: "icon",
     name: "unlink",
     props: {
-      icon: /* @__PURE__ */ jsx(Icon, { name: "unlink", className: "text-danger" }),
-      "aria-label": t("tiptap.link.toolbar.unlink"),
-      onClick: () => onUnlink == null ? void 0 : onUnlink(linkAttrs)
+      icon: /* @__PURE__ */ a(e, { name: "unlink", className: "text-danger" }),
+      "aria-label": l("tiptap.link.toolbar.unlink"),
+      onClick: () => o == null ? void 0 : o(i)
     },
     tooltip: {
-      message: t("tiptap.link.toolbar.tooltip.unlink"),
+      message: l("tiptap.link.toolbar.tooltip.unlink"),
       position: "bottom"
     }
-  }], [onEdit, onOpen, onUnlink, t, linkAttrs]);
-  return useEffect(() => {
-    editor != null && editor.isActive("linker") ? setLinkAttrs(editor.getAttributes("linker")) : editor != null && editor.isActive("hyperlink") ? setLinkAttrs(editor.getAttributes("hyperlink")) : setLinkAttrs(void 0);
-  }, [editor == null ? void 0 : editor.state]), /* @__PURE__ */ jsx(Fragment, { children: editor && /* @__PURE__ */ jsx(FloatingMenu, { editor, tippyOptions, shouldShow: () => (editor == null ? void 0 : editor.isEditable) && ((editor == null ? void 0 : editor.isActive("linker")) || (editor == null ? void 0 : editor.isActive("hyperlink"))) || !1, children: /* @__PURE__ */ jsx(Toolbar, { className: "p-4", items: LinkToolbarItems }) }) });
-}, LinkToolbar$1 = LinkToolbar;
+  }], [s, p, o, l, i]);
+  return b(() => {
+    t != null && t.isActive("linker") ? n(t.getAttributes("linker")) : t != null && t.isActive("hyperlink") ? n(t.getAttributes("hyperlink")) : n(void 0);
+  }, [t == null ? void 0 : t.state]), t && /* @__PURE__ */ a(u, { editor: t, tippyOptions: f, shouldShow: () => (t == null ? void 0 : t.isEditable) && ((t == null ? void 0 : t.isActive("linker")) || (t == null ? void 0 : t.isActive("hyperlink"))) || !1, children: /* @__PURE__ */ a(h, { className: "p-4", items: m }) });
+};
 export {
-  LinkToolbar$1 as default
+  C as default
 };
+//# sourceMappingURL=LinkToolbar.js.map