@git-diff-view/react 0.0.32 → 0.0.33

package/dist/css/diff-view.css

@@ -105,7 +105,7 @@
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
 }/*
-! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)

package/dist/esm/index.mjs

@@ -196,6 +196,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--";
@@ -922,6 +941,10 @@ const DiffSplitViewNormal = 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");
@@ -1261,6 +1284,10 @@ const DiffSplitViewWrap = 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");
@@ -1721,6 +1748,10 @@ const DiffUnifiedView = 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) {
@@ -1837,7 +1868,7 @@ const InternalDiffView = (props) => {
     }, [useDiffContext, wrapperRef]);
     const value = useMemo(() => ({ useDiffContext }), [useDiffContext]);
     return (React.createElement(DiffViewContext.Provider, { value: value },
-        React.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.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.createElement("div", { className: "diff-style-root", style: {
                     // @ts-ignore
                     [diffFontSizeName]: diffViewFontSize + "px",
@@ -1916,7 +1947,7 @@ const DiffViewWithRef = (props, ref) => {
 const InnerDiffView = forwardRef(DiffViewWithRef);
 InnerDiffView.displayName = "DiffView";
 const DiffView = InnerDiffView;
-const version = "0.0.32";
+const version = "0.0.33";
 
 export { DiffModeEnum, DiffView, version };
 //# sourceMappingURL=index.mjs.map