@git-diff-view/react 0.0.15 → 0.0.16

package/dist/esm/index.mjs

@@ -161,6 +161,7 @@ const useDomWidth = ({ selector, enable }) => {
     return width;
 };
 
+// TODO
 const useSyncHeight = ({ selector, side, enable }) => {
     const { useDiffContext } = useDiffViewContext();
     const id = useDiffContext(useCallback((s) => s.id, []));
@@ -172,7 +173,6 @@ const useSyncHeight = ({ selector, side, enable }) => {
                 const ele1 = elements[0];
                 const ele2 = elements[1];
                 const target = ele1.getAttribute("data-side") === side ? ele1 : ele2;
-                const synced = ele1.getAttribute("data-side") !== side ? ele1 : ele2;
                 const cb = () => {
                     ele1.style.height = "auto";
                     ele2.style.height = "auto";
@@ -180,7 +180,8 @@ const useSyncHeight = ({ selector, side, enable }) => {
                     const rect2 = ele2.getBoundingClientRect();
                     if (rect1.height !== rect2.height) {
                         const maxHeight = Math.max(rect1.height, rect2.height);
-                        synced.style.height = maxHeight + "px";
+                        ele1.style.height = maxHeight + "px";
+                        ele2.style.height = maxHeight + "px";
                         ele1.setAttribute("data-sync-height", String(maxHeight));
                         ele2.setAttribute("data-sync-height", String(maxHeight));
                     }
@@ -244,15 +245,14 @@ const _DiffSplitExtendLine$1 = ({ index, diffFile, oldLineExtend, newLineExtend,
     const renderExtendLine = useDiffContext(React.useCallback((s) => s.renderExtendLine, []));
     const currentExtend = side === SplitSide.old ? oldLineExtend : newLineExtend;
     const currentLineNumber = side === SplitSide.old ? oldLine.lineNumber : newLine.lineNumber;
-    const otherSide = side === SplitSide.old ? SplitSide.new : SplitSide.old;
     useSyncHeight({
         selector: `tr[data-line="${lineNumber}-extend"]`,
-        side: currentExtend ? SplitSide[side] : SplitSide[otherSide],
-        enable: side === SplitSide.new && typeof renderExtendLine === "function",
+        side: SplitSide[side],
+        enable: !!(currentExtend === null || currentExtend === void 0 ? void 0 : currentExtend.data) && typeof renderExtendLine === "function",
     });
     const width = useDomWidth({
         selector: side === SplitSide.old ? ".old-diff-table-wrapper" : ".new-diff-table-wrapper",
-        enable: !!currentExtend && typeof renderExtendLine === "function",
+        enable: !!(currentExtend === null || currentExtend === void 0 ? void 0 : currentExtend.data) && typeof renderExtendLine === "function",
     });
     if (!renderExtendLine)
         return null;
@@ -490,8 +490,8 @@ const _DiffSplitHunkLineGitLab = ({ index, diffFile, side, lineNumber, }) => {
     const expandEnabled = diffFile.getExpandEnabled();
     useSyncHeight({
         selector: `tr[data-line="${lineNumber}-hunk"]`,
-        side: SplitSide[SplitSide.old],
-        enable: side === SplitSide.new,
+        side: SplitSide[side],
+        enable: true,
     });
     const couldExpand = expandEnabled && currentHunk && currentHunk.splitInfo;
     const isExpandAll = currentHunk &&
@@ -753,13 +753,12 @@ const DiffSplitLine$1 = ({ index, diffFile, lineNumber, side, }) => {
 };
 
 const _DiffSplitWidgetLine$1 = ({ diffFile, side, lineNumber, currentLine, setWidget, currentWidget, }) => {
-    const otherSide = side === SplitSide.old ? SplitSide.new : SplitSide.old;
     const { useDiffContext } = useDiffViewContext();
     const renderWidgetLine = useDiffContext(React.useCallback((s) => s.renderWidgetLine, []));
     useSyncHeight({
         selector: `tr[data-line="${lineNumber}-widget"]`,
-        side: currentWidget ? SplitSide[side] : SplitSide[otherSide],
-        enable: side === SplitSide.new && typeof renderWidgetLine === "function",
+        side: SplitSide[side],
+        enable: currentWidget && typeof renderWidgetLine === "function",
     });
     const width = useDomWidth({
         selector: side === SplitSide.old ? ".old-diff-table-wrapper" : ".new-diff-table-wrapper",
@@ -1501,7 +1500,7 @@ const _InternalDiffView = (props) => {
     ]);
     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-version": `${"0.0.15"}`, "data-highlighter": diffFile._getHighlighterName() },
+        React.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-version": `${"0.0.16"}`, "data-highlighter": diffFile._getHighlighterName() },
             React.createElement("div", { className: "diff-style-root", style: {
                     // @ts-ignore
                     [diffFontSizeName]: diffViewFontSize + "px",
@@ -1560,7 +1559,7 @@ const DiffViewWithRef = (props, ref) => {
 };
 const DiffView = forwardRef(DiffViewWithRef);
 DiffView.displayName = "DiffView";
-const version = "0.0.15";
+const version = "0.0.16";
 
 export { DiffModeEnum, DiffView, DiffViewContext, SplitSide, useDiffViewContext, version };
 //# sourceMappingURL=index.mjs.map