UNPKG

react-code-compare

Version:

A simple and fast text diff viewer component

3 lines (2 loc) 18.2 kB
var Fe=Object.create;var re=Object.defineProperty,Ge=Object.defineProperties,Me=Object.getOwnPropertyDescriptor,He=Object.getOwnPropertyDescriptors,$e=Object.getOwnPropertyNames,de=Object.getOwnPropertySymbols,ze=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty,Le=Object.prototype.propertyIsEnumerable;var ke=(o,r,e)=>r in o?re(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,I=(o,r)=>{for(var e in r||(r={}))ge.call(r,e)&&ke(o,e,r[e]);if(de)for(var e of de(r))Le.call(r,e)&&ke(o,e,r[e]);return o},Z=(o,r)=>Ge(o,He(r));var Re=(o,r)=>{var e={};for(var i in o)ge.call(o,i)&&r.indexOf(i)<0&&(e[i]=o[i]);if(o!=null&&de)for(var i of de(o))r.indexOf(i)<0&&Le.call(o,i)&&(e[i]=o[i]);return e};var We=(o,r)=>{for(var e in r)re(o,e,{get:r[e],enumerable:!0})},we=(o,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of $e(r))!ge.call(o,n)&&n!==e&&re(o,n,{get:()=>r[n],enumerable:!(i=Me(r,n))||i.enumerable});return o};var _=(o,r,e)=>(e=o!=null?Fe(ze(o)):{},we(r||!o||!o.__esModule?re(e,"default",{value:o,enumerable:!0}):e,o)),Xe=o=>we(re({},"__esModule",{value:!0}),o);var Qe={};We(Qe,{ComparisonView:()=>qe});module.exports=Xe(Qe);var Ae=_(require("memoize-one"));var he=_(require("diff")),Je=he;var ye=o=>{let r=o.split(` `);if(r.every(t=>!t))return r.length===2?[]:(r.pop(),r);let i=r[r.length-1],n=r[0];return i||r.pop(),n||r.shift(),r},_e=(o,r,e="diffChars")=>{let i=Je[e](o,r),n={left:[],right:[]};return i.forEach(({added:t,removed:d,value:f})=>{let l={};return t&&(l.type=1,l.value=f,n.right.push(l)),d&&(l.type=2,l.value=f,n.left.push(l)),!d&&!t&&(l.type=0,l.value=f,n.right.push(l),n.left.push(l)),l}),n},xe=(o,r,e=!1,i="diffChars",n=0)=>{let t=he.diffLines(o.trimRight(),r.trimRight(),{newlineIsToken:!0,ignoreWhitespace:!1,ignoreCase:!1}),d=n,f=n,l=[],c=0,h=[],u=[],k=(R,g,s,m,S)=>ye(R).map((p,y)=>{let C={},w={};if(!(u.includes(`${g}-${y}`)||S&&y!==0)){if(s||m)if(h.includes(c)||h.push(c),m){f+=1,C.lineNumber=f,C.type=2,C.value=p||" ";let M=t[g+1];if(M&&M.added&&ye(M.value)[y]){let{value:ee,lineNumber:v,type:K}=k(M.value,g,!0,!1,!0)[0].right;if(u.push(`${g+1}-${y}`),w.lineNumber=v,w.type=K,e)w.value=ee;else{let $=_e(p,ee,i);w.value=$.right,C.value=$.left}}}else d+=1,w.lineNumber=d,w.type=1,w.value=p;else f+=1,d+=1,C.lineNumber=f,C.type=0,C.value=p,w.lineNumber=d,w.type=0,w.value=p;return c+=1,{right:w,left:C}}}).filter(Boolean);return t.forEach(({added:R,removed:g,value:s},m)=>{l=[...l,...k(s,m,R,g)]}),{lineInformation:l,diffLines:h}};var a=require("emotion");var De=(o,r=!1)=>{let le=o,{variables:e={}}=le,i=Re(le,["variables"]),n={light:I({diffViewerBackground:"#fff",diffViewerColor:"#212529",addedBackground:"#e6ffed",addedColor:"#24292e",removedBackground:"#ffeef0",removedColor:"#24292e",wordAddedBackground:"#acf2bd",wordRemovedBackground:"#fdb8c0",addedGutterBackground:"#cdffd8",removedGutterBackground:"#ffdce0",gutterBackground:"#f7f7f7",gutterBackgroundDark:"#f3f1f1",highlightBackground:"#fffbdd",highlightGutterBackground:"#fff5b1",codeFoldGutterBackground:"#dbedff",codeFoldBackground:"#f1f8ff",emptyLineBackground:"#fafbfc",gutterColor:"#212529",addedGutterColor:"#212529",removedGutterColor:"#212529",codeFoldContentColor:"#212529",diffViewerTitleBackground:"#fafbfc",diffViewerTitleColor:"#212529",diffViewerTitleBorderColor:"#eee"},e.light||{}),dark:I({diffViewerBackground:"#2e303c",diffViewerColor:"#FFF",addedBackground:"#044B53",addedColor:"white",removedBackground:"#632F34",removedColor:"white",wordAddedBackground:"#055d67",wordRemovedBackground:"#7d383f",addedGutterBackground:"#034148",removedGutterBackground:"#632b30",gutterBackground:"#2c2f3a",gutterBackgroundDark:"#262933",highlightBackground:"#2a3967",highlightGutterBackground:"#2d4077",codeFoldGutterBackground:"#21232b",codeFoldBackground:"#262831",emptyLineBackground:"#363946",gutterColor:"#464c67",addedGutterColor:"#8c8c8c",removedGutterColor:"#8c8c8c",codeFoldContentColor:"#555a7b",diffViewerTitleBackground:"#2f323e",diffViewerTitleColor:"#555a7b",diffViewerTitleBorderColor:"#353846"},e.dark||{})},t=r?n.dark:n.light,d=(0,a.css)({width:"100%",label:"content"}),f=(0,a.css)({[`.${d}`]:{width:"50%"},label:"split-view"}),l=(0,a.css)({backgroundColor:"inherit"}),c=(0,a.css)({backgroundColor:"inherit"}),h=(0,a.css)({width:"100%",background:t.diffViewerBackground,pre:{margin:0,whiteSpace:"pre-wrap",lineHeight:"25px"},label:"diff-container",borderCollapse:"collapse"}),u=(0,a.css)({color:t.codeFoldContentColor,label:"code-fold-content"}),k=(0,a.css)({color:t.diffViewerColor,label:"content-text"}),R=(0,a.css)({background:t.diffViewerTitleBackground,padding:10,borderBottom:`1px solid ${t.diffViewerTitleBorderColor}`,label:"title-block",":last-child":{borderLeft:`1px solid ${t.diffViewerTitleBorderColor}`},[`.${k}`]:{color:t.diffViewerTitleColor}}),g=(0,a.css)({color:t.gutterColor,label:"line-number"}),s=(0,a.css)({background:t.removedBackground,color:t.removedColor,pre:{color:t.removedColor},[`.${g}`]:{color:t.removedGutterColor},label:"diff-removed"}),m=(0,a.css)({background:t.addedBackground,color:t.addedColor,pre:{color:t.addedColor},[`.${g}`]:{color:t.addedGutterColor},label:"diff-added"}),S=(0,a.css)({padding:2,display:"inline-flex",borderRadius:1,label:"word-diff"}),L=(0,a.css)({background:t.wordAddedBackground,label:"word-added"}),p=(0,a.css)({background:t.wordRemovedBackground,label:"word-removed"}),y=(0,a.css)({backgroundColor:t.codeFoldGutterBackground,label:"code-fold-gutter"}),C=(0,a.css)({backgroundColor:t.codeFoldBackground,height:40,fontSize:14,fontWeight:700,label:"code-fold",a:{textDecoration:"underline !important",cursor:"pointer",pre:{display:"inline"}}}),w=(0,a.css)({backgroundColor:t.emptyLineBackground,label:"empty-line"}),M=(0,a.css)({width:t.xOuterSpacerWidth,display:"block"}),ie=(0,a.css)({width:t.xCenterSpacerWidth,display:"block"}),ee=(0,a.css)({width:25,minWidth:25,paddingLeft:10,paddingRight:10,userSelect:"none",verticalAlign:"middle",label:"marker",[`&.${m}`]:{pre:{color:t.addedColor}},[`&.${s}`]:{pre:{color:t.removedColor}}}),v=(0,a.css)({background:t.highlightBackground,label:"highlighted-line"}),K=(0,a.css)({label:"highlighted-gutter"}),$=(0,a.css)({userSelect:"none",minWidth:50,padding:"0 10px",label:"gutter",textAlign:"right",verticalAlign:"middle",background:t.gutterBackground,"&:hover":{cursor:"pointer",background:t.gutterBackgroundDark,pre:{opacity:1}},pre:{opacity:.5},[`&.${m}`]:{background:t.addedGutterBackground},[`&.${s}`]:{background:t.removedGutterBackground},[`&.${K}`]:{background:t.highlightGutterBackground,"&:hover":{background:t.highlightGutterBackground}}}),ne=(0,a.css)({"&:hover":{background:t.gutterBackground,cursor:"initial"},label:"empty-gutter"}),pe=(0,a.css)({verticalAlign:"baseline",label:"line"}),A={diffContainer:h,splitCellLeft:l,splitCellRight:c,highlightedGutter:K,highlightedLine:v,diffRemoved:s,diffAdded:m,splitView:f,marker:ee,gutter:$,line:pe,wordDiff:S,wordAdded:L,wordRemoved:p,codeFoldGutter:y,codeFold:C,emptyGutter:ne,emptyLine:w,lineNumber:g,contentText:k,content:d,codeFoldContent:u,titleBlock:R,xCenterSpacer:ie,xOuterSpacer:M},Y=Object.keys(i).reduce((q,P)=>Z(I({},q),{[P]:(0,a.css)(i[P])}),{});return Object.keys(A).reduce((q,P)=>Z(I({},q),{[P]:Y[P]?(0,a.cx)(A[P],Y[P]):A[P]}),{})};var ue=require("react"),ve=require("@tanstack/react-virtual"),Ie=_(require("classnames"));var oe=require("react"),Ke=require("react/jsx-runtime");var Ue=(0,oe.createContext)(null);function ae(){let o=(0,oe.useContext)(Ue);if(o===void 0)throw new Error("useCodeCompare must be used within a CodeCompareProvider");return o}var Be=_(require("classnames"));var Se=_(require("classnames")),Ne=require("react/jsx-runtime");function E({className:o,styles:r,children:e,index:i,rowRef:n}){return(0,Ne.jsx)("tr",{className:(0,Se.default)(r.line,o),ref:n,"data-index":i,children:e})}var b=require("react/jsx-runtime");function fe({splitView:o,xSpacer:r,onBlockClickProxy:e,codeFoldMessageRenderer:i,hideLineNumbers:n,styles:t,num:d,blockNumber:f,leftBlockLineNumber:l,rightBlockLineNumber:c,rowIndex:h,rowRef:u}){let k=i?i(d,l,c):(0,b.jsx)("pre",{className:t.codeFoldContent,children:`Expand ${d} lines ...`}),R=(0,b.jsx)("td",{children:(0,b.jsx)("a",{onClick:e(f),tabIndex:0,children:k})}),g=!o&&!n;return(0,b.jsxs)(E,{className:t.codeFold,styles:t,rowRef:u,index:h,children:[r&&(0,b.jsx)("td",{className:t.xSpacer}),!n&&(0,b.jsx)("td",{className:t.codeFoldGutter}),(0,b.jsx)("td",{className:(0,Be.default)({[t.codeFoldGutter]:g})}),g?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("td",{}),R]}):(0,b.jsxs)(b.Fragment,{children:[R,(0,b.jsx)("td",{})]}),(0,b.jsx)("td",{}),(0,b.jsx)("td",{}),r&&(0,b.jsx)("td",{className:t.xSpacer})]})}var T={LEFT:"L",RIGHT:"R"};var j=_(require("classnames"));var D=require("react/jsx-runtime"),Ye=(o,r,e)=>o.map((i,n)=>(0,D.jsx)("span",{className:(0,j.default)(r.wordDiff,{[r.wordAdded]:i.type===1,[r.wordRemoved]:i.type===2}),children:e?e(i.value):i.value},n));function F({line:o,prefix:r,styles:e,highlightLines:i,onLineNumberClickProxy:n,splitPosition:t,additionalOptions:d={},diffViewOptions:f}){let{lineNumber:l,type:c,value:h}=o,{additionalLineNumber:u,additionalPrefix:k}=d,{renderContent:R,hideLineNumbers:g,splitView:s}=f,m=`${r}-${l}`,S=`${k}-${u}`,L=i.includes(m)||i.includes(S),p=c===1,y=c===2,C;return Array.isArray(h)?C=Ye(h,e,R):R?C=R(h):C=h,(0,D.jsxs)(D.Fragment,{children:[!g&&(0,D.jsx)("td",{onClick:l&&n(m),className:(0,j.default)(e.gutter,{[e.emptyGutter]:!l,[e.diffAdded]:p,[e.diffRemoved]:y,[e.highlightedGutter]:L,[e.splitCellLeft]:s&&t==="left"||!s,[e.splitCellRight]:s&&t==="right"}),"data-line-number":m,children:(0,D.jsx)("pre",{className:e.lineNumber,children:l})}),!s&&!g&&(0,D.jsx)("td",{onClick:u&&n(S),"data-line-number":S,className:(0,j.default)(e.gutter,{[e.emptyGutter]:!u,[e.diffAdded]:p,[e.diffRemoved]:y,[e.highlightedGutter]:L,[e.splitCellLeft]:s&&t==="left",[e.splitCellRight]:s&&t==="right",[e.splitCellRight]:s&&t==="right"||!s}),children:(0,D.jsx)("pre",{className:e.lineNumber,children:u})}),(0,D.jsx)("td",{className:(0,j.default)(e.marker,{[e.emptyLine]:!C,[e.diffAdded]:p,[e.diffRemoved]:y,[e.highlightedLine]:L,[e.splitCellLeft]:s&&t==="left",[e.splitCellRight]:s&&t==="right",[e.splitCellRight]:s&&t==="right"||!s}),children:(0,D.jsxs)("pre",{children:[p&&"+",y&&"-"]})}),(0,D.jsx)("td",{className:(0,j.default)(e.content,{[e.emptyLine]:!C,[e.diffAdded]:p,[e.diffRemoved]:y,[e.highlightedLine]:L,[e.splitCellLeft]:s&&t==="left",[e.splitCellRight]:s&&t==="right",[e.splitCellRight]:s&&t==="right"||!s}),children:(0,D.jsx)("pre",{className:e.contentText,children:C})})]})}var V=require("react/jsx-runtime");function ce({lineInformation:o,order:r,styles:e,highlightLines:i,onLineNumberClickProxy:n,diffViewOptions:t,rowRef:d,rowIndex:f}){let{left:l,right:c}=o;if(l.type===2&&c.type===1){if(r==="left")return(0,V.jsx)(E,{styles:e,rowRef:d,index:f,children:(0,V.jsx)(F,{line:l,prefix:T.LEFT,styles:e,highlightLines:i,onLineNumberClickProxy:n,diffViewOptions:t})});if(r==="right")return(0,V.jsx)(E,{styles:e,rowRef:d,index:f,children:(0,V.jsx)(F,{line:Z(I({},c),{lineNumber:null}),prefix:T.RIGHT,styles:e,highlightLines:i,onLineNumberClickProxy:n,additionalOptions:{additionalLineNumber:c.lineNumber},diffViewOptions:t})})}if(l.type===2)return(0,V.jsx)(E,{styles:e,rowRef:d,index:f,children:(0,V.jsx)(F,{line:l,prefix:T.LEFT,styles:e,highlightLines:i,onLineNumberClickProxy:n,diffViewOptions:t})});if(l.type===0)return(0,V.jsx)(E,{styles:e,rowRef:d,index:f,children:(0,V.jsx)(F,{line:l,prefix:T.LEFT,styles:e,highlightLines:i,onLineNumberClickProxy:n,additionalOptions:{additionalLineNumber:c.lineNumber,additionalPrefix:T.RIGHT},diffViewOptions:t})});if(c.type===1)return(0,V.jsx)(E,{styles:e,rowRef:d,index:f,children:(0,V.jsx)(F,{line:Z(I({},c),{lineNumber:null}),prefix:T.RIGHT,styles:e,highlightLines:i,onLineNumberClickProxy:n,additionalOptions:{additionalLineNumber:c.lineNumber},diffViewOptions:t})})}var H=require("react/jsx-runtime");function se({lineInformation:o,styles:r,xSpacer:e,highlightLines:i,onLineNumberClickProxy:n,diffViewOptions:t,rowIndex:d,rowRef:f}){let{left:l,right:c}=o;return(0,H.jsxs)(E,{styles:r,rowRef:f,index:d,children:[e&&(0,H.jsx)("td",{className:r.xOuterSpacer}),(0,H.jsx)(F,{line:l,prefix:T.LEFT,styles:r,highlightLines:i,onLineNumberClickProxy:n,diffViewOptions:t,splitPosition:"left"}),e&&(0,H.jsx)("td",{className:r.xCenterSpacer}),(0,H.jsx)(F,{line:c,prefix:T.RIGHT,styles:r,highlightLines:i,onLineNumberClickProxy:n,diffViewOptions:t,splitPosition:"right"}),e&&(0,H.jsx)("td",{className:r.xOuterSpacer})]})}var O=require("react/jsx-runtime");function Ee({title:o,items:r,rowsKey:e,styles:i,xSpacer:n,parentRef:t,splitView:d,hideLineNumbers:f,onBlockClickProxy:l,codeFoldMessageRenderer:c,highlightLines:h,onLineNumberClickProxy:u,diffViewOptions:k,virtualizerOptions:R}){let{setVirtualizer:g,setItems:s}=ae(),m=(0,ve.useVirtualizer)(I({count:r.length,getScrollElement:()=>t.current},R||{}));(0,ue.useEffect)(()=>{s(r)},[e]),(0,ue.useEffect)(()=>{g(m)},[m]),(0,ue.useEffect)(()=>{m.measure()},[d]);let S=m.getVirtualItems();return r.length===0?null:(0,O.jsxs)("table",{className:(0,Ie.default)(i.diffContainer,{[i.splitView]:d}),style:{height:m.getTotalSize(),width:"100%",position:"relative"},children:[d?(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{span:3,className:"left"}),(0,O.jsx)("col",{span:3,className:"right"})]}):void 0,(0,O.jsxs)("tbody",{style:{position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${S[0].start}px)`},children:[o,S.map(L=>{let p=r[L.index];return p.type==="skipped"?(0,O.jsx)(fe,{splitView:d,onBlockClickProxy:l,codeFoldMessageRenderer:c,hideLineNumbers:f,styles:i,xSpacer:n,num:p.data.num,blockNumber:p.data.blockNumber,leftBlockLineNumber:p.data.leftBlockLineNumber,rightBlockLineNumber:p.data.rightBlockLineNumber,rowRef:m.measureElement,rowIndex:L.index},L.key):p.type==="split"?(0,O.jsx)(se,{lineInformation:p.data.line,styles:i,xSpacer:n,highlightLines:h,onLineNumberClickProxy:u,diffViewOptions:k,rowRef:m.measureElement,rowIndex:L.index},L.key):p.type==="unified"?(0,O.jsx)(ce,{lineInformation:p.data.line,order:p.data.order,styles:i,highlightLines:h,onLineNumberClickProxy:u,diffViewOptions:k,rowRef:m.measureElement,rowIndex:L.index},L.key):null})]})]})}var Te=_(require("classnames"));var U=require("react/jsx-runtime");function Oe({title:o,items:r,styles:e,xSpacer:i,splitView:n,hideLineNumbers:t,onBlockClickProxy:d,codeFoldMessageRenderer:f,highlightLines:l,onLineNumberClickProxy:c,diffViewOptions:h}){return(0,U.jsx)("table",{className:(0,Te.default)(e.diffContainer,{[e.splitView]:n}),children:(0,U.jsxs)("tbody",{children:[o,r.map((u,k)=>u.type==="skipped"?(0,U.jsx)(fe,{splitView:n,xSpacer:i,onBlockClickProxy:d,codeFoldMessageRenderer:f,hideLineNumbers:t,styles:e,num:u.data.num,blockNumber:u.data.blockNumber,leftBlockLineNumber:u.data.leftBlockLineNumber,rightBlockLineNumber:u.data.rightBlockLineNumber},k):u.type==="split"?(0,U.jsx)(se,{lineInformation:u.data.line,styles:e,xSpacer:i,highlightLines:l,onLineNumberClickProxy:c,diffViewOptions:h},k):u.type==="unified"?(0,U.jsx)(ce,{lineInformation:u.data.line,order:u.data.order,styles:e,highlightLines:l,onLineNumberClickProxy:c,diffViewOptions:h},k):null)]})})}var G=require("react/jsx-runtime"),N={oldValue:"",newValue:"",splitView:!0,highlightLines:[],disableWordDiff:!1,compareMethod:"diffChars",styles:{},hideLineNumbers:!1,extraLinesSurroundingDiff:3,showDiffOnly:!0,useDarkTheme:!1,linesOffset:0,xSpacer:!1};function qe(o){let{oldValue:r=N.oldValue,newValue:e=N.newValue,splitView:i=N.splitView,highlightLines:n=N.highlightLines,disableWordDiff:t=N.disableWordDiff,compareMethod:d=N.compareMethod,styles:f=N.styles,hideLineNumbers:l=N.hideLineNumbers,extraLinesSurroundingDiff:c=N.extraLinesSurroundingDiff,showDiffOnly:h=N.showDiffOnly,useDarkTheme:u=N.useDarkTheme,linesOffset:k=N.linesOffset,leftTitle:R,rightTitle:g,renderContent:s,onLineNumberClick:m,onDiffExpand:S,codeFoldMessageRenderer:L,useVirtual:p,parentRef:y,virtualizerOptions:C,xSpacer:w}=o,{expandedBlocks:M,setExpandedBlocks:ie}=ae(),v=(0,Ae.default)(De)(f,u),K=x=>{ie(z=>{let Q=[...z,x];return S&&S(Q),Q})},$=x=>m?z=>m(x,z):()=>{},ne=x=>z=>K(x),pe=()=>{let{lineInformation:x,diffLines:z}=xe(r,e,t,d,k),Q=c<0?0:c,W=[],X=[];return x.forEach((B,J)=>{let te=z[0],me=te-J;if(h&&(me===-Q&&(W=[],z.shift()),B.left.type===0&&(me>Q||typeof te=="undefined")&&!M.includes(te))){if(W.push(J+1),J===x.length-1&&W.length>1){X.push({type:"skipped",data:{num:W.length,blockNumber:te,leftBlockLineNumber:B.left.lineNumber,rightBlockLineNumber:B.right.lineNumber}});return}return}if(me===Q&&W.length>0){let{length:Pe}=W;W=[],X.push({type:"skipped",data:{num:Pe,blockNumber:te,leftBlockLineNumber:B.left.lineNumber,rightBlockLineNumber:B.right.lineNumber}});return}if(i){X.push({type:"split",data:{line:B,index:J}});return}if(B.left.type===2&&B.right.type===1){X.push({type:"unified",data:{order:"left",line:B,index:J}}),X.push({type:"unified",data:{order:"right",line:B,index:J}});return}X.push({type:"unified",data:{line:B,index:J}})}),X};if(typeof r!="string"||typeof e!="string")throw Error('"oldValue" and "newValue" should be strings');let A=pe().filter(Boolean),Y={skipped:A.filter(x=>x.type==="skipped").length,split:A.filter(x=>x.type==="split").length,unified:A.filter(x=>x.type==="unified").length},le=`skipped-${Y.skipped}|split-${Y.split}|unified-${Y.unified}`,q=l?2:3,Ce=(R||g)&&(0,G.jsxs)("tr",{children:[(0,G.jsx)("td",{colSpan:i?q:l?2:4,className:v.titleBlock,children:(0,G.jsx)("pre",{className:v.contentText,children:R})}),i&&(0,G.jsx)("td",{colSpan:q,className:v.titleBlock,children:(0,G.jsx)("pre",{className:v.contentText,children:g})})]}),be={splitView:i,hideLineNumbers:l,renderContent:s};return p&&y?(0,G.jsx)(Ee,{title:Ce,items:A,rowsKey:le,styles:v,xSpacer:w,splitView:i,hideLineNumbers:l,highlightLines:n,onBlockClickProxy:ne,onLineNumberClickProxy:$,codeFoldMessageRenderer:L,parentRef:y,diffViewOptions:be,virtualizerOptions:C}):(0,G.jsx)(Oe,{title:Ce,items:A,styles:v,xSpacer:w,splitView:i,hideLineNumbers:l,highlightLines:n,onBlockClickProxy:ne,onLineNumberClickProxy:$,codeFoldMessageRenderer:L,diffViewOptions:be})}0&&(module.exports={ComparisonView});