@appquality/unguess-design-system 3.1.91-highlight-3 → 3.1.91-highlight-4

package/build/index.js

@@ -7638,6 +7638,61 @@ const Word = core.Node.create({
 });
 
 const useEditor = ({ content, observations, currentTime, onSetCurrentTime, }, deps) => {
+    function getParsedContent() {
+        if (!content)
+            return undefined;
+        const result = {
+            type: "doc",
+            content: content.map((paragraph) => {
+                function getWords() {
+                    return paragraph.words.map((word) => {
+                        const observationsInThisWord = observations === null || observations === void 0 ? void 0 : observations.filter((observation) => observation.start >= word.start && observation.end <= word.end);
+                        function getWordContent() {
+                            const textContent = [
+                                {
+                                    type: "text",
+                                    text: `${word.word} `,
+                                },
+                            ];
+                            if (!observationsInThisWord ||
+                                observationsInThisWord.length === 0)
+                                return textContent;
+                            return observationsInThisWord.reduce((acc, observation) => {
+                                return [
+                                    {
+                                        type: "Observation",
+                                        attrs: {
+                                            type: observation.type,
+                                            title: observation.text,
+                                        },
+                                        content: acc,
+                                    },
+                                ];
+                            }, textContent);
+                        }
+                        return {
+                            type: "Word",
+                            attrs: {
+                                "data-start": word.start,
+                                "data-end": word.end,
+                            },
+                            content: getWordContent(),
+                        };
+                    });
+                }
+                return {
+                    type: "Paragraph",
+                    attrs: {
+                        speakername: `Speaker ${paragraph.speaker}`,
+                        start: paragraph.start,
+                        end: paragraph.end,
+                    },
+                    content: getWords(),
+                };
+            }),
+        };
+        return result;
+    }
     const ed = react.useEditor({
         extensions: [
             Document__default["default"],
@@ -7653,32 +7708,7 @@ const useEditor = ({ content, observations, currentTime, onSetCurrentTime, }, de
         editorProps: {
             handlePaste: () => true,
         },
-        content: {
-            type: "doc",
-            content: content
-                ? content.map((paragraph) => ({
-                    type: "Paragraph",
-                    attrs: {
-                        speakername: `Speaker ${paragraph.speaker}`,
-                        start: paragraph.start,
-                        end: paragraph.end,
-                    },
-                    content: paragraph.words.map((word) => ({
-                        type: "Word",
-                        attrs: {
-                            "data-start": word.start,
-                            "data-end": word.end,
-                        },
-                        content: [
-                            {
-                                type: "text",
-                                text: `${word.word} `,
-                            },
-                        ],
-                    })),
-                }))
-                : undefined,
-        },
+        content: getParsedContent(),
     }, deps);
     React.useEffect(() => {
         if (!currentTime)
@@ -7738,7 +7768,6 @@ const EditorWithHighlight = ({ editor }) => {
         return null;
     return (jsxRuntime.jsx(EditorWrapper, { children: jsxRuntime.jsx(react.EditorContent, { ref: ref, editor: editor }) }));
 };
-// rebuild the EditorWithHighlight component
 EditorWithHighlight.useEditor = useEditor;
 EditorWithHighlight.Search = Search;
 EditorWithHighlight.FloatingMenu = FloatingMenu;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.91-highlight-3",
+  "version": "3.1.91-highlight-4",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",