@edifice.io/react 2.0.0-develop-rc.8 → 2.0.0-develop-rc.13

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

@@ -1,89 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useState as i, useMemo as f, useEffect as u } from "react";
-import { findParentNodeClosestToPos as r, FloatingMenu as g } from "@tiptap/react";
-import { useTranslation as h } from "react-i18next";
-import { TableToolbarAddMenu as w } from "./TableToolbar.AddMenu.js";
-import { TableToolbarCellColor as y } from "./TableToolbar.CellColor.js";
-import { TableToolbarDelMenu as S } from "./TableToolbar.DelMenu.js";
-import { Toolbar as T } from "../../../../components/Toolbar/Toolbar.js";
-import { Icon as c } from "../../../../components/Icon/Icon.js";
-const P = ({
-  editor: e
-}) => {
-  const {
-    t: p
-  } = h(), [a, m] = i(void 0), b = f(() => {
-    function l(n) {
-      let o = 0;
-      if (window.visualViewport) {
-        const s = window.innerHeight || document.documentElement.clientHeight;
-        n.bottom >= s && (o += n.bottom - s - n.height);
-      }
-      return new DOMRect(n.x, n.y - o, n.width, n.height);
-    }
-    return {
-      placement: "bottom",
-      offset: [0, 0],
-      zIndex: 999,
-      // popperOptions: {modifiers: [ /*see popper v2 modifiers*/ ]},
-      // Try to get the bounding rect of the table.
-      getReferenceClientRect: () => {
-        const n = e != null && e.isActive("table") ? r(e.state.selection.$anchor, (o) => o.type.name === "table") : null;
-        if (n) {
-          const o = e == null ? void 0 : e.view.nodeDOM(n.pos), s = (o == null ? void 0 : o.querySelector("table")) || o;
-          if (s)
-            return l(s.getBoundingClientRect());
-        }
-        return new DOMRect(0, 0, 100, 100);
-      }
-    };
-  }, [e]);
-  return u(() => {
-    const l = e == null ? void 0 : e.getAttributes("tableCell"), n = e == null ? void 0 : e.getAttributes("tableHeader");
-    if (typeof l < "u" || typeof n < "u") {
-      const o = (l == null ? void 0 : l.colspan) > 1 || (l == null ? void 0 : l.rowspan) > 1 || (n == null ? void 0 : n.colspan) > 1 || (n == null ? void 0 : n.rowspan) > 1;
-      o !== a && m(o);
-    } else
-      a && m(void 0);
-  }, [e, e == null ? void 0 : e.state, a]), e && /* @__PURE__ */ t(g, { editor: e, tippyOptions: b, shouldShow: () => (e == null ? void 0 : e.isEditable) && e.isActive("table") || !1, children: /* @__PURE__ */ t(T, { className: "p-4", items: [{
-    type: "dropdown",
-    name: "bkg-col",
-    // isEnable:
-    //   typeof editor?.getAttributes("tableCell") !== "undefined",
-    props: {
-      children: (l, n) => /* @__PURE__ */ t(y, { editor: e, itemRefs: n })
-    }
-  }, {
-    type: "icon",
-    name: "mergeorsplit",
-    // isEnable: typeof isSpan !== "undefined",
-    props: {
-      icon: a ? /* @__PURE__ */ t(c, { name: "split-cells" }) : /* @__PURE__ */ t(c, { name: "merge-cells" }),
-      "aria-label": p(a ? "tiptap.table.toolbar.split" : "tiptap.table.toolbar.merge"),
-      onClick: () => e == null ? void 0 : e.chain().focus().mergeOrSplit().run()
-    },
-    tooltip: p(a ? "tiptap.table.toolbar.split" : "tiptap.table.toolbar.merge")
-  }, {
-    type: "divider",
-    name: "add-d0"
-  }, {
-    type: "dropdown",
-    name: "add",
-    props: {
-      children: () => /* @__PURE__ */ t(w, { editor: e })
-    }
-  }, {
-    type: "divider",
-    name: "add-d1"
-  }, {
-    type: "dropdown",
-    name: "del",
-    props: {
-      children: () => /* @__PURE__ */ t(S, { editor: e })
-    }
-  }] }) });
-};
-export {
-  P as default
-};
-//# sourceMappingURL=TableToolbar.js.map

package/dist/modules/editor/components/Toolbar/TableToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableToolbar.js","sources":["../../../../../src/modules/editor/components/Toolbar/TableToolbar.tsx"],"sourcesContent":["import { RefAttributes, useEffect, useMemo, useState } from 'react';\n\nimport {\n  Editor,\n  FloatingMenu,\n  FloatingMenuProps,\n  findParentNodeClosestToPos,\n} from '@tiptap/react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon, IconButtonProps, Toolbar } from '../../../../components';\nimport { TableToolbarAddMenu } from './TableToolbar.AddMenu';\nimport { TableToolbarCellColor } from './TableToolbar.CellColor';\nimport { TableToolbarDelMenu } from './TableToolbar.DelMenu';\n\ninterface TableToolbarProps {\n  /**\n   * editor instance\n   */\n  editor: Editor | null;\n}\n\nconst TableToolbar = ({ editor }: TableToolbarProps) => {\n  const { t } = useTranslation();\n\n  // Display the Split action when truthy, and Merge action when falsy.\n  const [isSpan, setSpan] = useState<boolean | undefined>(undefined);\n\n  // Options need some computing\n  const tippyOptions: FloatingMenuProps['tippyOptions'] = useMemo(() => {\n    // Adjust a DOMRect to make it visible at a correct place.\n    function adjustRect(rect: DOMRect) {\n      let yOffset = 0;\n      if (window.visualViewport) {\n        const bottomScreen =\n          window.innerHeight || document.documentElement.clientHeight;\n        if (rect.bottom >= bottomScreen) {\n          yOffset += rect.bottom - bottomScreen - rect.height;\n        }\n      }\n      return new DOMRect(rect.x, rect.y - yOffset, rect.width, rect.height);\n    }\n\n    return {\n      placement: 'bottom',\n      offset: [0, 0],\n      zIndex: 999,\n      // popperOptions: {modifiers: [ /*see popper v2 modifiers*/ ]},\n      // Try to get the bounding rect of the table.\n      getReferenceClientRect: () => {\n        const parentDiv = editor?.isActive('table')\n          ? findParentNodeClosestToPos(\n              editor.state.selection.$anchor,\n              (node) => node.type.name === 'table',\n            )\n          : null;\n\n        // Try to retrieve the <div class=\"tableWrapper\"> that wraps the <table>\n        if (parentDiv) {\n          const parentDomNode = editor?.view.nodeDOM(parentDiv.pos) as\n            | HTMLElement\n            | undefined;\n\n          const tableDomNode =\n            parentDomNode?.querySelector('table') || parentDomNode;\n          if (tableDomNode) {\n            return adjustRect(tableDomNode.getBoundingClientRect());\n          }\n        }\n\n        // This should never happen... but it keeps the transpiler happy.\n        return new DOMRect(0, 0, 100, 100);\n      },\n    };\n  }, [editor]);\n\n  useEffect(() => {\n    const cellAttr = editor?.getAttributes('tableCell');\n    const headAttr = editor?.getAttributes('tableHeader');\n    if (typeof cellAttr !== 'undefined' || typeof headAttr !== 'undefined') {\n      const newSpan =\n        cellAttr?.['colspan'] > 1 ||\n        cellAttr?.['rowspan'] > 1 ||\n        headAttr?.['colspan'] > 1 ||\n        headAttr?.['rowspan'] > 1;\n      newSpan !== isSpan && setSpan(newSpan);\n    } else {\n      isSpan && setSpan(undefined);\n    }\n  }, [editor, editor?.state, isSpan]);\n\n  const handleShouldShow = () =>\n    (editor?.isEditable && editor.isActive('table')) || false;\n\n  return (\n    editor && (\n      <FloatingMenu\n        editor={editor}\n        tippyOptions={tippyOptions}\n        shouldShow={handleShouldShow}\n      >\n        <Toolbar\n          className=\"p-4\"\n          items={[\n            {\n              type: 'dropdown',\n              name: 'bkg-col',\n              // isEnable:\n              //   typeof editor?.getAttributes(\"tableCell\") !== \"undefined\",\n              props: {\n                children: (\n                  triggerProps: JSX.IntrinsicAttributes &\n                    Omit<IconButtonProps, 'ref'> &\n                    RefAttributes<HTMLButtonElement>,\n                  itemRefs,\n                ) => (\n                  <TableToolbarCellColor editor={editor} itemRefs={itemRefs} />\n                ),\n              },\n            },\n            {\n              type: 'icon',\n              name: 'mergeorsplit',\n              // isEnable: typeof isSpan !== \"undefined\",\n              props: {\n                icon: isSpan ? (\n                  <Icon name=\"split-cells\" />\n                ) : (\n                  <Icon name=\"merge-cells\" />\n                ),\n                'aria-label': isSpan\n                  ? t('tiptap.table.toolbar.split')\n                  : t('tiptap.table.toolbar.merge'),\n                onClick: () => editor?.chain().focus().mergeOrSplit().run(),\n              },\n              tooltip: isSpan\n                ? t('tiptap.table.toolbar.split')\n                : t('tiptap.table.toolbar.merge'),\n            },\n            {\n              type: 'divider',\n              name: 'add-d0',\n            },\n            {\n              type: 'dropdown',\n              name: 'add',\n              props: {\n                children: () => <TableToolbarAddMenu editor={editor} />,\n              },\n            },\n            {\n              type: 'divider',\n              name: 'add-d1',\n            },\n            {\n              type: 'dropdown',\n              name: 'del',\n              props: {\n                children: () => <TableToolbarDelMenu editor={editor} />,\n              },\n            },\n          ]}\n        />\n      </FloatingMenu>\n    )\n  );\n};\n\nexport default TableToolbar;\n"],"names":["TableToolbar","editor","t","useTranslation","isSpan","setSpan","useState","undefined","tippyOptions","useMemo","adjustRect","rect","yOffset","window","visualViewport","bottomScreen","innerHeight","document","documentElement","clientHeight","bottom","height","DOMRect","x","y","width","placement","offset","zIndex","getReferenceClientRect","parentDiv","isActive","findParentNodeClosestToPos","state","selection","$anchor","node","type","name","parentDomNode","view","nodeDOM","pos","tableDomNode","querySelector","getBoundingClientRect","useEffect","cellAttr","getAttributes","headAttr","newSpan","jsx","FloatingMenu","handleShouldShow","isEditable","Toolbar","props","children","triggerProps","itemRefs","TableToolbarCellColor","icon","Icon","onClick","chain","focus","mergeOrSplit","run","tooltip","TableToolbarAddMenu","TableToolbarDelMenu"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-export { default as TableToolbar } from './TableToolbar';
-export { default as LinkToolbar } from './LinkToolbar';

package/dist/modules/editor/components/index.d.ts

@@ -1,6 +0,0 @@
-export * from './Editor';
-export * from './EditorToolbar';
-export * from './BubbleMenuEditImage';
-export * from './NodeView';
-export * from './Renderer';
-export * from './Toolbar';

package/dist/modules/editor/hooks/index.d.ts

@@ -1,12 +0,0 @@
-export * from './useActionOptions';
-export * from './useCommentEditor';
-export * from './useEditorContext';
-export * from './useImageModal';
-export * from './useImageSelection';
-export * from './useLinkToolbar';
-export * from './useMathsModal';
-export * from './useMediaLibraryEditor';
-export * from './useResizeMedia';
-export * from './useSpeechRecognition';
-export * from './useSpeechSynthetisis';
-export * from './useTipTapEditor';

package/dist/modules/editor/hooks/useActionOptions.d.ts

@@ -1,5 +0,0 @@
-import { RefObject } from 'react';
-import { Editor } from '@tiptap/react';
-import { DropdownMenuOptions } from '../../..';
-import { MediaLibraryRef } from '../../multimedia';
-export declare const useActionOptions: (editor: Editor | null, toggleMathsModal: Function, mediaLibraryRef: RefObject<MediaLibraryRef>) => DropdownMenuOptions[][];

package/dist/modules/editor/hooks/useActionOptions.js

@@ -1,76 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useTranslation as u } from "react-i18next";
-import { Icon as l } from "../../../components/Icon/Icon.js";
-const f = (a, s, i) => {
-  const {
-    t: n
-  } = u(), o = [{
-    icon: /* @__PURE__ */ t(l, { name: "text-vanilla" }),
-    label: n("tiptap.toolbar.removeFormat"),
-    action: () => a == null ? void 0 : a.chain().clearNodes().unsetAllMarks().run()
-  }, {
-    type: "divider"
-  }, {
-    icon: /* @__PURE__ */ t(l, { name: "table" }),
-    label: n("tiptap.toolbar.table"),
-    action: () => a == null ? void 0 : a.chain().focus().insertTable({
-      rows: 3,
-      cols: 3,
-      withHeaderRow: !0
-    }).run()
-  }, {
-    type: "divider"
-  }, {
-    icon: /* @__PURE__ */ t(l, { name: "superscript" }),
-    label: n("tiptap.toolbar.superscript"),
-    action: () => a == null ? void 0 : a.chain().focus().toggleSuperscript().run()
-  }, {
-    icon: /* @__PURE__ */ t(l, { name: "subscript" }),
-    label: n("tiptap.toolbar.subscript"),
-    action: () => a == null ? void 0 : a.chain().focus().toggleSubscript().run()
-  }, {
-    icon: /* @__PURE__ */ t(l, { name: "square-root" }),
-    label: n("tiptap.toolbar.mathjax"),
-    action: () => {
-      s();
-    }
-  }, {
-    type: "divider"
-  }, {
-    icon: /* @__PURE__ */ t(l, { name: "code" }),
-    label: n("tiptap.toolbar.embed.iframe"),
-    action: () => {
-      var c;
-      return (c = i.current) == null ? void 0 : c.show("embedder");
-    }
-  }], p = [{
-    icon: /* @__PURE__ */ t(l, { name: "bullet-list" }),
-    label: n("tiptap.toolbar.ulist"),
-    action: () => a == null ? void 0 : a.chain().focus().toggleBulletList().run()
-  }, {
-    icon: /* @__PURE__ */ t(l, { name: "ordered-list" }),
-    label: n("tiptap.toolbar.olist"),
-    action: () => a == null ? void 0 : a.chain().focus().toggleOrderedList().run()
-  }], e = [{
-    icon: /* @__PURE__ */ t(l, { name: "align-left" }),
-    label: n("tiptap.toolbar.text.left"),
-    action: () => a == null ? void 0 : a.chain().focus().setTextAlign("left").run()
-  }, {
-    icon: /* @__PURE__ */ t(l, { name: "align-center" }),
-    label: n("tiptap.toolbar.text.center"),
-    action: () => a == null ? void 0 : a.chain().focus().setTextAlign("center").run()
-  }, {
-    icon: /* @__PURE__ */ t(l, { name: "align-right" }),
-    label: n("tiptap.toolbar.text.right"),
-    action: () => a == null ? void 0 : a.chain().focus().setTextAlign("right").run()
-  }, {
-    icon: /* @__PURE__ */ t(l, { name: "align-justify" }),
-    label: n("tiptap.toolbar.text.justify"),
-    action: () => a == null ? void 0 : a.chain().focus().setTextAlign("justify").run()
-  }];
-  return [o, p, e];
-};
-export {
-  f as useActionOptions
-};
-//# sourceMappingURL=useActionOptions.js.map

package/dist/modules/editor/hooks/useActionOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActionOptions.js","sources":["../../../../src/modules/editor/hooks/useActionOptions.tsx"],"sourcesContent":["import { RefObject } from 'react';\n\nimport { Editor } from '@tiptap/react';\nimport { useTranslation } from 'react-i18next';\nimport { DropdownMenuOptions, Icon } from '../../..';\nimport { MediaLibraryRef } from '../../multimedia';\n\nexport const useActionOptions = (\n  editor: Editor | null,\n  toggleMathsModal: Function,\n  mediaLibraryRef: RefObject<MediaLibraryRef>,\n) => {\n  const { t } = useTranslation();\n  const options: DropdownMenuOptions[] = [\n    {\n      icon: <Icon name=\"text-vanilla\" />,\n      label: t('tiptap.toolbar.removeFormat'),\n      action: () => editor?.chain().clearNodes().unsetAllMarks().run(),\n    },\n    {\n      type: 'divider',\n    },\n    {\n      icon: <Icon name=\"table\" />,\n      label: t('tiptap.toolbar.table'),\n      action: () =>\n        editor\n          ?.chain()\n          .focus()\n          .insertTable({ rows: 3, cols: 3, withHeaderRow: true })\n          .run(),\n    },\n    {\n      type: 'divider',\n    },\n    {\n      icon: <Icon name=\"superscript\" />,\n      label: t('tiptap.toolbar.superscript'),\n      action: () => editor?.chain().focus().toggleSuperscript().run(),\n    },\n    {\n      icon: <Icon name=\"subscript\" />,\n      label: t('tiptap.toolbar.subscript'),\n      action: () => editor?.chain().focus().toggleSubscript().run(),\n    },\n    {\n      icon: <Icon name=\"square-root\" />,\n      label: t('tiptap.toolbar.mathjax'),\n      action: () => {\n        toggleMathsModal();\n      },\n    },\n    {\n      type: 'divider',\n    },\n    {\n      icon: <Icon name=\"code\" />,\n      label: t('tiptap.toolbar.embed.iframe'),\n      action: () => mediaLibraryRef.current?.show('embedder'),\n    },\n  ];\n  const listOptions: DropdownMenuOptions[] = [\n    {\n      icon: <Icon name=\"bullet-list\" />,\n      label: t('tiptap.toolbar.ulist'),\n      action: () => editor?.chain().focus().toggleBulletList().run(),\n    },\n    {\n      icon: <Icon name=\"ordered-list\" />,\n      label: t('tiptap.toolbar.olist'),\n      action: () => editor?.chain().focus().toggleOrderedList().run(),\n    },\n  ];\n  const alignmentOptions: DropdownMenuOptions[] = [\n    {\n      icon: <Icon name=\"align-left\" />,\n      label: t('tiptap.toolbar.text.left'),\n      action: () => editor?.chain().focus().setTextAlign('left').run(),\n    },\n    {\n      icon: <Icon name=\"align-center\" />,\n      label: t('tiptap.toolbar.text.center'),\n      action: () => editor?.chain().focus().setTextAlign('center').run(),\n    },\n    {\n      icon: <Icon name=\"align-right\" />,\n      label: t('tiptap.toolbar.text.right'),\n      action: () => editor?.chain().focus().setTextAlign('right').run(),\n    },\n    {\n      icon: <Icon name=\"align-justify\" />,\n      label: t('tiptap.toolbar.text.justify'),\n      action: () => editor?.chain().focus().setTextAlign('justify').run(),\n    },\n  ];\n  return [options, listOptions, alignmentOptions];\n};\n"],"names":["useActionOptions","editor","toggleMathsModal","mediaLibraryRef","t","useTranslation","options","icon","jsx","Icon","label","action","chain","clearNodes","unsetAllMarks","run","type","focus","insertTable","rows","cols","withHeaderRow","toggleSuperscript","toggleSubscript","current","show","listOptions","toggleBulletList","toggleOrderedList","alignmentOptions","setTextAlign"],"mappings":"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"}

package/dist/modules/editor/hooks/useCommentEditor.d.ts

@@ -1,13 +0,0 @@
-import { Content } from '@tiptap/react';
-/**
- * Hook that creates a tiptap editor instance with plugins for editing comments.
- *
- * @param editable truthy if the editor content should be editable
- * @param content default rich content
- */
-export declare const useCommentEditor: (editable: boolean, content: Content, maxLength?: number) => {
-    editor: import('@tiptap/react').Editor | null;
-    commentLength: number;
-    getComment: () => string;
-    resetComment: () => void;
-};

package/dist/modules/editor/hooks/useCommentEditor.js

@@ -1,38 +0,0 @@
-import { useState as a, useEffect as e } from "react";
-import { Hyperlink as C } from "@edifice.io/tiptap-extensions";
-import f from "@tiptap/extension-character-count";
-import { useEditor as p } from "@tiptap/react";
-import g from "@tiptap/starter-kit";
-const k = (n, m, r = 800) => {
-  const [c, o] = a(0), t = p({
-    editable: n,
-    extensions: [g, C, f.configure({
-      limit: r
-    })],
-    content: m
-  });
-  return e(() => {
-    t == null || t.commands.setContent(m);
-  }, [m, t]), e(() => {
-    t == null || t.setEditable(n);
-  }, [n, t]), e(() => {
-    function s() {
-      const u = (t == null ? void 0 : t.storage.characterCount.characters()) ?? 0;
-      o(u);
-    }
-    return t == null || t.on("update", s), () => {
-      t == null || t.off("update", s);
-    };
-  }, [t]), {
-    editor: t,
-    commentLength: c,
-    getComment: () => t == null ? void 0 : t.getHTML(),
-    resetComment: () => {
-      o(0), t == null || t.commands.setContent(m);
-    }
-  };
-};
-export {
-  k as useCommentEditor
-};
-//# sourceMappingURL=useCommentEditor.js.map

package/dist/modules/editor/hooks/useCommentEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCommentEditor.js","sources":["../../../../src/modules/editor/hooks/useCommentEditor.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { Hyperlink } from '@edifice.io/tiptap-extensions';\nimport CharacterCount from '@tiptap/extension-character-count';\nimport { Content, HTMLContent, useEditor } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\n\n/**\n * Hook that creates a tiptap editor instance with plugins for editing comments.\n *\n * @param editable truthy if the editor content should be editable\n * @param content default rich content\n */\nexport const useCommentEditor = (\n  editable: boolean,\n  content: Content,\n  maxLength = 800,\n) => {\n  const [commentLength, setCommentLength] = useState(0);\n\n  const editor = useEditor({\n    editable,\n    extensions: [\n      StarterKit,\n      Hyperlink,\n      CharacterCount.configure({ limit: maxLength }),\n    ],\n    content,\n  });\n\n  // When content is updated through props, render it.\n  useEffect(() => {\n    editor?.commands.setContent(content);\n  }, [content, editor]);\n\n  // When editable flag is changing, so does the corresponding editor's property.\n  useEffect(() => {\n    editor?.setEditable(editable);\n  }, [editable, editor]);\n\n  // When content is updated manually, update the characters counter.\n  useEffect(() => {\n    function setCounter() {\n      const length = editor?.storage.characterCount.characters() ?? 0;\n      setCommentLength(length);\n    }\n\n    editor?.on('update', setCounter);\n\n    return () => {\n      editor?.off('update', setCounter);\n    };\n  }, [editor]);\n\n  const getComment = () => editor?.getHTML() as HTMLContent;\n  const resetComment = () => {\n    setCommentLength(0);\n    editor?.commands.setContent(content);\n  };\n\n  return { editor, commentLength, getComment, resetComment };\n};\n"],"names":["useCommentEditor","editable","content","maxLength","commentLength","setCommentLength","useState","editor","useEditor","extensions","StarterKit","Hyperlink","CharacterCount","configure","limit","useEffect","commands","setContent","setEditable","setCounter","length","storage","characterCount","characters","on","off","getComment","getHTML","resetComment"],"mappings":";;;;;AAaO,MAAMA,IAAmBA,CAC9BC,GACAC,GACAC,IAAY,QACT;AACH,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAS,CAAC,GAE9CC,IAASC,EAAU;AAAA,IACvBP,UAAAA;AAAAA,IACAQ,YAAY,CACVC,GACAC,GACAC,EAAeC,UAAU;AAAA,MAAEC,OAAOX;AAAAA,IAAAA,CAAW,CAAC;AAAA,IAEhDD,SAAAA;AAAAA,EAAAA,CACD;AAGDa,SAAAA,EAAU,MAAM;AACNC,IAAAA,KAAAA,QAAAA,EAAAA,SAASC,WAAWf;AAAAA,EAAO,GAClC,CAACA,GAASK,CAAM,CAAC,GAGpBQ,EAAU,MAAM;AACdR,IAAAA,KAAAA,QAAAA,EAAQW,YAAYjB;AAAAA,EAAQ,GAC3B,CAACA,GAAUM,CAAM,CAAC,GAGrBQ,EAAU,MAAM;AACd,aAASI,IAAa;AACpB,YAAMC,KAASb,KAAAA,gBAAAA,EAAQc,QAAQC,eAAeC,iBAAgB;AAC9DlB,MAAAA,EAAiBe,CAAM;AAAA,IACzB;AAEQI,WAAAA,KAAAA,QAAAA,EAAAA,GAAG,UAAUL,IAEd,MAAM;AACHM,MAAAA,KAAAA,QAAAA,EAAAA,IAAI,UAAUN;AAAAA,IAAU;AAAA,EAClC,GACC,CAACZ,CAAM,CAAC,GAQJ;AAAA,IAAEA,QAAAA;AAAAA,IAAQH,eAAAA;AAAAA,IAAesB,YANbA,MAAMnB,KAAAA,gBAAAA,EAAQoB;AAAAA,IAMWC,cALvBA,MAAM;AACzBvB,MAAAA,EAAiB,CAAC,GACVW,KAAAA,QAAAA,EAAAA,SAASC,WAAWf;AAAAA,IAAO;AAAA,EAGO0B;AAC9C;"}

package/dist/modules/editor/hooks/useEditorContext.d.ts

@@ -1,37 +0,0 @@
-import { Editor } from '@tiptap/react';
-export declare const EditorContext: import('react').Context<{
-    /**
-     * Application code (example: "blog")
-     */
-    appCode: string;
-    /**
-     * TipTap editor instance
-     */
-    editor: Editor | null;
-    /**
-     * To know if TipTap editor is editable
-     */
-    editable: boolean;
-    /**
-     * Id of the editor's HTMLElement
-     */
-    id: string;
-}>;
-export declare function useEditorContext(): {
-    /**
-     * Application code (example: "blog")
-     */
-    appCode: string;
-    /**
-     * TipTap editor instance
-     */
-    editor: Editor | null;
-    /**
-     * To know if TipTap editor is editable
-     */
-    editable: boolean;
-    /**
-     * Id of the editor's HTMLElement
-     */
-    id: string;
-};

package/dist/modules/editor/hooks/useEditorContext.js

@@ -1,13 +0,0 @@
-import { createContext as o, useContext as e } from "react";
-const n = /* @__PURE__ */ o(null);
-function c() {
-  const t = e(n);
-  if (!t)
-    throw new Error("Editor compound components cannot be rendered outside the Editor component");
-  return t;
-}
-export {
-  n as EditorContext,
-  c as useEditorContext
-};
-//# sourceMappingURL=useEditorContext.js.map

package/dist/modules/editor/hooks/useEditorContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEditorContext.js","sources":["../../../../src/modules/editor/hooks/useEditorContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { Editor } from '@tiptap/react';\n\nexport const EditorContext = createContext<{\n  /**\n   * Application code (example: \"blog\")\n   */\n  appCode: string;\n\n  /**\n   * TipTap editor instance\n   */\n  editor: Editor | null;\n  /**\n   * To know if TipTap editor is editable\n   */\n  editable: boolean;\n  /**\n   * Id of the editor's HTMLElement\n   */\n  id: string;\n}>(null!);\n\nexport function useEditorContext() {\n  const context = useContext(EditorContext);\n  if (!context) {\n    throw new Error(\n      `Editor compound components cannot be rendered outside the Editor component`,\n    );\n  }\n  return context;\n}\n"],"names":["EditorContext","useEditorContext","context","useContext","Error"],"mappings":";AAIaA,MAAAA,sBAkBV,IAAK;AAED,SAASC,IAAmB;AAC3BC,QAAAA,IAAUC,EAAWH,CAAa;AACxC,MAAI,CAACE;AACG,UAAA,IAAIE,MACR,4EACF;AAEKF,SAAAA;AACT;"}

package/dist/modules/editor/hooks/useImageModal.d.ts

@@ -1,31 +0,0 @@
-import { WorkspaceVisibility } from '@edifice.io/ts-client';
-import { Editor } from '@tiptap/react';
-type EditedImage = {
-    src: string;
-    alt?: string;
-    title?: string;
-} | undefined;
-/**
- * Custom hook to manage ImageModal success and cancelation in the current editor context.
- * @returns {
- * `isOpen`: truthy boolean when the modal should be visible,
- * `currentImage`: the image being edited,
- * `toggle`: an imperative function to toggle the `isOpen` value,
- * `handleCancel`: Cancel event handler,
- * `handleEdit`: Edit event handler,
- * `handleSave`: Success event handler,
- * }
- */
-export declare const useImageModal: (editor: Editor | null, application?: string, visibility?: WorkspaceVisibility) => {
-    isOpen: boolean;
-    currentImage: EditedImage;
-    toggle: any;
-    handleCancel: () => void;
-    handleEdit: () => void;
-    handleSave: ({ blob, legend, altText: alt, }: {
-        blob: Blob;
-        legend: string;
-        altText: string;
-    }) => Promise<void>;
-};
-export {};

package/dist/modules/editor/hooks/useImageModal.js

@@ -1,47 +0,0 @@
-import { useState as f } from "react";
-import { useImageSelection as g } from "./useImageSelection.js";
-import h from "../../../hooks/useToggle/useToggle.js";
-import S from "../../../core/useWorkspaceFile/useWorkspaceFile.js";
-const O = (c, r, i) => {
-  const [e, l] = f(void 0), [d, t] = h(!1), {
-    createOrUpdate: m
-  } = S(), {
-    setAttributes: p,
-    getSelection: u
-  } = g(c);
-  return {
-    isOpen: d,
-    currentImage: e,
-    toggle: t,
-    handleCancel: () => {
-      t();
-    },
-    handleEdit: () => {
-      const o = u()[0];
-      o && (l(o), t());
-    },
-    handleSave: async ({
-      blob: o,
-      legend: s,
-      altText: n
-    }) => {
-      const a = await m({
-        blob: o,
-        legend: s,
-        alt: n,
-        uri: e == null ? void 0 : e.src,
-        visibility: i,
-        application: r
-      });
-      t(), typeof a == "object" && p({
-        url: a.src,
-        alt: n,
-        title: s
-      });
-    }
-  };
-};
-export {
-  O as useImageModal
-};
-//# sourceMappingURL=useImageModal.js.map

package/dist/modules/editor/hooks/useImageModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useImageModal.js","sources":["../../../../src/modules/editor/hooks/useImageModal.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { WorkspaceVisibility } from '@edifice.io/ts-client';\nimport { Editor } from '@tiptap/react';\n\nimport { useWorkspaceFile } from '../../../core';\nimport { useToggle } from '../../../hooks';\nimport { useImageSelection } from './useImageSelection';\n\ntype EditedImage = { src: string; alt?: string; title?: string } | undefined;\n\n/**\n * Custom hook to manage ImageModal success and cancelation in the current editor context.\n * @returns {\n * `isOpen`: truthy boolean when the modal should be visible,\n * `currentImage`: the image being edited,\n * `toggle`: an imperative function to toggle the `isOpen` value,\n * `handleCancel`: Cancel event handler,\n * `handleEdit`: Edit event handler,\n * `handleSave`: Success event handler,\n * }\n */\nexport const useImageModal = (\n  editor: Editor | null,\n  application?: string,\n  visibility?: WorkspaceVisibility,\n) => {\n  const [currentImage, setCurrentImage] = useState<EditedImage | undefined>(\n    undefined,\n  );\n\n  const [isOpen, toggle] = useToggle(false);\n\n  // Use hook to createOrUpdate image\n  const { createOrUpdate } = useWorkspaceFile();\n  // Use hook to get selected images\n  const { setAttributes, getSelection } = useImageSelection(editor);\n\n  const handleCancel = () => {\n    toggle();\n  };\n\n  const handleEdit = () => {\n    const selected = getSelection()[0];\n    if (selected) {\n      setCurrentImage(selected);\n      toggle();\n    }\n  };\n\n  // Callback when image has been edited\n  const handleSave = async ({\n    blob,\n    legend,\n    altText: alt,\n  }: {\n    blob: Blob;\n    legend: string;\n    altText: string;\n  }) => {\n    const res = await createOrUpdate({\n      blob,\n      legend,\n      alt,\n      uri: currentImage?.src,\n      visibility,\n      application,\n    });\n    toggle();\n    /**\n     * WB-3053: res is of type object because\n     * @returns {\n     * updated file\n     * src path\n     * }\n     */\n    if (typeof res === 'object') {\n      setAttributes({\n        url: res.src,\n        alt,\n        title: legend,\n      });\n    }\n  };\n\n  return {\n    isOpen,\n    currentImage,\n    toggle,\n    handleCancel,\n    handleEdit,\n    handleSave,\n  };\n};\n"],"names":["useImageModal","editor","application","visibility","currentImage","setCurrentImage","useState","undefined","isOpen","toggle","useToggle","createOrUpdate","useWorkspaceFile","setAttributes","getSelection","useImageSelection","handleCancel","handleEdit","selected","handleSave","blob","legend","altText","alt","res","uri","src","url","title"],"mappings":";;;;AAsBO,MAAMA,IAAgBA,CAC3BC,GACAC,GACAC,MACG;AACH,QAAM,CAACC,GAAcC,CAAe,IAAIC,EACtCC,MACF,GAEM,CAACC,GAAQC,CAAM,IAAIC,EAAU,EAAK,GAGlC;AAAA,IAAEC,gBAAAA;AAAAA,MAAmBC,EAAiB,GAEtC;AAAA,IAAEC,eAAAA;AAAAA,IAAeC,cAAAA;AAAAA,EAAAA,IAAiBC,EAAkBd,CAAM;AAiDzD,SAAA;AAAA,IACLO,QAAAA;AAAAA,IACAJ,cAAAA;AAAAA,IACAK,QAAAA;AAAAA,IACAO,cAnDmBA,MAAM;AAClB,MAAAP;IAAA;AAAA,IAmDPQ,YAhDiBA,MAAM;AACjBC,YAAAA,IAAWJ,IAAe,CAAC;AACjC,MAAII,MACFb,EAAgBa,CAAQ,GACjBT;IACT;AAAA,IA4CAU,YAxCiB,OAAO;AAAA,MACxBC,MAAAA;AAAAA,MACAC,QAAAA;AAAAA,MACAC,SAASC;AAAAA,IAAAA,MAKL;AACEC,YAAAA,IAAM,MAAMb,EAAe;AAAA,QAC/BS,MAAAA;AAAAA,QACAC,QAAAA;AAAAA,QACAE,KAAAA;AAAAA,QACAE,KAAKrB,KAAAA,gBAAAA,EAAcsB;AAAAA,QACnBvB,YAAAA;AAAAA,QACAD,aAAAA;AAAAA,MAAAA,CACD;AACM,MAAAO,KAQH,OAAOe,KAAQ,YACHX,EAAA;AAAA,QACZc,KAAKH,EAAIE;AAAAA,QACTH,KAAAA;AAAAA,QACAK,OAAOP;AAAAA,MAAAA,CACR;AAAA,IACH;AAAA,EASAF;AAEJ;"}

package/dist/modules/editor/hooks/useImageSelection.d.ts

@@ -1,21 +0,0 @@
-import { Editor } from '@tiptap/react';
-/**
- * This hooks lets manipulate selected image node by
- * - setting attributes
- * - getting their attributes
- *
- * @param editor
- * @returns
- */
-export declare function useImageSelection(editor?: Editor | null | undefined): {
-    setAttributes: ({ url, alt, title, }: {
-        url: string;
-        alt?: string | undefined;
-        title?: string | undefined;
-    }) => void;
-    getSelection: () => {
-        src: string;
-        title: string;
-        alt: string;
-    }[];
-};

package/dist/modules/editor/hooks/useImageSelection.js

@@ -1,47 +0,0 @@
-import { addTimestampToImageUrl as c } from "../../../utils/addTimestampToUrl.js";
-function r(t) {
-  return {
-    setAttributes: ({
-      url: s,
-      alt: a,
-      title: n
-    }) => {
-      (t == null ? void 0 : t.chain().updateAttributes("custom-image", {
-        src: c(s),
-        alt: a,
-        title: n
-      }).run()) || t == null || t.chain().updateAttributes("image", {
-        src: c(s),
-        alt: a,
-        title: n
-      }).run();
-    },
-    getSelection: () => {
-      const s = [];
-      if (!t)
-        return s;
-      const {
-        $from: a,
-        $to: n
-      } = t.state.selection;
-      return t.state.doc.nodesBetween(a.pos, n.pos, (e) => {
-        if (e.isAtom && (e.type.name === "image" || e.type.name === "custom-image")) {
-          const {
-            src: m,
-            title: u,
-            alt: p
-          } = e.attrs;
-          s.push({
-            src: m,
-            title: u,
-            alt: p
-          });
-        }
-      }), s;
-    }
-  };
-}
-export {
-  r as useImageSelection
-};
-//# sourceMappingURL=useImageSelection.js.map

package/dist/modules/editor/hooks/useImageSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useImageSelection.js","sources":["../../../../src/modules/editor/hooks/useImageSelection.ts"],"sourcesContent":["import { Editor } from '@tiptap/react';\nimport { addTimestampToImageUrl } from '../../../utils/addTimestampToUrl';\n/**\n * This hooks lets manipulate selected image node by\n * - setting attributes\n * - getting their attributes\n *\n * @param editor\n * @returns\n */\nexport function useImageSelection(editor?: Editor | null | undefined) {\n  const getSelection = () => {\n    const datas: Array<{ src: string; title: string; alt: string }> = [];\n    if (!editor) {\n      return datas;\n    }\n    const { $from, $to } = editor.state.selection;\n    editor.state.doc.nodesBetween($from.pos, $to.pos, (node) => {\n      if (\n        node.isAtom &&\n        (node.type.name === 'image' || node.type.name === 'custom-image')\n      ) {\n        const { src, title, alt } = node.attrs;\n        datas.push({\n          src,\n          title,\n          alt,\n        });\n      }\n    });\n    return datas;\n  };\n  const setAttributes = ({\n    url,\n    alt,\n    title,\n  }: {\n    url: string;\n    alt?: string;\n    title?: string;\n  }) => {\n    // Update our custom image node\n    const hasUpdate = editor\n      ?.chain()\n      .updateAttributes('custom-image', {\n        src: addTimestampToImageUrl(url),\n        alt,\n        title,\n      })\n      .run();\n    // If run failed => try update native image node\n    if (!hasUpdate) {\n      editor\n        ?.chain()\n        .updateAttributes('image', {\n          src: addTimestampToImageUrl(url),\n          alt,\n          title,\n        })\n        .run();\n    }\n  };\n  return { setAttributes, getSelection };\n}\n"],"names":["useImageSelection","editor","setAttributes","url","alt","title","chain","updateAttributes","src","addTimestampToImageUrl","run","getSelection","datas","$from","$to","state","selection","doc","nodesBetween","pos","node","isAtom","type","name","attrs","push"],"mappings":";AAUO,SAASA,EAAkBC,GAAoC;AAoD7D,SAAA;AAAA,IAAEC,eA9BaA,CAAC;AAAA,MACrBC,KAAAA;AAAAA,MACAC,KAAAA;AAAAA,MACAC,OAAAA;AAAAA,IAAAA,MAKI;AAWJ,OATkBJ,KAAAA,gBAAAA,EACdK,QACDC,iBAAiB,gBAAgB;AAAA,QAChCC,KAAKC,EAAuBN,CAAG;AAAA,QAC/BC,KAAAA;AAAAA,QACAC,OAAAA;AAAAA,MAAAA,GAEDK,UAIGJ,KAAAA,QAAAA,EAAAA,QACDC,iBAAiB,SAAS;AAAA,QACzBC,KAAKC,EAAuBN,CAAG;AAAA,QAC/BC,KAAAA;AAAAA,QACAC,OAAAA;AAAAA,MAAAA,GAEDK;AAAAA,IACL;AAAA,IAEsBC,cAnDHA,MAAM;AACzB,YAAMC,IAA4D,CAAA;AAClE,UAAI,CAACX;AACIW,eAAAA;AAEH,YAAA;AAAA,QAAEC,OAAAA;AAAAA,QAAOC,KAAAA;AAAAA,MAAAA,IAAQb,EAAOc,MAAMC;AACpCf,aAAAA,EAAOc,MAAME,IAAIC,aAAaL,EAAMM,KAAKL,EAAIK,KAAMC,CAASA,MAAA;AAExDA,YAAAA,EAAKC,WACJD,EAAKE,KAAKC,SAAS,WAAWH,EAAKE,KAAKC,SAAS,iBAClD;AACM,gBAAA;AAAA,YAAEf,KAAAA;AAAAA,YAAKH,OAAAA;AAAAA,YAAOD,KAAAA;AAAAA,UAAAA,IAAQgB,EAAKI;AACjCZ,UAAAA,EAAMa,KAAK;AAAA,YACTjB,KAAAA;AAAAA,YACAH,OAAAA;AAAAA,YACAD,KAAAA;AAAAA,UAAAA,CACD;AAAA,QACH;AAAA,MAAA,CACD,GACMQ;AAAAA,IAAAA;AAAAA,EAgCeD;AAC1B;"}

package/dist/modules/editor/hooks/useLinkToolbar.d.ts

@@ -1,17 +0,0 @@
-import { RefObject } from 'react';
-import { HyperlinkAttributes, LinkerAttributes } from '@edifice.io/tiptap-extensions';
-import { Editor } from '@tiptap/react';
-import { MediaLibraryRef } from '../../multimedia';
-/**
- * Custom hook to handle LinkToolbar events.
- * @returns {
- * `onOpen`: Opens a link ,
- * `onEdit`: Edit a link,
- * `onUnlink`: Removes a link,
- * }
- */
-export declare const useLinkToolbar: (editor: Editor | null, mediaLibraryRef: RefObject<MediaLibraryRef>) => {
-    onEdit: (attrs: LinkerAttributes | HyperlinkAttributes) => void;
-    onOpen: (attrs: LinkerAttributes) => void;
-    onUnlink: () => void;
-};

package/dist/modules/editor/hooks/useLinkToolbar.js

@@ -1,38 +0,0 @@
-import { useCallback as e } from "react";
-const f = (n, p) => ({
-  onEdit: e((a) => {
-    var c, t;
-    n != null && n.isActive("hyperlink") && n.commands.extendMarkRange("hyperlink");
-    const s = a;
-    if (s["data-id"] || s["data-app-prefix"])
-      (c = p.current) == null || c.showLink({
-        target: a.target,
-        resourceId: s["data-id"],
-        appPrefix: s["data-app-prefix"]
-      });
-    else {
-      const {
-        href: k,
-        target: l
-      } = a;
-      (t = p.current) == null || t.showLink({
-        link: {
-          url: k || "",
-          target: l || void 0,
-          text: n != null && n.state.selection.empty ? "" : n == null ? void 0 : n.state.selection.content().content.child(0).textContent
-        }
-      });
-    }
-  }, [n, p]),
-  onOpen: (a) => {
-    window.open(a.href || "about:blank", "_blank");
-  },
-  onUnlink: () => {
-    var a, s, c, t;
-    (s = n == null ? void 0 : (a = n.commands).unsetLinker) == null || s.call(a), (t = n == null ? void 0 : (c = n.commands).unsetLink) == null || t.call(c);
-  }
-});
-export {
-  f as useLinkToolbar
-};
-//# sourceMappingURL=useLinkToolbar.js.map

package/dist/modules/editor/hooks/useLinkToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLinkToolbar.js","sources":["../../../../src/modules/editor/hooks/useLinkToolbar.ts"],"sourcesContent":["import { RefObject, useCallback } from 'react';\n\nimport {\n  HyperlinkAttributes,\n  LinkerAttributes,\n} from '@edifice.io/tiptap-extensions';\nimport { Editor } from '@tiptap/react';\nimport { MediaLibraryRef } from '../../multimedia';\n\n/**\n * Custom hook to handle LinkToolbar events.\n * @returns {\n * `onOpen`: Opens a link ,\n * `onEdit`: Edit a link,\n * `onUnlink`: Removes a link,\n * }\n */\nexport const useLinkToolbar = (\n  editor: Editor | null,\n  mediaLibraryRef: RefObject<MediaLibraryRef>,\n) => {\n  const onEdit = useCallback(\n    (attrs: LinkerAttributes | HyperlinkAttributes) => {\n      // If a link is active, select it.\n      // see https://github.com/ProseMirror/prosemirror-state/blob/88e2a24104481098f0f660e74240c0f846e7fd6e/src/selection.ts#L320\n      // Edit: 2024-01-08 when this function is called, the linker node is already selected !\n      // => Nothing to do, since the linkToolbar only appears when linker node is selected.\n      // if (editor?.isActive(\"linker\"))\n      //   editor?.commands.setNodeSelection(editor?.state.selection.$from.pos);\n      if (editor?.isActive('hyperlink'))\n        editor.commands.extendMarkRange('hyperlink');\n\n      const attrsLinker = attrs as LinkerAttributes;\n      if (attrsLinker['data-id'] || attrsLinker['data-app-prefix']) {\n        mediaLibraryRef.current?.showLink({\n          target: attrs.target,\n          resourceId: attrsLinker['data-id'],\n          appPrefix: attrsLinker['data-app-prefix'],\n        });\n      } else {\n        const { href, target } = attrs as HyperlinkAttributes;\n        mediaLibraryRef.current?.showLink({\n          link: {\n            url: href || '',\n            target: target || undefined,\n            text: editor?.state.selection.empty\n              ? ''\n              : editor?.state.selection.content().content.child(0).textContent,\n          },\n        });\n      }\n    },\n    [editor, mediaLibraryRef],\n  );\n\n  const onOpen = (attrs: LinkerAttributes) => {\n    window.open(attrs.href || 'about:blank', '_blank');\n  };\n\n  const onUnlink = (/*attrs: LinkerAttributes*/) => {\n    editor?.commands.unsetLinker?.();\n    editor?.commands.unsetLink?.();\n  };\n\n  return {\n    onEdit,\n    onOpen,\n    onUnlink,\n  };\n};\n"],"names":["useLinkToolbar","editor","mediaLibraryRef","onEdit","useCallback","attrs","isActive","commands","extendMarkRange","attrsLinker","current","showLink","target","resourceId","appPrefix","href","link","url","undefined","text","state","selection","empty","content","child","textContent","onOpen","window","open","onUnlink","unsetLinker","unsetLink"],"mappings":";AAiBaA,MAAAA,IAAiBA,CAC5BC,GACAC,OA6CO;AAAA,EACLC,QA5CaC,EACb,CAACC,MAAkD;;AAOjD,IAAIJ,KAAAA,QAAAA,EAAQK,SAAS,gBACZC,EAAAA,SAASC,gBAAgB,WAAW;AAE7C,UAAMC,IAAcJ;AACpB,QAAII,EAAY,SAAS,KAAKA,EAAY,iBAAiB;AACzDP,OAAAA,IAAAA,EAAgBQ,YAAhBR,QAAAA,EAAyBS,SAAS;AAAA,QAChCC,QAAQP,EAAMO;AAAAA,QACdC,YAAYJ,EAAY,SAAS;AAAA,QACjCK,WAAWL,EAAY,iBAAiB;AAAA,MAAA;AAAA,SAErC;AACC,YAAA;AAAA,QAAEM,MAAAA;AAAAA,QAAMH,QAAAA;AAAAA,MAAWP,IAAAA;AACzBH,OAAAA,IAAAA,EAAgBQ,YAAhBR,QAAAA,EAAyBS,SAAS;AAAA,QAChCK,MAAM;AAAA,UACJC,KAAKF,KAAQ;AAAA,UACbH,QAAQA,KAAUM;AAAAA,UAClBC,MAAMlB,KAAAA,QAAAA,EAAQmB,MAAMC,UAAUC,QAC1B,KACArB,KAAAA,gBAAAA,EAAQmB,MAAMC,UAAUE,UAAUA,QAAQC,MAAM,GAAGC;AAAAA,QACzD;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,GAEF,CAACxB,GAAQC,CAAe,CAC1B;AAAA,EAaEwB,QAXaA,CAACrB,MAA4B;AAC1CsB,WAAOC,KAAKvB,EAAMU,QAAQ,eAAe,QAAQ;AAAA,EAAA;AAAA,EAWjDc,UAReA,MAAiC;;AAChD5B,KAAAA,IAAAA,KAAAA,iBAAAA,IAAAA,EAAQM,UAASuB,gBAAjB7B,QAAAA,EAAAA,KAAAA,KACAA,IAAAA,KAAAA,iBAAAA,IAAAA,EAAQM,UAASwB,cAAjB9B,QAAAA,EAAAA,KAAAA;AAAAA,EAA6B;AAM7B4B;"}

package/dist/modules/editor/hooks/useMathsModal.d.ts

@@ -1,17 +0,0 @@
-import { Editor } from '@tiptap/react';
-/**
- * Custom hook to manage MathsModal events in an editor.
- * @param editor an instance
- * @returns {
- * `isOpen`: truthy boolean when MathsModal sholud be visible,
- * `toggle`: an imperative function to toggle the `isOpen` value,
- * `onCancel`: Cancel event handler,
- * `onSuccess`: Success event handler (adds a formula to the editor content),
- * }
- */
-export declare const useMathsModal: (editor: Editor | null) => {
-    isOpen: boolean;
-    toggle: any;
-    onCancel: () => void;
-    onSuccess: (formulaEditor: string) => void;
-};

package/dist/modules/editor/hooks/useMathsModal.js

@@ -1,18 +0,0 @@
-import a from "../../../hooks/useToggle/useToggle.js";
-const m = (n) => {
-  const [c, s] = a(!1);
-  return {
-    isOpen: c,
-    toggle: s,
-    onCancel: () => {
-      s();
-    },
-    onSuccess: (e) => {
-      n == null || n.commands.insertContentAt(n.view.state.selection, e), n == null || n.commands.enter(), s();
-    }
-  };
-};
-export {
-  m as useMathsModal
-};
-//# sourceMappingURL=useMathsModal.js.map

package/dist/modules/editor/hooks/useMathsModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMathsModal.js","sources":["../../../../src/modules/editor/hooks/useMathsModal.ts"],"sourcesContent":["import { Editor } from '@tiptap/react';\nimport { useToggle } from '../../../hooks';\n\n/**\n * Custom hook to manage MathsModal events in an editor.\n * @param editor an instance\n * @returns {\n * `isOpen`: truthy boolean when MathsModal sholud be visible,\n * `toggle`: an imperative function to toggle the `isOpen` value,\n * `onCancel`: Cancel event handler,\n * `onSuccess`: Success event handler (adds a formula to the editor content),\n * }\n */\nexport const useMathsModal = (editor: Editor | null) => {\n  const [isOpen, toggle] = useToggle(false);\n\n  const onCancel = () => {\n    toggle();\n  };\n\n  const onSuccess = (formulaEditor: string) => {\n    editor?.commands.insertContentAt(\n      editor.view.state.selection,\n      formulaEditor,\n    );\n    editor?.commands.enter();\n    toggle();\n  };\n\n  return {\n    isOpen,\n    toggle,\n    onCancel,\n    onSuccess,\n  };\n};\n"],"names":["useMathsModal","editor","isOpen","toggle","useToggle","onCancel","onSuccess","formulaEditor","commands","insertContentAt","view","state","selection","enter"],"mappings":";AAaaA,MAAAA,IAAgBA,CAACC,MAA0B;AACtD,QAAM,CAACC,GAAQC,CAAM,IAAIC,EAAU,EAAK;AAejC,SAAA;AAAA,IACLF,QAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAE,UAhBeA,MAAM;AACd,MAAAF;IAAA;AAAA,IAgBPG,WAbgBA,CAACC,MAA0B;AAC3CN,MAAAA,KAAAA,QAAAA,EAAQO,SAASC,gBACfR,EAAOS,KAAKC,MAAMC,WAClBL,IAEFN,KAAAA,QAAAA,EAAQO,SAASK,SACVV;IAAA;AAAA,EAOPG;AAEJ;"}

package/dist/modules/editor/hooks/useMathsStyles.d.ts

@@ -1 +0,0 @@
-export declare const useMathsStyles: () => void;