@appquality/unguess-design-system 3.1.91-highlight-7 → 3.1.91-highlight-9

package/build/index.js

@@ -7484,9 +7484,44 @@ const useTypeSpec = (type) => {
             };
     }
 };
+function findNodePosition(doc, targetNode) {
+    let foundPos = null;
+    doc.descendants((node, pos) => {
+        if (node === targetNode) {
+            foundPos = pos;
+            return false; // Interrompe la ricerca
+        }
+        return true;
+    });
+    return foundPos;
+}
+function findAllAncestorsOfType(state, pos, nodeType) {
+    const ancestors = [];
+    let { doc } = state;
+    let currentPos = pos;
+    while (currentPos > 0) {
+        const resolvedPos = doc.resolve(currentPos);
+        const parent = resolvedPos.node(resolvedPos.depth);
+        if (parent.type === nodeType) {
+            ancestors.push(parent);
+        }
+        if (resolvedPos.depth === 0) {
+            break;
+        }
+        currentPos = resolvedPos.before(); // Move to the previous depth level
+    }
+    return ancestors;
+}
 const Component$1 = ({ node, editor, }) => {
     const { background } = useTypeSpec(node.attrs["type"]);
-    return (jsxRuntime.jsx(react.NodeViewWrapper, Object.assign({ as: "span", className: "react-component" }, { children: jsxRuntime.jsx("span", Object.assign({ style: { background } }, { children: jsxRuntime.jsx(Tooltip, Object.assign({ content: node.attrs["title"] || "" }, { children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(react.NodeViewContent, { as: "span", className: "content is-editable" }) }) })) })) })));
+    const nodePos = findNodePosition(editor.state.doc, node);
+    if (!nodePos)
+        return null;
+    const ancestors = findAllAncestorsOfType(editor.state, nodePos, editor.state.schema.nodes.Observation);
+    const title = ancestors.length
+        ? [node, ...ancestors].map((ancestor) => ancestor.attrs["title"])
+        : [node.attrs["title"]];
+    return (jsxRuntime.jsx(react.NodeViewWrapper, Object.assign({ as: "span", className: "react-component" }, { children: jsxRuntime.jsx("span", Object.assign({ "data-title": node.attrs["title"], style: { background } }, { children: jsxRuntime.jsx(Tooltip, Object.assign({ content: title.join(" and ") }, { children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(react.NodeViewContent, { as: "span", className: "content is-editable" }) }) })) })) })));
 };
 
 const Observation = core.Node.create({

package/build/stories/editorWithHighlight/nodes/observation/Component.d.ts

@@ -3,4 +3,4 @@ import { Node as PMNode } from "prosemirror-model";
 export declare const Component: ({ node, editor, }: {
     node: PMNode;
     editor: Editor;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/package.json

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