@git-diff-view/react 0.0.29 → 0.0.31

package/dist/cjs/index.development.js

@@ -866,7 +866,7 @@ const DiffSplitViewTable = ({ side, diffFile, enableAddWidget, enableHighlight,
                 React__namespace.createElement("th", { scope: "col" },
                     core.SplitSide[side],
                     " line content"))),
-        React__namespace.createElement("tbody", { className: "diff-table-body leading-[1.4]", onMouseDownCapture: onMouseDown },
+        React__namespace.createElement("tbody", { className: "diff-table-body leading-[1.6]", onMouseDownCapture: onMouseDown },
             lines.map((line) => (React__namespace.createElement(React.Fragment, { key: line.index },
                 React__namespace.createElement(DiffSplitHunkLine$1, { index: line.index, side: side, lineNumber: line.lineNumber, diffFile: diffFile }),
                 React__namespace.createElement(DiffSplitContentLine$1, { index: line.index, side: side, lineNumber: line.lineNumber, diffFile: diffFile, enableAddWidget: enableAddWidget, enableHighlight: enableHighlight }),
@@ -990,7 +990,10 @@ const InternalDiffSplitLine = ({ index, diffFile, lineNumber, enableAddWidget, e
     const newLineNumberBG = getLineNumberBG(newLineIsAdded, false, hasDiff);
     return (React__namespace.createElement("tr", { "data-line": lineNumber, "data-state": hasDiff ? "diff" : "plain", className: "diff-line" },
         hasOldLine ? (React__namespace.createElement(React__namespace.Fragment, null,
-            React__namespace.createElement("td", { className: "diff-line-old-num group relative w-[1%] min-w-[40px] select-none pl-[10px] pr-[10px] text-right align-top", "data-side": core.SplitSide[core.SplitSide.old], style: { backgroundColor: oldLineNumberBG, color: `var(${plainLineNumberColorName})` } },
+            React__namespace.createElement("td", { className: "diff-line-old-num group relative w-[1%] min-w-[40px] select-none pl-[10px] pr-[10px] text-right align-top", "data-side": core.SplitSide[core.SplitSide.old], style: {
+                    backgroundColor: oldLineNumberBG,
+                    color: `var(${hasDiff ? plainLineNumberColorName : expandLineNumberColorName})`,
+                } },
                 hasDiff && enableAddWidget && (React__namespace.createElement(DiffSplitAddWidget, { index: index, lineNumber: oldLine.lineNumber, side: core.SplitSide.old, diffFile: diffFile, onWidgetClick: (...props) => { var _a; return (_a = onAddWidgetClick.current) === null || _a === void 0 ? void 0 : _a.call(onAddWidgetClick, ...props); }, className: "absolute left-[100%] z-[1] translate-x-[-50%]", onOpenAddWidget: (lineNumber, side) => setWidget({ lineNumber: lineNumber, side: side }) })),
                 React__namespace.createElement("span", { "data-line-num": oldLine.lineNumber, style: { opacity: hasChange ? undefined : 0.5 } }, oldLine.lineNumber)),
             React__namespace.createElement("td", { className: "diff-line-old-content group relative pr-[10px] align-top", "data-side": core.SplitSide[core.SplitSide.old], style: { backgroundColor: oldLineContentBG } },
@@ -1300,7 +1303,7 @@ const DiffSplitViewWrap = React.memo(({ diffFile }) => {
                         React__namespace.createElement("th", { scope: "col" }, "old line content"),
                         React__namespace.createElement("th", { scope: "col" }, "new line number"),
                         React__namespace.createElement("th", { scope: "col" }, "new line content"))),
-                React__namespace.createElement("tbody", { className: "diff-table-body leading-[1.4]", onMouseDownCapture: onMouseDown },
+                React__namespace.createElement("tbody", { className: "diff-table-body leading-[1.6]", onMouseDownCapture: onMouseDown },
                     lines.map((line) => (React__namespace.createElement(React.Fragment, { key: line.index },
                         React__namespace.createElement(DiffSplitHunkLine, { index: line.index, lineNumber: line.lineNumber, diffFile: diffFile }),
                         React__namespace.createElement(DiffSplitContentLine, { index: line.index, lineNumber: line.lineNumber, diffFile: diffFile, enableAddWidget: enableAddWidget, enableHighlight: enableHighlight }),
@@ -1749,7 +1752,7 @@ const DiffUnifiedView = React.memo(({ diffFile }) => {
                         React__namespace.createElement("tr", null,
                             React__namespace.createElement("th", { scope: "col" }, "line number"),
                             React__namespace.createElement("th", { scope: "col" }, "line content"))),
-                    React__namespace.createElement("tbody", { className: "diff-table-body leading-[1.4]", onMouseDownCapture: onMouseDown },
+                    React__namespace.createElement("tbody", { className: "diff-table-body leading-[1.6]", onMouseDownCapture: onMouseDown },
                         lines.map((item) => (React__namespace.createElement(React.Fragment, { key: item.index },
                             React__namespace.createElement(DiffUnifiedHunkLine, { index: item.index, lineNumber: item.lineNumber, diffFile: diffFile }),
                             React__namespace.createElement(DiffUnifiedContentLine, { index: item.index, lineNumber: item.lineNumber, diffFile: diffFile, enableWrap: enableWrap, enableHighlight: enableHighlight, enableAddWidget: enableAddWidget }),
@@ -1822,7 +1825,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-theme": diffFile._getTheme() || "light", "data-version": "0.0.29", "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.31", "data-highlighter": diffFile._getHighlighterName(), ref: wrapperRef },
             React__namespace.createElement("div", { className: "diff-style-root", style: {
                     // @ts-ignore
                     [diffFontSizeName]: diffViewFontSize + "px",
@@ -1876,10 +1879,12 @@ const DiffViewWithRef = (props, ref) => {
             return;
         if (props.diffViewHighlight) {
             diffFile.initSyntax({ registerHighlighter });
-            diffFile.notifyAll();
         }
-    }, [diffFile, props.diffViewHighlight, registerHighlighter]);
+        diffFile.notifyAll();
+    }, [diffFile, props.diffViewHighlight, registerHighlighter, diffViewTheme]);
     React.useEffect(() => {
+        if (!diffFile)
+            return;
         const init = () => {
             var _a, _b;
             (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute("data-theme", diffFile._getTheme() || "light");
@@ -1888,7 +1893,7 @@ const DiffViewWithRef = (props, ref) => {
         init();
         const cb = diffFile.subscribe(init);
         return cb;
-    }, [diffFile, diffViewTheme]);
+    }, [diffFile]);
     // fix react strict mode error
     useUnmount(() => { var _a; return ((_a = diffFile === null || diffFile === void 0 ? void 0 : diffFile._destroy) === null || _a === void 0 ? void 0 : _a.call(diffFile) ); }, [diffFile]);
     React.useImperativeHandle(ref, () => ({ getDiffFileInstance: () => diffFile }), [diffFile]);
@@ -1899,7 +1904,7 @@ const DiffViewWithRef = (props, ref) => {
 const InnerDiffView = React.forwardRef(DiffViewWithRef);
 InnerDiffView.displayName = "DiffView";
 const DiffView = InnerDiffView;
-const version = "0.0.29";
+const version = "0.0.31";
 
 Object.defineProperty(exports, "SplitSide", {
     enumerable: true,