@git-diff-view/react 0.0.32 → 0.0.33

package/dist/cjs/index.development.js

@@ -214,6 +214,25 @@ const getElementRoot = (element) => {
     }
     return document;
 };
+const getDiffIdFromElement = (element) => {
+    if (element) {
+        if (typeof element.closest === "function") {
+            const diffRoot = element.closest('[data-component="git-diff-view"]');
+            const ele = diffRoot.querySelector(".diff-view-wrapper");
+            return ele.getAttribute("id");
+        }
+        else {
+            let el = element;
+            while (el) {
+                if (el.getAttribute && el.getAttribute("data-component") === "git-diff-view") {
+                    const ele = el.querySelector(".diff-view-wrapper");
+                    return ele.getAttribute("id");
+                }
+                el = el.parentElement;
+            }
+        }
+    }
+};
 
 const diffFontSizeName = "--diff-font-size--";
 const diffAsideWidthName = "--diff-aside-width--";
@@ -940,6 +959,10 @@ const DiffSplitViewNormal = React.memo(({ diffFile }) => {
             removeAllSelection();
             return;
         }
+        const id = getDiffIdFromElement(ele);
+        if (id && id !== `diff-root${diffFile.getId()}`) {
+            return;
+        }
         while (ele && ele instanceof HTMLElement) {
             const state = ele.getAttribute("data-state");
             const side = ele.getAttribute("data-side");
@@ -1279,6 +1302,10 @@ const DiffSplitViewWrap = React.memo(({ diffFile }) => {
             removeAllSelection();
             return;
         }
+        const id = getDiffIdFromElement(ele);
+        if (id && id !== `diff-root${diffFile.getId()}`) {
+            return;
+        }
         while (ele && ele instanceof HTMLElement) {
             const state = ele.getAttribute("data-state");
             const side = ele.getAttribute("data-side");
@@ -1739,6 +1766,10 @@ const DiffUnifiedView = React.memo(({ diffFile }) => {
             removeAllSelection();
             return;
         }
+        const id = getDiffIdFromElement(ele);
+        if (id && id !== `diff-root${diffFile.getId()}`) {
+            return;
+        }
         while (ele && ele instanceof HTMLElement) {
             const state = ele.getAttribute("data-state");
             if (state) {
@@ -1855,7 +1886,7 @@ const InternalDiffView = (props) => {
     }, [useDiffContext, wrapperRef]);
     const value = React.useMemo(() => ({ useDiffContext }), [useDiffContext]);
     return (React__namespace.createElement(DiffViewContext.Provider, { value: value },
-        React__namespace.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-theme": diffFile._getTheme() || "light", "data-version": "0.0.32", "data-highlighter": diffFile._getHighlighterName(), ref: wrapperRef },
+        React__namespace.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-theme": diffFile._getTheme() || "light", "data-version": "0.0.33", "data-highlighter": diffFile._getHighlighterName(), ref: wrapperRef },
             React__namespace.createElement("div", { className: "diff-style-root", style: {
                     // @ts-ignore
                     [diffFontSizeName]: diffViewFontSize + "px",
@@ -1934,7 +1965,7 @@ const DiffViewWithRef = (props, ref) => {
 const InnerDiffView = React.forwardRef(DiffViewWithRef);
 InnerDiffView.displayName = "DiffView";
 const DiffView = InnerDiffView;
-const version = "0.0.32";
+const version = "0.0.33";
 
 Object.defineProperty(exports, "SplitSide", {
     enumerable: true,