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

package/build/index.js

@@ -7519,7 +7519,8 @@ const Observation = core.Node.create({
                     if (node.type.name === "Word") {
                         // Crea il nodo "active"
                         const annotationNode = state.schema.nodes.Observation.create({
-                            title: "Ciao",
+                            title,
+                            type,
                         }, node.content);
                         // Crea il nodo "word" aggiornato con "active" come figlio
                         const updatedNode = node.copy(model.Fragment.from(annotationNode));
@@ -7636,7 +7637,7 @@ const Word = core.Node.create({
     },
 });
 
-const useEditor = ({ content, currentTime, onSetCurrentTime, }, deps) => {
+const useEditor = ({ content, observations, currentTime, onSetCurrentTime, }, deps) => {
     const ed = react.useEditor({
         extensions: [
             Document__default["default"],
@@ -7692,6 +7693,24 @@ const useEditor = ({ content, currentTime, onSetCurrentTime, }, deps) => {
             return;
         ed.commands.updateCurrentActive({ currentWord });
     }, [currentTime, content, ed]);
+    React.useEffect(() => {
+        if (!observations)
+            return;
+        if (!ed)
+            return;
+        const selection = ed.state.selection;
+        observations.forEach((observation) => {
+            const startWord = ed.$node("Word", { "data-start": observation.start });
+            const endWord = ed.$node("Word", { "data-end": observation.end });
+            if (!startWord || !endWord)
+                return;
+            ed.chain()
+                .setTextSelection({ from: startWord.pos, to: endWord.pos })
+                .addObservation(observation.type, observation.text)
+                .setTextSelection(selection.from)
+                .run();
+        });
+    }, [observations, ed]);
     return ed;
 };
 
@@ -7719,6 +7738,7 @@ 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/build/stories/editorWithHighlight/index.d.ts

@@ -4,7 +4,7 @@ declare const EditorWithHighlight: {
     ({ editor }: {
         editor: Editor;
     }): import("react/jsx-runtime").JSX.Element | null;
-    useEditor: ({ content, currentTime, onSetCurrentTime, }: {
+    useEditor: ({ content, observations, currentTime, onSetCurrentTime, }: {
         content?: {
             start: number;
             end: number;
@@ -15,6 +15,13 @@ declare const EditorWithHighlight: {
                 word: string;
             }[];
         }[] | undefined;
+        observations?: {
+            id: number;
+            type: string;
+            start: number;
+            end: number;
+            text: string;
+        }[] | undefined;
         currentTime?: number | undefined;
         onSetCurrentTime?: ((time: number) => void) | undefined;
     }, deps?: import("react").DependencyList | undefined) => Editor | null;
@@ -26,7 +33,10 @@ declare const EditorWithHighlight: {
     };
     FloatingMenu: (props: {
         editor: Editor;
-        onClick: (editor: Editor) => void;
+        onClick: (editor: Editor, words: {
+            start: number;
+            end: number;
+        }) => void;
     }) => import("react/jsx-runtime").JSX.Element | null;
 };
 export { EditorWithHighlight };

package/build/stories/editorWithHighlight/useEditor.d.ts

@@ -1,4 +1,4 @@
-export declare const useEditor: ({ content, currentTime, onSetCurrentTime, }: {
+export declare const useEditor: ({ content, observations, currentTime, onSetCurrentTime, }: {
     content?: {
         start: number;
         end: number;
@@ -9,6 +9,13 @@ export declare const useEditor: ({ content, currentTime, onSetCurrentTime, }: {
             word: string;
         }[];
     }[] | undefined;
+    observations?: {
+        id: number;
+        type: string;
+        start: number;
+        end: number;
+        text: string;
+    }[] | undefined;
     currentTime?: number | undefined;
     onSetCurrentTime?: ((time: number) => void) | undefined;
 }, deps?: React.DependencyList) => import("@tiptap/react").Editor | null;

package/package.json

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