@git-diff-view/react 0.0.15 → 0.0.16

package/dist/cjs/index.development.js

@@ -180,6 +180,7 @@ const DiffViewContext = React.createContext(null);
 DiffViewContext.displayName = "DiffViewContext";
 const useDiffViewContext = () => React.useContext(DiffViewContext);
 
+// TODO
 const useSyncHeight = ({ selector, side, enable }) => {
     const { useDiffContext } = useDiffViewContext();
     const id = useDiffContext(React.useCallback((s) => s.id, []));
@@ -191,7 +192,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";
@@ -199,7 +199,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));
                     }
@@ -263,15 +264,14 @@ const _DiffSplitExtendLine$1 = ({ index, diffFile, oldLineExtend, newLineExtend,
     const renderExtendLine = useDiffContext(React__namespace.useCallback((s) => s.renderExtendLine, []));
     const currentExtend = side === exports.SplitSide.old ? oldLineExtend : newLineExtend;
     const currentLineNumber = side === exports.SplitSide.old ? oldLine.lineNumber : newLine.lineNumber;
-    const otherSide = side === exports.SplitSide.old ? exports.SplitSide.new : exports.SplitSide.old;
     useSyncHeight({
         selector: `tr[data-line="${lineNumber}-extend"]`,
-        side: currentExtend ? exports.SplitSide[side] : exports.SplitSide[otherSide],
-        enable: side === exports.SplitSide.new && typeof renderExtendLine === "function",
+        side: exports.SplitSide[side],
+        enable: !!(currentExtend === null || currentExtend === void 0 ? void 0 : currentExtend.data) && typeof renderExtendLine === "function",
     });
     const width = useDomWidth({
         selector: side === exports.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;
@@ -509,8 +509,8 @@ const _DiffSplitHunkLineGitLab = ({ index, diffFile, side, lineNumber, }) => {
     const expandEnabled = diffFile.getExpandEnabled();
     useSyncHeight({
         selector: `tr[data-line="${lineNumber}-hunk"]`,
-        side: exports.SplitSide[exports.SplitSide.old],
-        enable: side === exports.SplitSide.new,
+        side: exports.SplitSide[side],
+        enable: true,
     });
     const couldExpand = expandEnabled && currentHunk && currentHunk.splitInfo;
     const isExpandAll = currentHunk &&
@@ -772,13 +772,12 @@ const DiffSplitLine$1 = ({ index, diffFile, lineNumber, side, }) => {
 };
 
 const _DiffSplitWidgetLine$1 = ({ diffFile, side, lineNumber, currentLine, setWidget, currentWidget, }) => {
-    const otherSide = side === exports.SplitSide.old ? exports.SplitSide.new : exports.SplitSide.old;
     const { useDiffContext } = useDiffViewContext();
     const renderWidgetLine = useDiffContext(React__namespace.useCallback((s) => s.renderWidgetLine, []));
     useSyncHeight({
         selector: `tr[data-line="${lineNumber}-widget"]`,
-        side: currentWidget ? exports.SplitSide[side] : exports.SplitSide[otherSide],
-        enable: side === exports.SplitSide.new && typeof renderWidgetLine === "function",
+        side: exports.SplitSide[side],
+        enable: currentWidget && typeof renderWidgetLine === "function",
     });
     const width = useDomWidth({
         selector: side === exports.SplitSide.old ? ".old-diff-table-wrapper" : ".new-diff-table-wrapper",
@@ -1520,7 +1519,7 @@ const _InternalDiffView = (props) => {
     ]);
     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-version": `${"0.0.15"}`, "data-highlighter": diffFile._getHighlighterName() },
+        React__namespace.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-version": `${"0.0.16"}`, "data-highlighter": diffFile._getHighlighterName() },
             React__namespace.createElement("div", { className: "diff-style-root", style: {
                     // @ts-ignore
                     [diffFontSizeName]: diffViewFontSize + "px",
@@ -1579,7 +1578,7 @@ const DiffViewWithRef = (props, ref) => {
 };
 const DiffView = React.forwardRef(DiffViewWithRef);
 DiffView.displayName = "DiffView";
-const version = "0.0.15";
+const version = "0.0.16";
 
 exports.DiffView = DiffView;
 exports.DiffViewContext = DiffViewContext;