@git-diff-view/react 0.0.33 → 0.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/cjs/index.development.js +9 -8
  2. package/dist/cjs/index.development.js.map +1 -1
  3. package/dist/cjs/index.production.js +9 -8
  4. package/dist/cjs/index.production.js.map +1 -1
  5. package/dist/css/diff-view-pure.css +13 -13
  6. package/dist/css/diff-view.css +13 -13
  7. package/dist/esm/index.mjs +9 -8
  8. package/dist/esm/index.mjs.map +1 -1
  9. package/index.d.ts +10 -10
  10. package/package.json +2 -2
  11. package/src/_com.css +13 -13
  12. package/src/components/DiffSplitHunkLineNormal.tsx +2 -2
  13. package/src/components/DiffUnifiedExtendLine.tsx +1 -1
  14. package/src/components/DiffUnifiedWidgetLine.tsx +1 -1
  15. package/src/components/v2/DiffSplitHunkLineNormal_v2.tsx +2 -2
  16. package/styles/diff-view-pure.css +13 -13
  17. package/styles/diff-view.css +13 -13
package/dist/css/diff-view-pure.css CHANGED
@@ -267,10 +267,10 @@
267
267
  }
268
268
  .diff-tailwindcss-wrapper[data-theme="light"] .diff-style-root {
269
269
  --diff-border--: #dedede;
270
- --diff-add-content--: #e6ffec;
270
+ --diff-add-content--: #dafbe1;
271
271
  --diff-del-content--: #ffebe9;
272
- --diff-add-lineNumber--: #ccffd8;
273
- --diff-del-lineNumber--: #ffd7d5;
272
+ --diff-add-lineNumber--: #aceebb;
273
+ --diff-del-lineNumber--: #ffcecb;
274
274
  --diff-plain-content--: #ffffff;
275
275
  --diff-expand-content--: #fafafa;
276
276
  --diff-plain-lineNumber--: #fafafa;
@@ -278,10 +278,10 @@
278
278
  --diff-plain-lineNumber-color--: #555555;
279
279
  --diff-expand-lineNumber-color--: #555555;
280
280
  --diff-hunk-content--: #ddf4ff;
281
- --diff-hunk-lineNumber--: #c7ecff;
281
+ --diff-hunk-lineNumber--: #b6e3ff;
282
282
  --diff-hunk-lineNumber-hover--: #0969da;
283
- --diff-add-content-highlight--: #abf2bc;
284
- --diff-del-content-highlight--: #ffb3ad;
283
+ --diff-add-content-highlight--: #aceebb;
284
+ --diff-del-content-highlight--: #ffcecb;
285
285
  --diff-add-widget--: #0969d2;
286
286
  --diff-add-widget-color--: #ffffff;
287
287
  --diff-empty-content--: #fafafa;
@@ -296,10 +296,10 @@
296
296
  }
297
297
  .diff-tailwindcss-wrapper[data-theme="dark"] .diff-style-root {
298
298
  --diff-border--: #3d444d;
299
- --diff-add-content--: #14261f;
300
- --diff-del-content--: #311b1f;
301
- --diff-add-lineNumber--: #1f4429;
302
- --diff-del-lineNumber--: #552527;
299
+ --diff-add-content--: #18271f;
300
+ --diff-del-content--: #23191c;
301
+ --diff-add-lineNumber--: #284228;
302
+ --diff-del-lineNumber--: #4f2828;
303
303
  --diff-plain-content--: #0d1117;
304
304
  --diff-expand-content--: #161b22;
305
305
  --diff-plain-lineNumber--: #161b22;
@@ -307,10 +307,10 @@
307
307
  --diff-plain-lineNumber-color--: #a0aaab;
308
308
  --diff-expand-lineNumber-color--: #a0aaab;
309
309
  --diff-hunk-content--: #131d2e;
310
- --diff-hunk-lineNumber--: #204274;
310
+ --diff-hunk-lineNumber--: #0c2d6b;
311
311
  --diff-hunk-lineNumber-hover--: #1f6feb;
312
- --diff-add-content-highlight--: #1f572d;
313
- --diff-del-content-highlight--: #80312f;
312
+ --diff-add-content-highlight--: #2f5732;
313
+ --diff-del-content-highlight--: #713431;
314
314
  --diff-add-widget--: #0969d2;
315
315
  --diff-add-widget-color--: #ffffff;
316
316
  --diff-empty-content--: #161b22;
package/dist/css/diff-view.css CHANGED
@@ -773,10 +773,10 @@ video {
773
773
  }
774
774
  .diff-tailwindcss-wrapper[data-theme="light"] .diff-style-root {
775
775
  --diff-border--: #dedede;
776
- --diff-add-content--: #e6ffec;
776
+ --diff-add-content--: #dafbe1;
777
777
  --diff-del-content--: #ffebe9;
778
- --diff-add-lineNumber--: #ccffd8;
779
- --diff-del-lineNumber--: #ffd7d5;
778
+ --diff-add-lineNumber--: #aceebb;
779
+ --diff-del-lineNumber--: #ffcecb;
780
780
  --diff-plain-content--: #ffffff;
781
781
  --diff-expand-content--: #fafafa;
782
782
  --diff-plain-lineNumber--: #fafafa;
@@ -784,10 +784,10 @@ video {
784
784
  --diff-plain-lineNumber-color--: #555555;
785
785
  --diff-expand-lineNumber-color--: #555555;
786
786
  --diff-hunk-content--: #ddf4ff;
787
- --diff-hunk-lineNumber--: #c7ecff;
787
+ --diff-hunk-lineNumber--: #b6e3ff;
788
788
  --diff-hunk-lineNumber-hover--: #0969da;
789
- --diff-add-content-highlight--: #abf2bc;
790
- --diff-del-content-highlight--: #ffb3ad;
789
+ --diff-add-content-highlight--: #aceebb;
790
+ --diff-del-content-highlight--: #ffcecb;
791
791
  --diff-add-widget--: #0969d2;
792
792
  --diff-add-widget-color--: #ffffff;
793
793
  --diff-empty-content--: #fafafa;
@@ -802,10 +802,10 @@ video {
802
802
  }
803
803
  .diff-tailwindcss-wrapper[data-theme="dark"] .diff-style-root {
804
804
  --diff-border--: #3d444d;
805
- --diff-add-content--: #14261f;
806
- --diff-del-content--: #311b1f;
807
- --diff-add-lineNumber--: #1f4429;
808
- --diff-del-lineNumber--: #552527;
805
+ --diff-add-content--: #18271f;
806
+ --diff-del-content--: #23191c;
807
+ --diff-add-lineNumber--: #284228;
808
+ --diff-del-lineNumber--: #4f2828;
809
809
  --diff-plain-content--: #0d1117;
810
810
  --diff-expand-content--: #161b22;
811
811
  --diff-plain-lineNumber--: #161b22;
@@ -813,10 +813,10 @@ video {
813
813
  --diff-plain-lineNumber-color--: #a0aaab;
814
814
  --diff-expand-lineNumber-color--: #a0aaab;
815
815
  --diff-hunk-content--: #131d2e;
816
- --diff-hunk-lineNumber--: #204274;
816
+ --diff-hunk-lineNumber--: #0c2d6b;
817
817
  --diff-hunk-lineNumber-hover--: #1f6feb;
818
- --diff-add-content-highlight--: #1f572d;
819
- --diff-del-content-highlight--: #80312f;
818
+ --diff-add-content-highlight--: #2f5732;
819
+ --diff-del-content-highlight--: #713431;
820
820
  --diff-add-widget--: #0969d2;
821
821
  --diff-add-widget-color--: #ffffff;
822
822
  --diff-empty-content--: #161b22;
package/dist/esm/index.mjs CHANGED
@@ -197,11 +197,12 @@ const getElementRoot = (element) => {
197
197
  return document;
198
198
  };
199
199
  const getDiffIdFromElement = (element) => {
200
+ var _a, _b;
200
201
  if (element) {
201
202
  if (typeof element.closest === "function") {
202
203
  const diffRoot = element.closest('[data-component="git-diff-view"]');
203
- const ele = diffRoot.querySelector(".diff-view-wrapper");
204
- return ele.getAttribute("id");
204
+ const ele = (_a = diffRoot === null || diffRoot === void 0 ? void 0 : diffRoot.querySelector) === null || _a === void 0 ? void 0 : _a.call(diffRoot, ".diff-view-wrapper");
205
+ return (_b = ele === null || ele === void 0 ? void 0 : ele.getAttribute) === null || _b === void 0 ? void 0 : _b.call(ele, "id");
205
206
  }
206
207
  else {
207
208
  let el = element;
@@ -765,8 +766,8 @@ const InternalDiffSplitHunkLineGitLab = ({ index, diffFile, side, lineNumber, })
765
766
  const expandEnabled = diffFile.getExpandEnabled();
766
767
  useSyncHeight({
767
768
  selector: `tr[data-line="${lineNumber}-hunk"]`,
768
- side: SplitSide[side],
769
- enable: true,
769
+ side: SplitSide[SplitSide.old],
770
+ enable: side === SplitSide.new,
770
771
  });
771
772
  const couldExpand = expandEnabled && currentHunk && currentHunk.splitInfo;
772
773
  const isExpandAll = currentHunk &&
@@ -1565,7 +1566,7 @@ const InternalDiffUnifiedExtendLine = ({ index, diffFile, lineNumber, enableWrap
1565
1566
  // TODO use css variable to get width
1566
1567
  const width = useDomWidth({
1567
1568
  selector: ".unified-diff-table-wrapper",
1568
- enable: typeof renderExtendLine === "function" && !enableWrap,
1569
+ enable: typeof renderExtendLine === "function",
1569
1570
  });
1570
1571
  if (!renderExtendLine)
1571
1572
  return null;
@@ -1668,7 +1669,7 @@ const InternalDiffUnifiedWidgetLine = ({ index, diffFile, lineNumber, enableWrap
1668
1669
  const renderWidgetLine = useDiffContext.useShallowStableSelector((s) => s.renderWidgetLine);
1669
1670
  const width = useDomWidth({
1670
1671
  selector: ".unified-diff-table-wrapper",
1671
- enable: typeof renderWidgetLine === "function" && !enableWrap,
1672
+ enable: typeof renderWidgetLine === "function",
1672
1673
  });
1673
1674
  if (!renderWidgetLine)
1674
1675
  return null;
@@ -1868,7 +1869,7 @@ const InternalDiffView = (props) => {
1868
1869
  }, [useDiffContext, wrapperRef]);
1869
1870
  const value = useMemo(() => ({ useDiffContext }), [useDiffContext]);
1870
1871
  return (React.createElement(DiffViewContext.Provider, { value: value },
1871
- 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 },
1872
+ React.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-theme": diffFile._getTheme() || "light", "data-version": "0.0.35", "data-highlighter": diffFile._getHighlighterName(), ref: wrapperRef },
1872
1873
  React.createElement("div", { className: "diff-style-root", style: {
1873
1874
  // @ts-ignore
1874
1875
  [diffFontSizeName]: diffViewFontSize + "px",
@@ -1947,7 +1948,7 @@ const DiffViewWithRef = (props, ref) => {
1947
1948
  const InnerDiffView = forwardRef(DiffViewWithRef);
1948
1949
  InnerDiffView.displayName = "DiffView";
1949
1950
  const DiffView = InnerDiffView;
1950
- const version = "0.0.33";
1951
+ const version = "0.0.35";
1951
1952
 
1952
1953
  export { DiffModeEnum, DiffView, version };
1953
1954
  //# sourceMappingURL=index.mjs.map