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

package/dist/modules/audience/hooks/useReactions.d.ts

@@ -1,4 +1,4 @@
-import { ReactionType } from 'edifice-ts-client';
+import { ReactionType } from '@edifice.io/ts-client';
 /**
  * This hook implements some logic and provides functions to easily call "audience" backend endpoints.
  * @param module application code, e.g. "blog"
@@ -7,9 +7,9 @@ import { ReactionType } from 'edifice-ts-client';
  */
 export default function useReactions(module: string, resourceType: string): {
     availableReactions: ("REACTION_1" | "REACTION_2" | "REACTION_3" | "REACTION_4")[];
-    loadReactionDetails: (resourceId: string, page: number, size?: number) => Promise<import('edifice-ts-client').ReactionDetailsData | undefined>;
+    loadReactionDetails: (resourceId: string, page: number, size?: number) => Promise<import('@edifice.io/ts-client').ReactionDetailsData | undefined>;
     loadReactionSummaries: (resourceIds: string[]) => Promise<{
-        [resourceId: string]: import('edifice-ts-client').ReactionSummaryData | undefined;
+        [resourceId: string]: import('@edifice.io/ts-client').ReactionSummaryData | undefined;
     }>;
     applyReaction: (resourceId: string, newReaction: ReactionType, oldReaction: ReactionType | null) => Promise<"-" | "+" | "=">;
 };

package/dist/modules/audience/hooks/useReactions.js

@@ -1,35 +1,36 @@
-import { useRef, useState, useCallback, useEffect } from "react";
-import { odeServices, ERROR_CODE } from "edifice-ts-client";
-function useReactions(module, resourceType) {
+import { odeServices as r, ERROR_CODE as o } from "@edifice.io/ts-client";
+import { useRef as p, useState as A, useCallback as b, useEffect as v } from "react";
+function E(c, l) {
   const {
-    reactions
-  } = useRef(odeServices.audience(module, resourceType)).current, [availableReactions, setAvailableReactions] = useState([]);
-  async function loadAvailableReactions() {
-    const results = await reactions.loadAvailableReactions();
-    results && setAvailableReactions(results);
+    reactions: t
+  } = p(r.audience(c, l)).current, [s, u] = A([]);
+  async function f() {
+    const e = await t.loadAvailableReactions();
+    e && u(e);
   }
-  async function loadReactionSummaries(resourceIds) {
-    return await reactions.loadReactionSummaries(resourceIds);
+  async function R(e) {
+    return await t.loadReactionSummaries(e);
   }
-  const loadReactionDetails = async (resourceId, page, size = 30) => await reactions.loadReactionDetails(resourceId, page, size), applyReaction = useCallback(
-    async (resourceId, newReaction, oldReaction) => {
-      if (newReaction !== oldReaction && availableReactions.indexOf(newReaction) < 0)
-        return Promise.reject(ERROR_CODE.MALFORMED_DATA);
-      let result = "+";
-      return oldReaction ? newReaction === oldReaction ? (await reactions.deleteReaction(resourceId), result = "-") : (await reactions.updateReaction(resourceId, newReaction), result = "=") : await reactions.createReaction(resourceId, newReaction), odeServices.http().isResponseError() ? Promise.reject(ERROR_CODE.UNKNOWN) : result;
+  const m = async (e, a, i = 30) => await t.loadReactionDetails(e, a, i), d = b(
+    async (e, a, i) => {
+      if (a !== i && s.indexOf(a) < 0)
+        return Promise.reject(o.MALFORMED_DATA);
+      let n = "+";
+      return i ? a === i ? (await t.deleteReaction(e), n = "-") : (await t.updateReaction(e, a), n = "=") : await t.createReaction(e, a), r.http().isResponseError() ? Promise.reject(o.UNKNOWN) : n;
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [availableReactions]
+    [s]
   );
-  return useEffect(() => {
-    loadAvailableReactions();
+  return v(() => {
+    f();
   }, []), {
-    availableReactions,
-    loadReactionDetails,
-    loadReactionSummaries,
-    applyReaction
+    availableReactions: s,
+    loadReactionDetails: m,
+    loadReactionSummaries: R,
+    applyReaction: d
   };
 }
 export {
-  useReactions as default
+  E as default
 };
+//# sourceMappingURL=useReactions.js.map

package/dist/modules/audience/hooks/useReactions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReactions.js","sources":["../../../../src/modules/audience/hooks/useReactions.ts"],"sourcesContent":["import { ERROR_CODE, ReactionType, odeServices } from '@edifice.io/ts-client';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\n/**\n * This hook implements some logic and provides functions to easily call \"audience\" backend endpoints.\n * @param module application code, e.g. \"blog\"\n * @param resourceType type of resource, e.g. \"post\"\n * @returns functions to easily call \"audience\" backend endpoints\n */\nexport default function useReactions(module: string, resourceType: string) {\n  const { reactions } = useRef(\n    odeServices.audience(module, resourceType),\n  ).current;\n  const [availableReactions, setAvailableReactions] = useState<ReactionType[]>(\n    [],\n  );\n\n  /** Load available reactions types. */\n  async function loadAvailableReactions() {\n    const results = await reactions.loadAvailableReactions();\n    if (results) {\n      setAvailableReactions(results);\n    }\n  }\n\n  /**\n   * Load the reactions summary for a list of resources.\n   * @param resourceIds list of resource ids\n   * @returns map of summaries, indexed by resource id.\n   */\n  async function loadReactionSummaries(resourceIds: string[]) {\n    return await reactions.loadReactionSummaries(resourceIds);\n  }\n\n  /**\n   * Load the reactions details for a resource.\n   * @param resourceId ID of the resource\n   * @param page Page number\n   * @param size Number of results per page.\n   */\n  const loadReactionDetails = async (\n    resourceId: string,\n    page: number,\n    size = 30,\n  ) => {\n    return await reactions.loadReactionDetails(resourceId, page, size);\n  };\n\n  /**\n   * Set, update or remove a reaction to a resource.\n   * @param resourceId id\n   * @param newReaction reaction to set / update / remove\n   * @param oldReaction Previous reaction, or null if none exists.\n   * @returns a promise of \"+\" (reaction added), \"-\" (reaction removed) or \"=\" (reaction changed)\n   */\n  const applyReaction = useCallback(\n    async (\n      resourceId: string,\n      newReaction: ReactionType,\n      oldReaction: ReactionType | null,\n    ) => {\n      // Forbid setting an unavailable reaction, but allow resetting it.\n      if (\n        newReaction !== oldReaction &&\n        availableReactions.indexOf(newReaction) < 0\n      ) {\n        return Promise.reject(ERROR_CODE.MALFORMED_DATA);\n      }\n\n      let result: '+' | '-' | '=' = '+';\n      if (oldReaction) {\n        if (newReaction === oldReaction) {\n          // Reset the reaction\n          await reactions.deleteReaction(resourceId);\n          result = '-';\n        } else {\n          // Change reaction\n          await reactions.updateReaction(resourceId, newReaction);\n          result = '=';\n        }\n      } else {\n        // Post a new reaction\n        await reactions.createReaction(resourceId, newReaction);\n      }\n      if (odeServices.http().isResponseError())\n        return Promise.reject(ERROR_CODE.UNKNOWN);\n      return result;\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [availableReactions],\n  );\n\n  /** Get the available reactions, only once. */\n  useEffect(() => {\n    loadAvailableReactions();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return {\n    availableReactions,\n    loadReactionDetails,\n    loadReactionSummaries,\n    applyReaction,\n  };\n}\n"],"names":["useReactions","module","resourceType","reactions","useRef","odeServices","audience","current","availableReactions","setAvailableReactions","useState","loadAvailableReactions","results","loadReactionSummaries","resourceIds","loadReactionDetails","resourceId","page","size","applyReaction","useCallback","newReaction","oldReaction","indexOf","Promise","reject","ERROR_CODE","MALFORMED_DATA","result","deleteReaction","updateReaction","createReaction","http","isResponseError","UNKNOWN","useEffect"],"mappings":";;AASwBA,SAAAA,EAAaC,GAAgBC,GAAsB;AACnE,QAAA;AAAA,IAAEC,WAAAA;AAAAA,EAAAA,IAAcC,EACpBC,EAAYC,SAASL,GAAQC,CAAY,CAC3C,EAAEK,SACI,CAACC,GAAoBC,CAAqB,IAAIC,EAClD,CACF,CAAA;AAGA,iBAAeC,IAAyB;AAChCC,UAAAA,IAAU,MAAMT,EAAUQ;AAChC,IAAIC,KACFH,EAAsBG,CAAO;AAAA,EAEjC;AAOA,iBAAeC,EAAsBC,GAAuB;AACnD,WAAA,MAAMX,EAAUU,sBAAsBC,CAAW;AAAA,EAC1D;AAQA,QAAMC,IAAsB,OAC1BC,GACAC,GACAC,IAAO,OAEA,MAAMf,EAAUY,oBAAoBC,GAAYC,GAAMC,CAAI,GAU7DC,IAAgBC;AAAAA,IACpB,OACEJ,GACAK,GACAC,MACG;AAEH,UACED,MAAgBC,KAChBd,EAAmBe,QAAQF,CAAW,IAAI;AAEnCG,eAAAA,QAAQC,OAAOC,EAAWC,cAAc;AAGjD,UAAIC,IAA0B;AAe1BvB,aAdAiB,IACED,MAAgBC,KAEZnB,MAAAA,EAAU0B,eAAeb,CAAU,GAChCY,IAAA,QAGHzB,MAAAA,EAAU2B,eAAed,GAAYK,CAAW,GAC7CO,IAAA,OAILzB,MAAAA,EAAU4B,eAAef,GAAYK,CAAW,GAEpDhB,EAAY2B,KAAOC,EAAAA,oBACdT,QAAQC,OAAOC,EAAWQ,OAAO,IACnCN;AAAAA,IACT;AAAA;AAAA,IAEA,CAACpB,CAAkB;AAAA,EAAA;AAIrB2B,SAAAA,EAAU,MAAM;AACS,IAAAxB;EAEzB,GAAG,CAAE,CAAA,GAEE;AAAA,IACLH,oBAAAA;AAAAA,IACAO,qBAAAA;AAAAA,IACAF,uBAAAA;AAAAA,IACAM,eAAAA;AAAAA,EAAAA;AAEJ;"}

package/dist/modules/audience/hooks/useViews.d.ts

@@ -5,7 +5,7 @@
  * @returns functions to easily call "audience" backend endpoints.
  */
 export default function useViews(module: string, resourceType: string): {
-    getViewsCounter: (resourceIds: string[]) => Promise<import('edifice-ts-client').ViewsCounters>;
-    getViewsDetail: (resourceId: string) => Promise<import('edifice-ts-client').ViewsDetails | undefined>;
+    getViewsCounter: (resourceIds: string[]) => Promise<import('@edifice.io/ts-client').ViewsCounters>;
+    getViewsDetail: (resourceId: string) => Promise<import('@edifice.io/ts-client').ViewsDetails | undefined>;
     triggerView: (resourceId: string) => Promise<void>;
 };

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

@@ -1,40 +1,40 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { BubbleMenu } from "@tiptap/react";
-import { useTranslation } from "react-i18next";
-import { Icon } from "../../../../components/Icon/Icon.js";
-import { Toolbar } from "../../../../components/Toolbar/Toolbar.js";
-const BubbleMenuEditImage = ({
-  editor,
-  onEditImage,
-  openEditImage,
-  editable
+import { jsx as s } from "react/jsx-runtime";
+import { useMemo as b } from "react";
+import { BubbleMenu as y } from "@tiptap/react";
+import { useTranslation as z } from "react-i18next";
+import { Icon as l } from "../../../../components/Icon/Icon.js";
+import { Toolbar as v } from "../../../../components/Toolbar/Toolbar.js";
+const O = ({
+  editor: e,
+  onEditImage: g,
+  openEditImage: u,
+  editable: h
 }) => {
   const {
-    t
-  } = useTranslation(), {
-    selection
-  } = editor.view.state, selectedNode = editor.view.state.doc.nodeAt(selection.anchor), handleButtonClick = (buttonSize) => {
-    editor.chain().focus().setAttributes({
-      width: buttonSize.width,
-      height: buttonSize.height,
-      size: buttonSize.size
+    t: o
+  } = z(), {
+    selection: w
+  } = e.view.state, t = e.view.state.doc.nodeAt(w.anchor), p = (a) => {
+    e.chain().focus().setAttributes({
+      width: a.width,
+      height: a.height,
+      size: a.size
     }).run();
-  }, ImageSizeItems = useMemo(() => {
-    var _a, _b, _c, _d, _e, _f;
+  }, f = b(() => {
+    var a, i, n, m, r, c;
     return [{
       type: "button",
       name: "edit",
       props: {
         size: "lg",
         color: "secondary",
-        leftIcon: /* @__PURE__ */ jsx(Icon, { name: "wand" }),
-        "aria-label": t("tiptap.tooltip.bubblemenu.image.edit"),
-        children: t("tiptap.bubblemenu.edit"),
-        onClick: onEditImage
+        leftIcon: /* @__PURE__ */ s(l, { name: "wand" }),
+        "aria-label": o("tiptap.tooltip.bubblemenu.image.edit"),
+        children: o("tiptap.bubblemenu.edit"),
+        onClick: g
       },
       tooltip: {
-        message: t("tiptap.tooltip.bubblemenu.image.edit"),
+        message: o("tiptap.tooltip.bubblemenu.image.edit"),
         position: "top"
       }
     }, {
@@ -44,65 +44,65 @@ const BubbleMenuEditImage = ({
       type: "icon",
       name: "small",
       props: {
-        icon: /* @__PURE__ */ jsx(Icon, { name: "image-size-small" }),
-        "aria-label": t("tiptap.tooltip.bubblemenu.image.small"),
+        icon: /* @__PURE__ */ s(l, { name: "image-size-small" }),
+        "aria-label": o("tiptap.tooltip.bubblemenu.image.small"),
         color: "tertiary",
-        className: ((_a = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _a.size) === "small" && ((_b = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _b.width) === 250 ? "is-selected" : "",
-        onClick: () => handleButtonClick({
+        className: ((a = t == null ? void 0 : t.attrs) == null ? void 0 : a.size) === "small" && ((i = t == null ? void 0 : t.attrs) == null ? void 0 : i.width) === 250 ? "is-selected" : "",
+        onClick: () => p({
           size: "small",
           width: 250,
           height: "auto"
         })
       },
       tooltip: {
-        message: t("tiptap.tooltip.bubblemenu.image.small"),
+        message: o("tiptap.tooltip.bubblemenu.image.small"),
         position: "top"
       }
     }, {
       type: "icon",
       name: "medium",
       props: {
-        icon: /* @__PURE__ */ jsx(Icon, { name: "image-size-medium" }),
-        "aria-label": t("tiptap.tooltip.bubblemenu.image.medium"),
+        icon: /* @__PURE__ */ s(l, { name: "image-size-medium" }),
+        "aria-label": o("tiptap.tooltip.bubblemenu.image.medium"),
         color: "tertiary",
-        className: ((_c = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _c.size) === "medium" && ((_d = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _d.width) === 350 ? "is-selected" : "",
-        onClick: () => handleButtonClick({
+        className: ((n = t == null ? void 0 : t.attrs) == null ? void 0 : n.size) === "medium" && ((m = t == null ? void 0 : t.attrs) == null ? void 0 : m.width) === 350 ? "is-selected" : "",
+        onClick: () => p({
           size: "medium",
           width: 350,
           height: "auto"
         })
       },
       tooltip: {
-        message: t("tiptap.tooltip.bubblemenu.image.medium"),
+        message: o("tiptap.tooltip.bubblemenu.image.medium"),
         position: "top"
       }
     }, {
       type: "icon",
       name: "large",
       props: {
-        icon: /* @__PURE__ */ jsx(Icon, { name: "image-size-large" }),
-        "aria-label": t("tiptap.tooltip.bubblemenu.image.big"),
+        icon: /* @__PURE__ */ s(l, { name: "image-size-large" }),
+        "aria-label": o("tiptap.tooltip.bubblemenu.image.big"),
         color: "tertiary",
-        className: ((_e = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _e.size) === "large" && ((_f = selectedNode == null ? void 0 : selectedNode.attrs) == null ? void 0 : _f.width) === 500 ? "is-selected" : "",
-        onClick: () => handleButtonClick({
+        className: ((r = t == null ? void 0 : t.attrs) == null ? void 0 : r.size) === "large" && ((c = t == null ? void 0 : t.attrs) == null ? void 0 : c.width) === 500 ? "is-selected" : "",
+        onClick: () => p({
           size: "large",
           width: 500,
           height: "auto"
         })
       },
       tooltip: {
-        message: t("tiptap.tooltip.bubblemenu.image.big"),
+        message: o("tiptap.tooltip.bubblemenu.image.big"),
         position: "top"
       }
     }];
-  }, [t, selectedNode]), tippyOptions = useMemo(() => {
-    function adjustRect(rect) {
-      let yOffset = 0;
+  }, [o, t]), d = b(() => {
+    function a(i) {
+      let n = 0;
       if (window.visualViewport) {
-        const bottomScreen = window.innerHeight || document.documentElement.clientHeight;
-        rect.bottom >= bottomScreen && (yOffset += rect.bottom - bottomScreen - rect.height);
+        const m = window.innerHeight || document.documentElement.clientHeight;
+        i.bottom >= m && (n += i.bottom - m - i.height);
       }
-      return new DOMRect(rect.x, rect.y - yOffset, rect.width, rect.height);
+      return new DOMRect(i.x, i.y - n, i.width, i.height);
     }
     return {
       placement: "bottom-start",
@@ -111,22 +111,23 @@ const BubbleMenuEditImage = ({
       duration: 100,
       // Try to get the bounding rect of the table.
       getReferenceClientRect: () => {
-        const parentDiv = editor != null && editor.isActive("custom-image") ? editor.state.selection.$anchor : null;
-        if (parentDiv) {
-          const parentDomNode = editor == null ? void 0 : editor.view.nodeDOM(parentDiv.pos);
-          if (parentDomNode) {
-            const childDomNode = parentDomNode.firstChild;
-            return adjustRect(childDomNode.getBoundingClientRect());
+        const i = e != null && e.isActive("custom-image") ? e.state.selection.$anchor : null;
+        if (i) {
+          const n = e == null ? void 0 : e.view.nodeDOM(i.pos);
+          if (n) {
+            const m = n.firstChild;
+            return a(m.getBoundingClientRect());
           }
         }
         return new DOMRect(0, 0, 100, 100);
       }
     };
-  }, [editor]);
-  return /* @__PURE__ */ jsx(BubbleMenu, { className: openEditImage ? "d-none" : "", shouldShow: ({
-    editor: editor2
-  }) => editor2.isActive("custom-image") && !openEditImage, editor, tippyOptions, children: editable && /* @__PURE__ */ jsx(Toolbar, { className: "p-8", items: ImageSizeItems }) });
-}, BubbleMenuEditImage$1 = BubbleMenuEditImage;
+  }, [e]);
+  return /* @__PURE__ */ s(y, { className: u ? "d-none" : "", shouldShow: ({
+    editor: a
+  }) => a.isActive("custom-image") && !u, editor: e, tippyOptions: d, children: h && /* @__PURE__ */ s(v, { className: "p-8", items: f }) });
+};
 export {
-  BubbleMenuEditImage$1 as default
+  O as default
 };
+//# sourceMappingURL=BubbleMenuEditImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleMenuEditImage.js","sources":["../../../../../src/modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { BubbleMenu, BubbleMenuProps, Editor } from '@tiptap/react';\nimport { useTranslation } from 'react-i18next';\nimport { Icon, Toolbar, ToolbarItem } from '../../../..';\n\ninterface ButtonSize {\n  size: string;\n  width: string | number;\n  height: string | number;\n}\n\nconst BubbleMenuEditImage = ({\n  editor,\n  onEditImage,\n  openEditImage,\n  editable,\n}: {\n  editor: Editor;\n  onEditImage: () => void;\n  openEditImage: boolean;\n  editable: boolean;\n}) => {\n  const { t } = useTranslation();\n\n  const { selection } = editor.view.state;\n\n  const selectedNode = editor.view.state.doc.nodeAt(selection.anchor);\n\n  const handleButtonClick = (buttonSize: ButtonSize) => {\n    editor\n      .chain()\n      .focus()\n      .setAttributes({\n        width: buttonSize.width,\n        height: buttonSize.height,\n        size: buttonSize.size,\n      })\n      .run();\n  };\n\n  const ImageSizeItems: ToolbarItem[] = useMemo(() => {\n    return [\n      {\n        type: 'button',\n        name: 'edit',\n        props: {\n          size: 'lg',\n          color: 'secondary',\n          leftIcon: <Icon name=\"wand\" />,\n          'aria-label': t('tiptap.tooltip.bubblemenu.image.edit'),\n          children: t('tiptap.bubblemenu.edit'),\n          onClick: onEditImage,\n        },\n        tooltip: {\n          message: t('tiptap.tooltip.bubblemenu.image.edit'),\n          position: 'top',\n        },\n      },\n      {\n        type: 'divider',\n        name: 'div-4',\n      },\n      {\n        type: 'icon',\n        name: 'small',\n        props: {\n          icon: <Icon name=\"image-size-small\" />,\n          'aria-label': t('tiptap.tooltip.bubblemenu.image.small'),\n          color: 'tertiary',\n          className:\n            selectedNode?.attrs?.size === 'small' &&\n            selectedNode?.attrs?.width === 250\n              ? 'is-selected'\n              : '',\n          onClick: () =>\n            handleButtonClick({\n              size: 'small',\n              width: 250,\n              height: 'auto',\n            }),\n        },\n        tooltip: {\n          message: t('tiptap.tooltip.bubblemenu.image.small'),\n          position: 'top',\n        },\n      },\n      {\n        type: 'icon',\n        name: 'medium',\n        props: {\n          icon: <Icon name=\"image-size-medium\" />,\n          'aria-label': t('tiptap.tooltip.bubblemenu.image.medium'),\n          color: 'tertiary',\n          className:\n            selectedNode?.attrs?.size === 'medium' &&\n            selectedNode?.attrs?.width === 350\n              ? 'is-selected'\n              : '',\n          onClick: () =>\n            handleButtonClick({\n              size: 'medium',\n              width: 350,\n              height: 'auto',\n            }),\n        },\n        tooltip: {\n          message: t('tiptap.tooltip.bubblemenu.image.medium'),\n          position: 'top',\n        },\n      },\n      {\n        type: 'icon',\n        name: 'large',\n        props: {\n          icon: <Icon name=\"image-size-large\" />,\n          'aria-label': t('tiptap.tooltip.bubblemenu.image.big'),\n          color: 'tertiary',\n          className:\n            selectedNode?.attrs?.size === 'large' &&\n            selectedNode?.attrs?.width === 500\n              ? 'is-selected'\n              : '',\n          onClick: () =>\n            handleButtonClick({\n              size: 'large',\n              width: 500,\n              height: 'auto',\n            }),\n        },\n        tooltip: {\n          message: t('tiptap.tooltip.bubblemenu.image.big'),\n          position: 'top',\n        },\n      },\n    ];\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [t, selectedNode]);\n\n  const tippyOptions: BubbleMenuProps['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-start',\n      offset: [0, 0],\n      zIndex: 999,\n      duration: 100,\n      // Try to get the bounding rect of the table.\n      getReferenceClientRect: () => {\n        const parentDiv = editor?.isActive('custom-image')\n          ? editor.state.selection.$anchor\n          : null;\n\n        if (parentDiv) {\n          const parentDomNode = editor?.view.nodeDOM(parentDiv.pos) as\n            | HTMLElement\n            | undefined;\n\n          if (parentDomNode) {\n            const childDomNode = parentDomNode.firstChild as HTMLElement;\n            return adjustRect(childDomNode.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  return (\n    <BubbleMenu\n      className={openEditImage ? 'd-none' : ''}\n      shouldShow={({ editor }) => {\n        return editor.isActive('custom-image') && !openEditImage;\n      }}\n      editor={editor}\n      tippyOptions={tippyOptions}\n    >\n      {editable && <Toolbar className=\"p-8\" items={ImageSizeItems} />}\n    </BubbleMenu>\n  );\n};\n\nexport default BubbleMenuEditImage;\n"],"names":["BubbleMenuEditImage","editor","onEditImage","openEditImage","editable","t","useTranslation","selection","view","state","selectedNode","doc","nodeAt","anchor","handleButtonClick","buttonSize","chain","focus","setAttributes","width","height","size","run","ImageSizeItems","useMemo","type","name","props","color","leftIcon","jsx","Icon","children","onClick","tooltip","message","position","icon","className","attrs","tippyOptions","adjustRect","rect","yOffset","window","visualViewport","bottomScreen","innerHeight","document","documentElement","clientHeight","bottom","DOMRect","x","y","placement","offset","zIndex","duration","getReferenceClientRect","parentDiv","isActive","$anchor","parentDomNode","nodeDOM","pos","childDomNode","firstChild","getBoundingClientRect","BubbleMenu","Toolbar"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
+import { WorkspaceVisibility } from '@edifice.io/ts-client';
 import { Content, FocusPosition, JSONContent } from '@tiptap/react';
-import { WorkspaceVisibility } from 'edifice-ts-client';
 export interface EditorRef {
     /** Get the current content. */
     getContent: (as: 'html' | 'json' | 'plain') => undefined | string | JSONContent;

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

@@ -1,83 +1,84 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useId, useImperativeHandle, Suspense, lazy } from "react";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { forwardRef as M, useId as k, useImperativeHandle as v, Suspense as H, lazy as h } from "react";
 import "@edifice.io/tiptap-extensions";
-import { EditorContent } from "@tiptap/react";
-import clsx from "clsx";
-import { useMathsStyles } from "../../hooks/useMathsStyles.js";
-import { useTipTapEditor } from "../../hooks/useTipTapEditor.js";
-import { useMediaLibraryEditor } from "../../hooks/useMediaLibraryEditor.js";
-import { useMathsModal } from "../../hooks/useMathsModal.js";
-import { useImageModal } from "../../hooks/useImageModal.js";
-import { useLinkToolbar } from "../../hooks/useLinkToolbar.js";
-import { useSpeechSynthetisis } from "../../hooks/useSpeechSynthetisis.js";
-import { EditorContext } from "../../hooks/useEditorContext.js";
-import { EditorToolbar } from "../EditorToolbar/EditorToolbar.js";
-import LinkToolbar from "../Toolbar/LinkToolbar.js";
-import TableToolbar from "../Toolbar/TableToolbar.js";
-import BubbleMenuEditImage from "../BubbleMenuEditImage/BubbleMenuEditImage.js";
-import MediaLibrary from "../../../multimedia/MediaLibrary/MediaLibrary.js";
-import { useOdeClient } from "../../../../core/OdeClientProvider/OdeClientProvider.js";
-import { LoadingScreen } from "../../../../components/LoadingScreen/LoadingScreen.js";
-const MathsModal = /* @__PURE__ */ lazy(async () => await import("./MathsModal.js")), ImageEditor = /* @__PURE__ */ lazy(async () => await import("../../../multimedia/ImageEditor/components/ImageEditor.js")), Editor = /* @__PURE__ */ forwardRef(({
-  id,
-  content,
-  mode = "read",
-  toolbar = "full",
-  variant = "outline",
-  focus = "start",
-  placeholder = "",
-  visibility = "protected",
-  onContentChange
-}, ref) => {
-  const editorId = useId(), {
-    appCode
-  } = useOdeClient(), {
-    editor,
-    editable
-  } = useTipTapEditor(mode === "edit", content, focus, placeholder, onContentChange), {
-    ref: mediaLibraryModalRef,
-    ...mediaLibraryModalHandlers
-  } = useMediaLibraryEditor(editor), {
-    toggle: toggleMathsModal,
-    ...mathsModalHandlers
-  } = useMathsModal(editor), imageModal = useImageModal(editor, "media-library", visibility), linkToolbarHandlers = useLinkToolbar(editor, mediaLibraryModalRef), speechSynthetisis = useSpeechSynthetisis(editor);
-  if (useMathsStyles(), useImperativeHandle(ref, () => ({
-    getContent: (as) => {
-      switch (as) {
+import { EditorContent as j } from "@tiptap/react";
+import f from "clsx";
+import { useMathsStyles as N } from "../../hooks/useMathsStyles.js";
+import { useTipTapEditor as R } from "../../hooks/useTipTapEditor.js";
+import { useMediaLibraryEditor as z } from "../../hooks/useMediaLibraryEditor.js";
+import { useMathsModal as A } from "../../hooks/useMathsModal.js";
+import { useImageModal as B } from "../../hooks/useImageModal.js";
+import { useLinkToolbar as J } from "../../hooks/useLinkToolbar.js";
+import { useSpeechSynthetisis as P } from "../../hooks/useSpeechSynthetisis.js";
+import { EditorContext as U } from "../../hooks/useEditorContext.js";
+import { EditorToolbar as $ } from "../EditorToolbar/EditorToolbar.js";
+import q from "../Toolbar/LinkToolbar.js";
+import D from "../Toolbar/TableToolbar.js";
+import F from "../BubbleMenuEditImage/BubbleMenuEditImage.js";
+import G from "../../../multimedia/MediaLibrary/MediaLibrary.js";
+import { useOdeClient as K } from "../../../../core/OdeClientProvider/OdeClientProvider.js";
+import { LoadingScreen as Q } from "../../../../components/LoadingScreen/LoadingScreen.js";
+const V = /* @__PURE__ */ h(async () => await import("./MathsModal.js")), W = /* @__PURE__ */ h(async () => await import("../../../multimedia/ImageEditor/components/ImageEditor.js")), be = /* @__PURE__ */ M(({
+  id: s,
+  content: b,
+  mode: g = "read",
+  toolbar: E = "full",
+  variant: a = "outline",
+  focus: y = "start",
+  placeholder: I = "",
+  visibility: m = "protected",
+  onContentChange: S
+}, T) => {
+  const l = k(), {
+    appCode: p
+  } = K(), {
+    editor: e,
+    editable: o
+  } = R(g === "edit", b, y, I, S), {
+    ref: n,
+    ...C
+  } = z(e), {
+    toggle: L,
+    ...c
+  } = A(e), r = B(e, "media-library", m), x = J(e, n), d = P(e);
+  if (N(), v(T, () => ({
+    getContent: (u) => {
+      switch (u) {
         case "html":
-          return editor == null ? void 0 : editor.getHTML();
+          return e == null ? void 0 : e.getHTML();
         case "json":
-          return editor == null ? void 0 : editor.getJSON();
+          return e == null ? void 0 : e.getJSON();
         case "plain":
-          return editor == null ? void 0 : editor.getText();
+          return e == null ? void 0 : e.getText();
         default:
-          throw `[Editor] Unknown content format ${as}`;
+          throw new Error(`[Editor] Unknown content format ${u}`);
       }
     },
-    toogleSpeechSynthetisis: speechSynthetisis.toggle,
-    isSpeeching: () => speechSynthetisis.isActivated
-  })), !editor) return null;
-  const borderClass = clsx(variant === "outline" && "border rounded-3"), contentClass = clsx(variant === "outline" && "py-12 px-16");
-  return /* @__PURE__ */ jsxs(EditorContext.Provider, { value: {
-    id: id ?? editorId,
-    appCode,
-    editor,
-    editable
+    toogleSpeechSynthetisis: d.toggle,
+    isSpeeching: () => d.isActivated
+  })), !e) return null;
+  const w = f(a === "outline" && "border rounded-3"), O = f(a === "outline" && "py-12 px-16");
+  return /* @__PURE__ */ i(U.Provider, { value: {
+    id: s ?? l,
+    appCode: p,
+    editor: e,
+    editable: o
   }, children: [
-    /* @__PURE__ */ jsxs("div", { className: borderClass, children: [
-      toolbar !== "none" && editable && /* @__PURE__ */ jsx(EditorToolbar, { mediaLibraryRef: mediaLibraryModalRef, toggleMathsModal }),
-      /* @__PURE__ */ jsx(EditorContent, { id: id ?? editorId, editor, className: contentClass })
+    /* @__PURE__ */ i("div", { className: w, children: [
+      E !== "none" && o && /* @__PURE__ */ t($, { mediaLibraryRef: n, toggleMathsModal: L }),
+      /* @__PURE__ */ t(j, { id: s ?? l, editor: e, className: O })
     ] }),
-    /* @__PURE__ */ jsx(LinkToolbar, { editor, ...linkToolbarHandlers }),
-    /* @__PURE__ */ jsx(TableToolbar, { editor }),
-    editor && /* @__PURE__ */ jsx(BubbleMenuEditImage, { editor, onEditImage: imageModal.handleEdit, openEditImage: imageModal.isOpen, editable }),
-    /* @__PURE__ */ jsxs(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, {}), children: [
-      editable && /* @__PURE__ */ jsx(MediaLibrary, { appCode, visibility, multiple: !0, ref: mediaLibraryModalRef, ...mediaLibraryModalHandlers }),
-      editable && mathsModalHandlers.isOpen && /* @__PURE__ */ jsx(MathsModal, { ...mathsModalHandlers }),
-      editable && (imageModal == null ? void 0 : imageModal.isOpen) && (imageModal == null ? void 0 : imageModal.currentImage) && /* @__PURE__ */ jsx(ImageEditor, { altText: imageModal == null ? void 0 : imageModal.currentImage.alt, legend: imageModal == null ? void 0 : imageModal.currentImage.title, image: imageModal == null ? void 0 : imageModal.currentImage.src, isOpen: imageModal.isOpen, onCancel: imageModal.handleCancel, onSave: imageModal.handleSave, onError: console.error })
+    /* @__PURE__ */ t(q, { editor: e, ...x }),
+    /* @__PURE__ */ t(D, { editor: e }),
+    e && /* @__PURE__ */ t(F, { editor: e, onEditImage: r.handleEdit, openEditImage: r.isOpen, editable: o }),
+    /* @__PURE__ */ i(H, { fallback: /* @__PURE__ */ t(Q, {}), children: [
+      o && /* @__PURE__ */ t(G, { appCode: p, visibility: m, multiple: !0, ref: n, ...C }),
+      o && c.isOpen && /* @__PURE__ */ t(V, { ...c }),
+      o && (r == null ? void 0 : r.isOpen) && (r == null ? void 0 : r.currentImage) && /* @__PURE__ */ t(W, { altText: r == null ? void 0 : r.currentImage.alt, legend: r == null ? void 0 : r.currentImage.title, image: r == null ? void 0 : r.currentImage.src, isOpen: r.isOpen, onCancel: r.handleCancel, onSave: r.handleSave, onError: console.error })
     ] })
   ] });
-}), Editor$1 = Editor;
+});
 export {
-  Editor$1 as default
+  be as default
 };
+//# sourceMappingURL=Editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.js","sources":["../../../../../src/modules/editor/components/Editor/Editor.tsx"],"sourcesContent":["import {\n  Ref,\n  Suspense,\n  forwardRef,\n  lazy,\n  useId,\n  useImperativeHandle,\n} from 'react';\n\nimport '@edifice.io/tiptap-extensions';\nimport { WorkspaceVisibility } from '@edifice.io/ts-client';\nimport {\n  Content,\n  EditorContent,\n  FocusPosition,\n  JSONContent,\n} from '@tiptap/react';\nimport clsx from 'clsx';\n\nimport {\n  BubbleMenuEditImage,\n  EditorContext,\n  EditorToolbar,\n  LinkToolbar,\n  TableToolbar,\n  useImageModal,\n  useLinkToolbar,\n  useMathsModal,\n  useMediaLibraryEditor,\n  useSpeechSynthetisis,\n  useTipTapEditor,\n} from '../..';\nimport { LoadingScreen, useOdeClient } from '../../../..';\nimport { MediaLibrary } from '../../../multimedia';\nimport { useMathsStyles } from '../../hooks/useMathsStyles';\n\nconst MathsModal = lazy(async () => await import('./MathsModal'));\nconst ImageEditor = lazy(\n  async () =>\n    await import('../../../multimedia/ImageEditor/components/ImageEditor'),\n);\n\nexport interface EditorRef {\n  /** Get the current content. */\n  getContent: (\n    as: 'html' | 'json' | 'plain',\n  ) => undefined | string | JSONContent;\n\n  /** Get speech synthetisis current state */\n  isSpeeching: () => boolean;\n  /** [De]activate speech synthetisis */\n  toogleSpeechSynthetisis: () => boolean;\n}\n\n/**\n * Editor component properties\n */\nexport interface EditorProps {\n  /**\n   * (Optional) id of the HTML element.\n   * Useful with an external `<FormControl id=...><Label/>`.\n   */\n  id?: string;\n  /** Rich content to render. */\n  content: Content;\n  /**\n   * Rendering mode : `edit` to allow content modifications, or `read` (default)\n   * Switching to `edit` mode will also render the toolbar\n   * (unless `toolbar` property is `none`).\n   */\n  mode?: 'edit' | 'read' /* | \"preview\" */;\n  /** Toolbar to display in `edit` mode. */\n  toolbar?: 'full' | 'none';\n  /** Display with or without a border */\n  variant?: 'outline' | 'ghost';\n  /** Set focus position to the editor */\n  focus?: FocusPosition;\n  /** Editor placeholder content */\n  placeholder?: string;\n  /** Visibility of the content created\n   *  this will impact where the uploaded files will be upload and the availability of the public media files  */\n  visibility?: WorkspaceVisibility;\n  /** Function to listen if content change */\n  onContentChange?: ({ editor }: { editor: any }) => void;\n}\n\nconst Editor = forwardRef(\n  (\n    {\n      id,\n      content,\n      mode = 'read',\n      toolbar = 'full',\n      variant = 'outline',\n      focus = 'start',\n      placeholder = '',\n      visibility = 'protected',\n      onContentChange,\n    }: EditorProps,\n    ref: Ref<EditorRef>,\n  ) => {\n    const editorId = useId();\n    const { appCode } = useOdeClient();\n    const { editor, editable } = useTipTapEditor(\n      mode === 'edit',\n      content,\n      focus,\n      placeholder,\n      onContentChange,\n    );\n    const { ref: mediaLibraryModalRef, ...mediaLibraryModalHandlers } =\n      useMediaLibraryEditor(editor);\n    const { toggle: toggleMathsModal, ...mathsModalHandlers } =\n      useMathsModal(editor);\n    const imageModal = useImageModal(editor, 'media-library', visibility);\n    const linkToolbarHandlers = useLinkToolbar(editor, mediaLibraryModalRef);\n    const speechSynthetisis = useSpeechSynthetisis(editor);\n\n    useMathsStyles();\n\n    //----- Editor API\n    useImperativeHandle(ref, () => ({\n      getContent: (as: 'html' | 'json' | 'plain') => {\n        switch (as) {\n          case 'html':\n            return editor?.getHTML();\n          case 'json':\n            return editor?.getJSON();\n          case 'plain':\n            return editor?.getText();\n          default:\n            throw new Error(`[Editor] Unknown content format ${as}`);\n        }\n      },\n      toogleSpeechSynthetisis: speechSynthetisis.toggle,\n      isSpeeching: () => speechSynthetisis.isActivated,\n    }));\n\n    if (!editor) return null;\n\n    const borderClass = clsx(variant === 'outline' && 'border rounded-3');\n    const contentClass = clsx(variant === 'outline' && 'py-12 px-16');\n\n    return (\n      <EditorContext.Provider\n        value={{\n          id: id ?? editorId,\n          appCode,\n          editor,\n          editable,\n        }}\n      >\n        <div className={borderClass}>\n          {toolbar !== 'none' && editable && (\n            <EditorToolbar\n              {...{\n                mediaLibraryRef: mediaLibraryModalRef,\n                toggleMathsModal: toggleMathsModal,\n              }}\n            />\n          )}\n          <EditorContent\n            id={id ?? editorId}\n            editor={editor}\n            className={contentClass}\n          />\n        </div>\n\n        <LinkToolbar editor={editor} {...linkToolbarHandlers} />\n\n        <TableToolbar editor={editor} />\n\n        {editor && (\n          <BubbleMenuEditImage\n            editor={editor}\n            onEditImage={imageModal.handleEdit}\n            openEditImage={imageModal.isOpen}\n            editable={editable}\n          />\n        )}\n\n        <Suspense fallback={<LoadingScreen />}>\n          {editable && (\n            <MediaLibrary\n              appCode={appCode}\n              visibility={visibility}\n              multiple={true}\n              ref={mediaLibraryModalRef}\n              {...mediaLibraryModalHandlers}\n            />\n          )}\n\n          {editable && mathsModalHandlers.isOpen && (\n            <MathsModal {...mathsModalHandlers} />\n          )}\n\n          {editable && imageModal?.isOpen && imageModal?.currentImage && (\n            <ImageEditor\n              altText={imageModal?.currentImage.alt}\n              legend={imageModal?.currentImage.title}\n              image={imageModal?.currentImage.src}\n              isOpen={imageModal.isOpen}\n              onCancel={imageModal.handleCancel}\n              onSave={imageModal.handleSave}\n              onError={console.error}\n            />\n          )}\n        </Suspense>\n      </EditorContext.Provider>\n    );\n  },\n);\n\nexport default Editor;\n"],"names":["MathsModal","lazy","ImageEditor","Editor","id","content","mode","toolbar","variant","focus","placeholder","visibility","onContentChange","ref","editorId","useId","appCode","useOdeClient","editor","editable","useTipTapEditor","mediaLibraryModalRef","mediaLibraryModalHandlers","useMediaLibraryEditor","toggle","toggleMathsModal","mathsModalHandlers","useMathsModal","imageModal","useImageModal","linkToolbarHandlers","useLinkToolbar","speechSynthetisis","useSpeechSynthetisis","useMathsStyles","useImperativeHandle","getContent","as","getHTML","getJSON","getText","Error","toogleSpeechSynthetisis","isSpeeching","isActivated","borderClass","clsx","contentClass","jsxs","EditorContext","jsx","EditorToolbar","mediaLibraryRef","EditorContent","LinkToolbar","TableToolbar","BubbleMenuEditImage","handleEdit","isOpen","Suspense","LoadingScreen","MediaLibrary","currentImage","alt","title","src","handleCancel","handleSave","console","error"],"mappings":"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"}

package/dist/modules/editor/components/Editor/MathsModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ModalProps {
     isOpen: boolean;
     onSuccess?: (formulaEditor: string) => void;