solace-ui-components 17.0.7 → 18.0.0

package/dist/textDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SolaceTextDiff.tsx"],"names":["DiffContainer","styled_default","HeaderContainer","HeaderPane","theme","CodeDiffContainer","DiffSplitView","DiffPane","DiffLine","lineType","DiffGutter","DiffContent","NoDifferencesContainer","createChangesArray","change","lines","oldStart","newStart","type","line","i","diffChange","getChangeLines","SolaceTextDiff","props","id","text1","text2","text1Header","text2Header","noContentText","noDifferencesText","hideWhenNoDifferences","hunks","React","changes","T","changesArr","hunk","allChanges","renderLine","side","index","lineNumber","jsxs","jsx","SolaceStackLabel_default","idx"],"mappings":"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","file":"textDiff.js","sourcesContent":["/*\n * Copyright 2023-2025 Solace Systems. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { styled } from \"@mui/material\";\nimport * as Diff from \"diff\";\nimport React from \"react\";\n\nimport SolaceComponentProps from \"./SolaceComponentProps\";\nimport SolaceStackLabel from \"./form/SolaceStackLabel\";\n\nconst DiffContainer = styled(\"div\")({\n\tdisplay: \"flex\",\n\tflexDirection: \"column\",\n\twidth: \"100%\"\n});\n\nconst HeaderContainer = styled(\"div\")({\n\tdisplay: \"flex\",\n\twidth: \"100%\"\n});\n\nconst HeaderPane = styled(\"div\")(({ theme }) => ({\n\tflex: 1,\n\tminWidth: 0,\n\tpadding: theme.spacing(1, 2, 0.5, 0)\n}));\n\nconst CodeDiffContainer = styled(\"div\")(({ theme }) => ({\n\tborder: `1px solid ${theme.palette.ux.secondary.w40}`,\n\tborderRadius: theme.shape.borderRadius,\n\tfontFamily: \"monospace\",\n\tfontSize: \"14px\",\n\toverflow: \"hidden\"\n}));\n\nconst DiffSplitView = styled(\"div\")({\n\tdisplay: \"flex\",\n\twidth: \"100%\"\n});\n\nconst DiffPane = styled(\"div\")({\n\tflex: 1,\n\tminWidth: 0\n});\n\nconst DiffLine = styled(\"div\")<{ lineType: \"normal\" | \"insert\" | \"delete\" | \"empty\" }>(({ theme, lineType }) => ({\n\tdisplay: \"flex\",\n\tminHeight: \"1.2em\",\n\tlineHeight: \"1.2em\",\n\t...(lineType === \"insert\" && {\n\t\tbackgroundColor: theme.palette.ux.success.w10\n\t}),\n\t...(lineType === \"delete\" && {\n\t\tbackgroundColor: theme.palette.ux.warning.w10,\n\t\tmixBlendMode: \"multiply\"\n\t}),\n\t...(lineType === \"empty\" && {\n\t\tbackgroundColor: theme.palette.ux.error.wMain,\n\t\topacity: 0.1\n\t})\n}));\n\nconst DiffGutter = styled(\"div\")(({ theme }) => ({\n\tcolor: theme.palette.ux.secondary.text.wMain,\n\tbackgroundColor: theme.palette.ux.background.w20,\n\ttextAlign: \"center\",\n\tminWidth: theme.spacing(3),\n\tpadding: theme.spacing(0, 0.5),\n\tborderRight: `1px solid ${theme.palette.ux.secondary.w40}`,\n\tuserSelect: \"none\",\n\tflexShrink: 0\n}));\n\nconst DiffContent = styled(\"div\")(({ theme }) => ({\n\tpadding: theme.spacing(0, 1),\n\twhiteSpace: \"pre-wrap\",\n\toverflow: \"hidden\",\n\twordWrap: \"break-word\",\n\tflex: 1\n}));\n\nconst NoDifferencesContainer = styled(\"div\")(({ theme }) => ({\n\tpadding: theme.spacing(2),\n\ttextAlign: \"center\",\n\tcolor: theme.palette.ux.secondary.text.wMain\n}));\n\n// Type definitions for diff changes\ninterface DiffChange {\n\ttype: \"insert\" | \"delete\" | \"normal\";\n\tisInsert?: boolean;\n\tisDelete?: boolean;\n\tisNormal?: boolean;\n\tcontent: string;\n\toldLineNumber?: number;\n\tnewLineNumber?: number;\n\tlineNumber?: number;\n}\n\ninterface DiffHunk {\n\tcontent: string;\n\toldStart: number;\n\tnewStart: number;\n\toldLines: number;\n\tnewLines: number;\n\tchanges: DiffChange[];\n}\n\nexport interface SolaceTextDiffProps extends SolaceComponentProps {\n\t/**\n\t * unique identifier\n\t */\n\tid: string;\n\t/**\n\t * \tText 1 for comparison\n\t */\n\ttext1: string;\n\t/**\n\t * \tText 2 for comparison\n\t */\n\ttext2: string;\n\t/**\n\t * Header content to display above the old text pane.\n\t */\n\ttext1Header?: string | JSX.Element;\n\t/**\n\t * Header content to display above the new text pane.\n\t */\n\ttext2Header?: string | JSX.Element;\n\t/**\n\t * Text to display when there is no content to compare.\n\t * @default 'No content to compare'\n\t */\n\tnoContentText?: string;\n\t/**\n\t * Text to display when there are no differences.\n\t * @default 'No Differences'\n\t */\n\tnoDifferencesText?: string;\n\t/**\n\t * Whether to hide the diff and show the noDifferencesText when there are no differences.\n\t * @default false\n\t */\n\thideWhenNoDifferences?: boolean;\n}\n\nconst createChangesArray = (change: Diff.Change, lines: string[], oldStart: number, newStart: number): DiffChange[] => {\n\tconst type = change.added ? \"insert\" : change.removed ? \"delete\" : \"normal\";\n\n\treturn lines.map((line, i) => {\n\t\tconst diffChange: DiffChange = {\n\t\t\ttype,\n\t\t\tcontent: line\n\t\t};\n\n\t\tif (type === \"insert\") {\n\t\t\tdiffChange.isInsert = true;\n\t\t\tdiffChange.newLineNumber = newStart + i;\n\t\t\tdiffChange.lineNumber = newStart + i;\n\t\t} else if (type === \"delete\") {\n\t\t\tdiffChange.isDelete = true;\n\t\t\tdiffChange.oldLineNumber = oldStart + i;\n\t\t\tdiffChange.lineNumber = oldStart + i;\n\t\t} else {\n\t\t\t// normal\n\t\t\tdiffChange.isNormal = true;\n\t\t\tdiffChange.oldLineNumber = oldStart + i;\n\t\t\tdiffChange.newLineNumber = newStart + i;\n\t\t}\n\t\treturn diffChange;\n\t});\n};\n\nconst getChangeLines = (change: Diff.Change): string[] => {\n\tif (!change.value) {\n\t\treturn [];\n\t}\n\tconst lines = change.value.split(\"\\n\");\n\tif (lines.length > 0 && lines[lines.length - 1] === \"\") {\n\t\tlines.pop();\n\t}\n\treturn lines;\n};\n\nexport default function SolaceTextDiff(props: SolaceTextDiffProps): JSX.Element {\n\tconst {\n\t\tid,\n\t\ttext1,\n\t\ttext2,\n\t\ttext1Header,\n\t\ttext2Header,\n\t\tnoContentText = \"No content to compare\",\n\t\tnoDifferencesText = \"No Differences\",\n\t\thideWhenNoDifferences = false\n\t} = props;\n\n\tconst hunks = React.useMemo((): DiffHunk[] => {\n\t\tconst changes = Diff.diffLines(text1, text2);\n\t\tconst hunks: DiffHunk[] = [];\n\t\tlet oldStart = 1;\n\t\tlet newStart = 1;\n\t\tfor (const change of changes) {\n\t\t\tconst lines = getChangeLines(change);\n\t\t\tif (lines.length === 0) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst changesArr = createChangesArray(change, lines, oldStart, newStart);\n\n\t\t\tconst hunk: DiffHunk = {\n\t\t\t\tcontent: \"\",\n\t\t\t\toldStart,\n\t\t\t\tnewStart,\n\t\t\t\toldLines: change.added ? 0 : lines.length,\n\t\t\t\tnewLines: change.removed ? 0 : lines.length,\n\t\t\t\tchanges: changesArr\n\t\t\t};\n\t\t\thunks.push(hunk);\n\t\t\tif (!change.added) {\n\t\t\t\toldStart += lines.length;\n\t\t\t}\n\t\t\tif (!change.removed) {\n\t\t\t\tnewStart += lines.length;\n\t\t\t}\n\t\t}\n\t\treturn hunks;\n\t}, [text1, text2]);\n\n\t// Collect all changes from all hunks\n\tconst allChanges = React.useMemo(() => {\n\t\treturn hunks.flatMap((hunk) => hunk.changes);\n\t}, [hunks]);\n\n\t// Helper function to render a single line\n\tconst renderLine = (change: DiffChange, side: \"old\" | \"new\", index: number) => {\n\t\tconst lineNumber = side === \"old\" ? change.oldLineNumber : change.newLineNumber;\n\t\tconst shouldShow = side === \"old\" ? !change.isInsert : !change.isDelete;\n\n\t\tif (!shouldShow) {\n\t\t\treturn (\n\t\t\t\t<DiffLine key={`${side}-empty-${index}`} lineType=\"empty\">\n\t\t\t\t\t<DiffGutter>&nbsp;</DiffGutter>\n\t\t\t\t\t<DiffContent>&nbsp;</DiffContent>\n\t\t\t\t</DiffLine>\n\t\t\t);\n\t\t}\n\n\t\tconst lineType = change.isInsert ? \"insert\" : change.isDelete ? \"delete\" : \"normal\";\n\n\t\treturn (\n\t\t\t<DiffLine key={`${side}-${lineNumber || index}`} lineType={lineType}>\n\t\t\t\t<DiffGutter>{lineNumber || \"\"}</DiffGutter>\n\t\t\t\t<DiffContent>{change.content}</DiffContent>\n\t\t\t</DiffLine>\n\t\t);\n\t};\n\n\tif (!text1 && !text2) {\n\t\treturn (\n\t\t\t<CodeDiffContainer id={`code-diff-${id}`}>\n\t\t\t\t<NoDifferencesContainer>{noContentText}</NoDifferencesContainer>\n\t\t\t</CodeDiffContainer>\n\t\t);\n\t}\n\n\tif (hideWhenNoDifferences && allChanges.every((change) => change.isNormal)) {\n\t\treturn (\n\t\t\t<CodeDiffContainer id={`code-diff-${id}`}>\n\t\t\t\t<NoDifferencesContainer>{noDifferencesText}</NoDifferencesContainer>\n\t\t\t</CodeDiffContainer>\n\t\t);\n\t}\n\n\treturn (\n\t\t<DiffContainer>\n\t\t\t{(text1Header || text2Header) && (\n\t\t\t\t<HeaderContainer>\n\t\t\t\t\t<HeaderPane>\n\t\t\t\t\t\t{text1Header && <SolaceStackLabel id={`diff-text1Header-${id}`}>{text1Header}</SolaceStackLabel>}\n\t\t\t\t\t</HeaderPane>\n\t\t\t\t\t<HeaderPane>\n\t\t\t\t\t\t{text2Header && <SolaceStackLabel id={`diff-text2Header-${id}`}>{text2Header}</SolaceStackLabel>}\n\t\t\t\t\t</HeaderPane>\n\t\t\t\t</HeaderContainer>\n\t\t\t)}\n\t\t\t<CodeDiffContainer id={`code-diff-${id}`}>\n\t\t\t\t<DiffSplitView>\n\t\t\t\t\t<DiffPane>{allChanges.map((change, idx) => renderLine(change, \"old\", idx))}</DiffPane>\n\t\t\t\t\t<DiffPane>{allChanges.map((change, idx) => renderLine(change, \"new\", idx))}</DiffPane>\n\t\t\t\t</DiffSplitView>\n\t\t\t</CodeDiffContainer>\n\t\t</DiffContainer>\n\t);\n}\n"]}

package/dist/textDiff.modern.mjs

@@ -0,0 +1,3 @@
+import {a}from'./chunk-ROSPS5NM.modern.mjs';import {wa}from'./chunk-IHSXSGCC.modern.mjs';import*as T from'diff';import y from'react';import {jsx,jsxs}from'react/jsx-runtime';var A=wa("div")({display:"flex",flexDirection:"column",width:"100%"}),I=wa("div")({display:"flex",width:"100%"}),S=wa("div")(({theme:e})=>({flex:1,minWidth:0,padding:e.spacing(1,2,.5,0)})),C=wa("div")(({theme:e})=>({border:`1px solid ${e.palette.ux.secondary.w40}`,borderRadius:e.shape.borderRadius,fontFamily:"monospace",fontSize:"14px",overflow:"hidden"})),R=wa("div")({display:"flex",width:"100%"}),N=wa("div")({flex:1,minWidth:0}),L=wa("div")(({theme:e,lineType:n})=>({display:"flex",minHeight:"1.2em",lineHeight:"1.2em",...n==="insert"&&{backgroundColor:e.palette.ux.success.w10},...n==="delete"&&{backgroundColor:e.palette.ux.warning.w10,mixBlendMode:"multiply"},...n==="empty"&&{backgroundColor:e.palette.ux.error.wMain,opacity:.1}})),k=wa("div")(({theme:e})=>({color:e.palette.ux.secondary.text.wMain,backgroundColor:e.palette.ux.background.w20,textAlign:"center",minWidth:e.spacing(3),padding:e.spacing(0,.5),borderRight:`1px solid ${e.palette.ux.secondary.w40}`,userSelect:"none",flexShrink:0})),v=wa("div")(({theme:e})=>({padding:e.spacing(0,1),whiteSpace:"pre-wrap",overflow:"hidden",wordWrap:"break-word",flex:1})),H=wa("div")(({theme:e})=>({padding:e.spacing(2),textAlign:"center",color:e.palette.ux.secondary.text.wMain})),E=(e,n,l,d)=>{let c=e.added?"insert":e.removed?"delete":"normal";return n.map((D,a)=>{let o={type:c,content:D};return c==="insert"?(o.isInsert=true,o.newLineNumber=d+a,o.lineNumber=d+a):c==="delete"?(o.isDelete=true,o.oldLineNumber=l+a,o.lineNumber=l+a):(o.isNormal=true,o.oldLineNumber=l+a,o.newLineNumber=d+a),o})},G=e=>{if(!e.value)return [];let n=e.value.split(`
+`);return n.length>0&&n[n.length-1]===""&&n.pop(),n};function P(e){let{id:n,text1:l,text2:d,text1Header:c,text2Header:D,noContentText:a$1="No content to compare",noDifferencesText:o="No Differences",hideWhenNoDifferences:$=false}=e,h=y.useMemo(()=>{let t=T.diffLines(l,d),r=[],p=1,m=1;for(let u of t){let s=G(u);if(s.length===0)continue;let M=E(u,s,p,m),W={content:"",oldStart:p,newStart:m,oldLines:u.added?0:s.length,newLines:u.removed?0:s.length,changes:M};r.push(W),u.added||(p+=s.length),u.removed||(m+=s.length);}return r},[l,d]),x=y.useMemo(()=>h.flatMap(t=>t.changes),[h]),w=(t,r,p)=>{let m=r==="old"?t.oldLineNumber:t.newLineNumber;if(!(r==="old"?!t.isInsert:!t.isDelete))return jsxs(L,{lineType:"empty",children:[jsx(k,{children:"\xA0"}),jsx(v,{children:"\xA0"})]},`${r}-empty-${p}`);let s=t.isInsert?"insert":t.isDelete?"delete":"normal";return jsxs(L,{lineType:s,children:[jsx(k,{children:m||""}),jsx(v,{children:t.content})]},`${r}-${m||p}`)};return !l&&!d?jsx(C,{id:`code-diff-${n}`,children:jsx(H,{children:a$1})}):$&&x.every(t=>t.isNormal)?jsx(C,{id:`code-diff-${n}`,children:jsx(H,{children:o})}):jsxs(A,{children:[(c||D)&&jsxs(I,{children:[jsx(S,{children:c&&jsx(a,{id:`diff-text1Header-${n}`,children:c})}),jsx(S,{children:D&&jsx(a,{id:`diff-text2Header-${n}`,children:D})})]}),jsx(C,{id:`code-diff-${n}`,children:jsxs(R,{children:[jsx(N,{children:x.map((t,r)=>w(t,"old",r))}),jsx(N,{children:x.map((t,r)=>w(t,"new",r))})]})})]})}export{P as SolaceTextDiff};//# sourceMappingURL=textDiff.modern.mjs.map
+//# sourceMappingURL=textDiff.modern.mjs.map

package/dist/textDiff.modern.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SolaceTextDiff.tsx"],"names":["DiffContainer","styled_default","HeaderContainer","HeaderPane","theme","CodeDiffContainer","DiffSplitView","DiffPane","DiffLine","lineType","DiffGutter","DiffContent","NoDifferencesContainer","createChangesArray","change","lines","oldStart","newStart","type","line","i","diffChange","getChangeLines","SolaceTextDiff","props","id","text1","text2","text1Header","text2Header","noContentText","noDifferencesText","hideWhenNoDifferences","hunks","React","changes","changesArr","hunk","allChanges","renderLine","side","index","lineNumber","jsxs","jsx","SolaceStackLabel_default","idx"],"mappings":"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","file":"textDiff.modern.mjs","sourcesContent":["/*\n * Copyright 2023-2025 Solace Systems. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { styled } from \"@mui/material\";\nimport * as Diff from \"diff\";\nimport React from \"react\";\n\nimport SolaceComponentProps from \"./SolaceComponentProps\";\nimport SolaceStackLabel from \"./form/SolaceStackLabel\";\n\nconst DiffContainer = styled(\"div\")({\n\tdisplay: \"flex\",\n\tflexDirection: \"column\",\n\twidth: \"100%\"\n});\n\nconst HeaderContainer = styled(\"div\")({\n\tdisplay: \"flex\",\n\twidth: \"100%\"\n});\n\nconst HeaderPane = styled(\"div\")(({ theme }) => ({\n\tflex: 1,\n\tminWidth: 0,\n\tpadding: theme.spacing(1, 2, 0.5, 0)\n}));\n\nconst CodeDiffContainer = styled(\"div\")(({ theme }) => ({\n\tborder: `1px solid ${theme.palette.ux.secondary.w40}`,\n\tborderRadius: theme.shape.borderRadius,\n\tfontFamily: \"monospace\",\n\tfontSize: \"14px\",\n\toverflow: \"hidden\"\n}));\n\nconst DiffSplitView = styled(\"div\")({\n\tdisplay: \"flex\",\n\twidth: \"100%\"\n});\n\nconst DiffPane = styled(\"div\")({\n\tflex: 1,\n\tminWidth: 0\n});\n\nconst DiffLine = styled(\"div\")<{ lineType: \"normal\" | \"insert\" | \"delete\" | \"empty\" }>(({ theme, lineType }) => ({\n\tdisplay: \"flex\",\n\tminHeight: \"1.2em\",\n\tlineHeight: \"1.2em\",\n\t...(lineType === \"insert\" && {\n\t\tbackgroundColor: theme.palette.ux.success.w10\n\t}),\n\t...(lineType === \"delete\" && {\n\t\tbackgroundColor: theme.palette.ux.warning.w10,\n\t\tmixBlendMode: \"multiply\"\n\t}),\n\t...(lineType === \"empty\" && {\n\t\tbackgroundColor: theme.palette.ux.error.wMain,\n\t\topacity: 0.1\n\t})\n}));\n\nconst DiffGutter = styled(\"div\")(({ theme }) => ({\n\tcolor: theme.palette.ux.secondary.text.wMain,\n\tbackgroundColor: theme.palette.ux.background.w20,\n\ttextAlign: \"center\",\n\tminWidth: theme.spacing(3),\n\tpadding: theme.spacing(0, 0.5),\n\tborderRight: `1px solid ${theme.palette.ux.secondary.w40}`,\n\tuserSelect: \"none\",\n\tflexShrink: 0\n}));\n\nconst DiffContent = styled(\"div\")(({ theme }) => ({\n\tpadding: theme.spacing(0, 1),\n\twhiteSpace: \"pre-wrap\",\n\toverflow: \"hidden\",\n\twordWrap: \"break-word\",\n\tflex: 1\n}));\n\nconst NoDifferencesContainer = styled(\"div\")(({ theme }) => ({\n\tpadding: theme.spacing(2),\n\ttextAlign: \"center\",\n\tcolor: theme.palette.ux.secondary.text.wMain\n}));\n\n// Type definitions for diff changes\ninterface DiffChange {\n\ttype: \"insert\" | \"delete\" | \"normal\";\n\tisInsert?: boolean;\n\tisDelete?: boolean;\n\tisNormal?: boolean;\n\tcontent: string;\n\toldLineNumber?: number;\n\tnewLineNumber?: number;\n\tlineNumber?: number;\n}\n\ninterface DiffHunk {\n\tcontent: string;\n\toldStart: number;\n\tnewStart: number;\n\toldLines: number;\n\tnewLines: number;\n\tchanges: DiffChange[];\n}\n\nexport interface SolaceTextDiffProps extends SolaceComponentProps {\n\t/**\n\t * unique identifier\n\t */\n\tid: string;\n\t/**\n\t * \tText 1 for comparison\n\t */\n\ttext1: string;\n\t/**\n\t * \tText 2 for comparison\n\t */\n\ttext2: string;\n\t/**\n\t * Header content to display above the old text pane.\n\t */\n\ttext1Header?: string | JSX.Element;\n\t/**\n\t * Header content to display above the new text pane.\n\t */\n\ttext2Header?: string | JSX.Element;\n\t/**\n\t * Text to display when there is no content to compare.\n\t * @default 'No content to compare'\n\t */\n\tnoContentText?: string;\n\t/**\n\t * Text to display when there are no differences.\n\t * @default 'No Differences'\n\t */\n\tnoDifferencesText?: string;\n\t/**\n\t * Whether to hide the diff and show the noDifferencesText when there are no differences.\n\t * @default false\n\t */\n\thideWhenNoDifferences?: boolean;\n}\n\nconst createChangesArray = (change: Diff.Change, lines: string[], oldStart: number, newStart: number): DiffChange[] => {\n\tconst type = change.added ? \"insert\" : change.removed ? \"delete\" : \"normal\";\n\n\treturn lines.map((line, i) => {\n\t\tconst diffChange: DiffChange = {\n\t\t\ttype,\n\t\t\tcontent: line\n\t\t};\n\n\t\tif (type === \"insert\") {\n\t\t\tdiffChange.isInsert = true;\n\t\t\tdiffChange.newLineNumber = newStart + i;\n\t\t\tdiffChange.lineNumber = newStart + i;\n\t\t} else if (type === \"delete\") {\n\t\t\tdiffChange.isDelete = true;\n\t\t\tdiffChange.oldLineNumber = oldStart + i;\n\t\t\tdiffChange.lineNumber = oldStart + i;\n\t\t} else {\n\t\t\t// normal\n\t\t\tdiffChange.isNormal = true;\n\t\t\tdiffChange.oldLineNumber = oldStart + i;\n\t\t\tdiffChange.newLineNumber = newStart + i;\n\t\t}\n\t\treturn diffChange;\n\t});\n};\n\nconst getChangeLines = (change: Diff.Change): string[] => {\n\tif (!change.value) {\n\t\treturn [];\n\t}\n\tconst lines = change.value.split(\"\\n\");\n\tif (lines.length > 0 && lines[lines.length - 1] === \"\") {\n\t\tlines.pop();\n\t}\n\treturn lines;\n};\n\nexport default function SolaceTextDiff(props: SolaceTextDiffProps): JSX.Element {\n\tconst {\n\t\tid,\n\t\ttext1,\n\t\ttext2,\n\t\ttext1Header,\n\t\ttext2Header,\n\t\tnoContentText = \"No content to compare\",\n\t\tnoDifferencesText = \"No Differences\",\n\t\thideWhenNoDifferences = false\n\t} = props;\n\n\tconst hunks = React.useMemo((): DiffHunk[] => {\n\t\tconst changes = Diff.diffLines(text1, text2);\n\t\tconst hunks: DiffHunk[] = [];\n\t\tlet oldStart = 1;\n\t\tlet newStart = 1;\n\t\tfor (const change of changes) {\n\t\t\tconst lines = getChangeLines(change);\n\t\t\tif (lines.length === 0) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst changesArr = createChangesArray(change, lines, oldStart, newStart);\n\n\t\t\tconst hunk: DiffHunk = {\n\t\t\t\tcontent: \"\",\n\t\t\t\toldStart,\n\t\t\t\tnewStart,\n\t\t\t\toldLines: change.added ? 0 : lines.length,\n\t\t\t\tnewLines: change.removed ? 0 : lines.length,\n\t\t\t\tchanges: changesArr\n\t\t\t};\n\t\t\thunks.push(hunk);\n\t\t\tif (!change.added) {\n\t\t\t\toldStart += lines.length;\n\t\t\t}\n\t\t\tif (!change.removed) {\n\t\t\t\tnewStart += lines.length;\n\t\t\t}\n\t\t}\n\t\treturn hunks;\n\t}, [text1, text2]);\n\n\t// Collect all changes from all hunks\n\tconst allChanges = React.useMemo(() => {\n\t\treturn hunks.flatMap((hunk) => hunk.changes);\n\t}, [hunks]);\n\n\t// Helper function to render a single line\n\tconst renderLine = (change: DiffChange, side: \"old\" | \"new\", index: number) => {\n\t\tconst lineNumber = side === \"old\" ? change.oldLineNumber : change.newLineNumber;\n\t\tconst shouldShow = side === \"old\" ? !change.isInsert : !change.isDelete;\n\n\t\tif (!shouldShow) {\n\t\t\treturn (\n\t\t\t\t<DiffLine key={`${side}-empty-${index}`} lineType=\"empty\">\n\t\t\t\t\t<DiffGutter>&nbsp;</DiffGutter>\n\t\t\t\t\t<DiffContent>&nbsp;</DiffContent>\n\t\t\t\t</DiffLine>\n\t\t\t);\n\t\t}\n\n\t\tconst lineType = change.isInsert ? \"insert\" : change.isDelete ? \"delete\" : \"normal\";\n\n\t\treturn (\n\t\t\t<DiffLine key={`${side}-${lineNumber || index}`} lineType={lineType}>\n\t\t\t\t<DiffGutter>{lineNumber || \"\"}</DiffGutter>\n\t\t\t\t<DiffContent>{change.content}</DiffContent>\n\t\t\t</DiffLine>\n\t\t);\n\t};\n\n\tif (!text1 && !text2) {\n\t\treturn (\n\t\t\t<CodeDiffContainer id={`code-diff-${id}`}>\n\t\t\t\t<NoDifferencesContainer>{noContentText}</NoDifferencesContainer>\n\t\t\t</CodeDiffContainer>\n\t\t);\n\t}\n\n\tif (hideWhenNoDifferences && allChanges.every((change) => change.isNormal)) {\n\t\treturn (\n\t\t\t<CodeDiffContainer id={`code-diff-${id}`}>\n\t\t\t\t<NoDifferencesContainer>{noDifferencesText}</NoDifferencesContainer>\n\t\t\t</CodeDiffContainer>\n\t\t);\n\t}\n\n\treturn (\n\t\t<DiffContainer>\n\t\t\t{(text1Header || text2Header) && (\n\t\t\t\t<HeaderContainer>\n\t\t\t\t\t<HeaderPane>\n\t\t\t\t\t\t{text1Header && <SolaceStackLabel id={`diff-text1Header-${id}`}>{text1Header}</SolaceStackLabel>}\n\t\t\t\t\t</HeaderPane>\n\t\t\t\t\t<HeaderPane>\n\t\t\t\t\t\t{text2Header && <SolaceStackLabel id={`diff-text2Header-${id}`}>{text2Header}</SolaceStackLabel>}\n\t\t\t\t\t</HeaderPane>\n\t\t\t\t</HeaderContainer>\n\t\t\t)}\n\t\t\t<CodeDiffContainer id={`code-diff-${id}`}>\n\t\t\t\t<DiffSplitView>\n\t\t\t\t\t<DiffPane>{allChanges.map((change, idx) => renderLine(change, \"old\", idx))}</DiffPane>\n\t\t\t\t\t<DiffPane>{allChanges.map((change, idx) => renderLine(change, \"new\", idx))}</DiffPane>\n\t\t\t\t</DiffSplitView>\n\t\t\t</CodeDiffContainer>\n\t\t</DiffContainer>\n\t);\n}\n"]}

package/migrate-imports.js

@@ -35,6 +35,10 @@ const componentMigrations = {
 
 	// Drag and Drop components
 	'SolaceAttributeValuePairForm': '@SolaceDev/maas-react-components/drag-drop',
+
+	// Text Diff components
+	'SolaceTextDiff': '@SolaceDev/maas-react-components/textDiff',
+	'SolaceTextDiffProps': '@SolaceDev/maas-react-components/textDiff',
 };
 
 // Map of entry points to their required peer dependencies with exact versions
@@ -48,8 +52,8 @@ const peerDependencies = {
 		installCmd: 'npm install recharts@3.6.0'
 	},
 	'@SolaceDev/maas-react-components/code-editor': {
-		packages: ['@uiw/react-codemirror@4.25.1', '@codemirror/lang-json@6.0.2', '@codemirror/lang-xml@6.1.0', '@codemirror/language@6.11.3', '@codemirror/view@6.38.1', '@lezer/highlight@1.2.1'],
-		installCmd: 'npm install @uiw/react-codemirror@4.25.1 @codemirror/lang-json@6.0.2 @codemirror/lang-xml@6.1.0 @codemirror/language@6.11.3 @codemirror/view@6.38.1 @lezer/highlight@1.2.1'
+		packages: ['@uiw/react-codemirror@4.25.1', '@codemirror/lang-json@6.0.2', '@codemirror/lang-xml@6.1.0', '@codemirror/language@6.11.3', '@codemirror/view@6.38.1', '@codemirror/state@6.5.4', '@lezer/highlight@1.2.1'],
+		installCmd: 'npm install @uiw/react-codemirror@4.25.1 @codemirror/lang-json@6.0.2 @codemirror/lang-xml@6.1.0 @codemirror/language@6.11.3 @codemirror/view@6.38.1 @codemirror/state@6.5.4 @lezer/highlight@1.2.1'
 	},
 	'@SolaceDev/maas-react-components/json-schema-form': {
 		packages: ['@rjsf/core@5.24.13', '@rjsf/mui@5.24.13', '@rjsf/utils@5.24.13', '@rjsf/validator-ajv8@5.24.13'],
@@ -58,6 +62,10 @@ const peerDependencies = {
 	'@SolaceDev/maas-react-components/drag-drop': {
 		packages: ['@hello-pangea/dnd@16.6.0'],
 		installCmd: 'npm install @hello-pangea/dnd@16.6.0'
+	},
+	'@SolaceDev/maas-react-components/textDiff': {
+		packages: ['diff@8.0.2'],
+		installCmd: 'npm install diff@8.0.2'
 	}
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solace-ui-components",
-  "version": "17.0.7",
+  "version": "18.0.0",
   "description": "React component library designed for Solace.",
   "author": "Solace",
   "license": "Apache-2.0",
@@ -38,36 +38,22 @@
       "import": "./dist/drag-drop.modern.mjs",
       "require": "./dist/drag-drop.js"
     },
+    "./textDiff": {
+      "types": "./dist/textDiff.d.ts",
+      "import": "./dist/textDiff.modern.mjs",
+      "require": "./dist/textDiff.js"
+    },
     "./package.json": "./package.json"
   },
   "sideEffects": false,
   "engines": {
     "node": ">=14"
   },
-  "scripts": {
-    "install:dev": "npm ci && cd storybook/ && npm ci",
-    "dev:link": "npm link && cd storybook && npm link @SolaceDev/maas-react-components",
-    "build": "tsup",
-    "build:dev": "tsup --watch --no-dts --env.NODE_ENV development",
-    "start": "./scripts/start.sh",
-    "prepare": "husky install && run-s build",
-    "test": "cross-env CI=1 react-scripts test --env=jsdom",
-    "test:build": "run-s build",
-    "test:lint": "eslint .",
-    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
-    "test:watch": "react-scripts test --env=jsdom",
-    "predeploy": "cd example && npm ci && npm run build",
-    "deploy": "gh-pages -d example/build",
-    "types": "tsc",
-    "prettier:fix": "prettier --write .",
-    "lint:fix": "eslint ./src --fix",
-    "lint-storybook:fix": "eslint ./storybook/src/stories --fix",
-    "coverage:merge": "lcov-result-merger 'coverage/lcov*.info' 'coverage/lcov-final.info'"
-  },
   "peerDependencies": {
     "@codemirror/lang-json": "^6.0.2",
     "@codemirror/lang-xml": "^6.1.0",
     "@codemirror/language": "^6.11.3",
+    "@codemirror/state": "^6.0.0",
     "@codemirror/view": "^6.38.1",
     "@hello-pangea/dnd": "^16.6.0",
     "@lezer/highlight": "^1.2.1",
@@ -77,6 +63,7 @@
     "@rjsf/utils": "5.24.13",
     "@rjsf/validator-ajv8": "5.24.13",
     "@uiw/react-codemirror": "^4.25.1",
+    "diff": "^8.0.2",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "moment-timezone": "0.5.48",
@@ -98,6 +85,9 @@
     "@codemirror/language": {
       "optional": true
     },
+    "@codemirror/state": {
+      "optional": true
+    },
     "@codemirror/view": {
       "optional": true
     },
@@ -107,6 +97,9 @@
     "@lezer/highlight": {
       "optional": true
     },
+    "diff": {
+      "optional": true
+    },
     "@mui/x-date-pickers": {
       "optional": true
     },
@@ -148,12 +141,16 @@
     }
   },
   "devDependencies": {
+    "@codemirror/commands": "^6.10.2",
     "@codemirror/lang-json": "^6.0.2",
     "@codemirror/lang-xml": "^6.1.0",
     "@codemirror/language": "^6.11.3",
+    "@codemirror/state": "^6.5.4",
     "@codemirror/view": "^6.38.1",
     "@hello-pangea/dnd": "^16.6.0",
     "@lezer/highlight": "^1.2.1",
+    "@mui/styled-engine": "^7.3.8",
+    "@mui/system": "^7.3.8",
     "@mui/x-date-pickers": "^7.29.4",
     "@rjsf/core": "5.24.13",
     "@rjsf/mui": "5.24.13",
@@ -175,8 +172,9 @@
     "@uiw/react-codemirror": "^4.25.1",
     "attr-accept": "^2.2.2",
     "babel-eslint": "^10.1.0",
+    "clsx": "^2.1.1",
     "cross-env": "^7.0.3",
-    "diff": "^8.0.2",
+    "diff": "8.0.2",
     "eslint": "^8.53.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-react": "^7.33.2",
@@ -206,12 +204,12 @@
     "typescript": "5.3.3"
   },
   "dependencies": {
+    "@SolaceDev/maas-icons": "^0.2.154",
     "@emotion/react": "11.13.5",
     "@emotion/styled": "11.13.5",
     "@mui/base": "^5.0.0-beta.70",
     "@mui/icons-material": "^6.1.9",
     "@mui/material": "^6.1.9",
-    "@SolaceDev/maas-icons": "^0.2.154",
     "ajv": "^8.12.0"
   },
   "files": [
@@ -221,32 +219,29 @@
     "THIRD_PARTY_LICENSES.txt",
     "migrate-imports.js"
   ],
-  "overrides": {
-    "redux": "^5.0.1",
-    "@rjsf/core": {
-      "react": "$react",
-      "react-dom": "$react-dom"
-    },
-    "@rjsf/mui": {
-      "react": "$react",
-      "react-dom": "$react-dom",
-      "@mui/material": "$@mui/material",
-      "@mui/icons-material": "$@mui/icons-material"
-    },
-    "@rjsf/utils": {
-      "react": "$react",
-      "react-dom": "$react-dom"
-    },
-    "@rjsf/validator-ajv8": {
-      "react": "$react",
-      "react-dom": "$react-dom"
-    }
-  },
   "lint-staged": {
     "*.{tsx,ts}": [
       "eslint --cache --fix"
     ],
     "*.{ts,tsx,css,md}": "prettier --write"
   },
-  "homepage": "https://solace.dev"
-}
+  "homepage": "https://solace.dev",
+  "scripts": {
+    "preinstall": "npx only-allow pnpm",
+    "install:dev": "pnpm install && cd storybook/ && pnpm install",
+    "dev:link": "pnpm link -g && cd storybook && pnpm link -g @SolaceDev/maas-react-components",
+    "build": "tsup",
+    "build:dev": "tsup --watch --no-dts --env.NODE_ENV development",
+    "start": "./scripts/start.sh",
+    "test": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:build": "run-s build",
+    "test:lint": "eslint .",
+    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:watch": "react-scripts test --env=jsdom",
+    "types": "tsc",
+    "prettier:fix": "prettier --write .",
+    "lint:fix": "eslint ./src --fix",
+    "lint-storybook:fix": "eslint ./storybook/src/stories --fix",
+    "coverage:merge": "lcov-result-merger 'coverage/lcov*.info' 'coverage/lcov-final.info'"
+  }
+}

package/dist/chunk-3NKPHQNZ.js

@@ -1,2 +0,0 @@
-'use strict';var chunk3R3N5YG6_js=require('./chunk-3R3N5YG6.js'),react=require('react'),lodash=require('lodash'),jsxRuntime=require('react/jsx-runtime');var O="text",z="overflow",B="rich",$="html",f={text:O,overflow:z,rich:B,html:$};var q=chunk3R3N5YG6_js.ua("div")(()=>({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",position:"relative","&::after":{content:'""',display:"block"}}));function G({id:e,title:t,variant:o=f.text,children:l,placement:L="bottom",maxWidth:T="small",disableFocusListener:H=false,disableHoverListener:V=false,enterDelay:W=500,enterNextDelay:X=0,leaveDelay:M=0,open:J,onOpen:c,onClose:C,dataQa:R,dataTags:Z}){let[_,u]=react.useState(false),p=react.useRef(null),D=react.useCallback(x=>{if(lodash.isEmpty(t))return;let E=true;o==="overflow"&&p.current&&p.current.scrollWidth<=p.current.clientWidth&&(E=false),E&&(u(true),c&&c(x));},[c,t,o]),F=react.useCallback(x=>{u(false),C&&C(x);},[C]);return jsxRuntime.jsx(chunk3R3N5YG6_js.zg,{id:e,title:t??"",classes:{tooltip:`${o===f.html||o===f.rich?"htmlContent":""} ${T?T+"Width":""}`},placement:L,"data-qa":R,"data-tags":Z,disableFocusListener:H,disableHoverListener:V,enterDelay:W,enterNextDelay:X,leaveDelay:M,TransitionComponent:chunk3R3N5YG6_js.sc,TransitionProps:{timeout:{enter:150,exit:200}},open:J??_,onOpen:D,onClose:F,children:o==="overflow"?jsxRuntime.jsx(q,{ref:p,children:l}):typeof l=="string"?jsxRuntime.jsx("span",{children:l}):l})}var x1=G;function K({children:e}){let t=chunk3R3N5YG6_js.sa();return jsxRuntime.jsx(chunk3R3N5YG6_js.je,{sx:{color:t.palette.ux.secondary.text.wMain,fontSize:t.typography.caption.fontSize,marginTop:"2px"},children:e})}var T1=K;function P({size:e,fill:t}){return jsxRuntime.jsxs(chunk3R3N5YG6_js.La,{sx:{width:`${e}px`,height:`${e}px`},viewBox:"0 0 24 24",children:[jsxRuntime.jsx("path",{d:"M11.208 14.784C11.2827 14.8587 11.3733 14.896 11.48 14.896H12.776C12.8933 14.896 12.984 14.8587 13.048 14.784C13.1227 14.7093 13.16 14.6187 13.16 14.512V7.184C13.16 7.06667 13.1227 6.976 13.048 6.912C12.984 6.83733 12.8933 6.8 12.776 6.8H11.48C11.3733 6.8 11.2827 6.83733 11.208 6.912C11.1333 6.98667 11.096 7.07733 11.096 7.184V14.512C11.096 14.6187 11.1333 14.7093 11.208 14.784Z",fill:t}),jsxRuntime.jsx("path",{d:"M11.112 17.888C11.1867 17.9627 11.2773 18 11.384 18H12.872C12.9893 18 13.0853 17.9627 13.16 17.888C13.2347 17.8133 13.272 17.7227 13.272 17.616V16.128C13.272 16.0107 13.2347 15.9147 13.16 15.84C13.0853 15.7653 12.9893 15.728 12.872 15.728H11.384C11.2773 15.728 11.1867 15.7653 11.112 15.84C11.0373 15.9147 11 16.0107 11 16.128V17.616C11 17.7227 11.0373 17.8133 11.112 17.888Z",fill:t}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12Z",fill:t})]})}var Y=chunk3R3N5YG6_js.ua(chunk3R3N5YG6_js.H)(({theme:e})=>({...e.mixins.formComponent_ErrorText.container})),j=chunk3R3N5YG6_js.ua(chunk3R3N5YG6_js.je)(({theme:e})=>({...e.mixins.formComponent_ErrorText.label}));function e1({children:e}){let t=chunk3R3N5YG6_js.sa(),o=t.typography.subtitle1.fontSize?.toString();return jsxRuntime.jsxs(Y,{children:[jsxRuntime.jsx(P,{size:o?parseInt(o):chunk3R3N5YG6_js.ki.md,fill:t.palette.ux.error.wMain}),jsxRuntime.jsx(j,{children:e})]})}var L1=e1;function w({size:e,fill:t}){return jsxRuntime.jsxs(chunk3R3N5YG6_js.La,{sx:{width:`${e}px`,height:`${e}px`},viewBox:"0 0 24 24",children:[jsxRuntime.jsx("path",{d:"M11.8746 14.996C11.9493 15.0706 12.04 15.108 12.1466 15.108H13.4426C13.56 15.108 13.6506 15.0706 13.7146 14.996C13.7893 14.9213 13.8266 14.8306 13.8266 14.724V10.396C13.8266 10.2786 13.7893 10.188 13.7146 10.124C13.6506 10.0493 13.56 10.012 13.4426 10.012H12.1466C12.04 10.012 11.9493 10.0493 11.8746 10.124C11.8 10.1986 11.7626 10.2893 11.7626 10.396V14.724C11.7626 14.8306 11.8 14.9213 11.8746 14.996Z",fill:t}),jsxRuntime.jsx("path",{d:"M11.7786 18.1C11.8533 18.1746 11.944 18.212 12.0506 18.212H13.5386C13.656 18.212 13.752 18.1746 13.8266 18.1C13.9013 18.0253 13.9386 17.9346 13.9386 17.828V16.34C13.9386 16.2226 13.9013 16.1266 13.8266 16.052C13.752 15.9773 13.656 15.94 13.5386 15.94H12.0506C11.944 15.94 11.8533 15.9773 11.7786 16.052C11.704 16.1266 11.6666 16.2226 11.6666 16.34V17.828C11.6666 17.9346 11.704 18.0253 11.7786 18.1Z",fill:t}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7919 3.79001C12.1726 3.10304 13.1604 3.10304 13.5411 3.79001L22.2358 19.4772C22.6053 20.1437 22.1233 20.962 21.3612 20.962H3.97177C3.20973 20.962 2.72771 20.1437 3.09713 19.4772L11.7919 3.79001ZM5.66936 18.962L12.6665 6.3376L19.6636 18.962H5.66936Z",fill:t})]})}var r1=chunk3R3N5YG6_js.ua(chunk3R3N5YG6_js.H)(({theme:e})=>({...e.mixins.formComponent_WarningText.container})),n1=chunk3R3N5YG6_js.ua(chunk3R3N5YG6_js.je)(({theme:e})=>({...e.mixins.formComponent_WarningText.label}));function i1({children:e}){let t=chunk3R3N5YG6_js.sa(),o=t.typography.subtitle1.fontSize?.toString();return jsxRuntime.jsxs(r1,{children:[jsxRuntime.jsx(w,{size:o?parseInt(o):chunk3R3N5YG6_js.ki.md,fill:t.palette.ux.warning.w100}),jsxRuntime.jsx(n1,{children:e})]})}var D1=i1;exports.a=f;exports.b=x1;exports.c=T1;exports.d=P;exports.e=L1;exports.f=w;exports.g=D1;//# sourceMappingURL=chunk-3NKPHQNZ.js.map
-//# sourceMappingURL=chunk-3NKPHQNZ.js.map