|
4 | 4 | toArray, |
5 | 5 | toRows, |
6 | 6 | isCodedTerm, |
| 7 | + isNestedCodedTerm, |
7 | 8 | } from "@js/components/Plan/Panel/diff-helpers"; |
8 | 9 |
|
9 | 10 | /** |
@@ -43,6 +44,66 @@ const renderCodedTerm = (value) => { |
43 | 44 | return JSON.stringify(value, null, 0); |
44 | 45 | }; |
45 | 46 |
|
| 47 | +/** |
| 48 | + * Render a notes array |
| 49 | + */ |
| 50 | +const renderNotes = (notes) => { |
| 51 | + if (!Array.isArray(notes) || notes.length === 0) return "—"; |
| 52 | + |
| 53 | + return ( |
| 54 | + <ul> |
| 55 | + {notes.map((note, i) => ( |
| 56 | + <li key={i}> |
| 57 | + {note.type?.label && ( |
| 58 | + <strong>{note.type.label}: </strong> |
| 59 | + )} |
| 60 | + {note.note || "—"} |
| 61 | + </li> |
| 62 | + ))} |
| 63 | + </ul> |
| 64 | + ); |
| 65 | +}; |
| 66 | + |
| 67 | +/** |
| 68 | + * Render a related_url array |
| 69 | + */ |
| 70 | +const renderRelatedUrls = (urls) => { |
| 71 | + if (!Array.isArray(urls) || urls.length === 0) return "—"; |
| 72 | + |
| 73 | + return ( |
| 74 | + <ul> |
| 75 | + {urls.map((item, i) => ( |
| 76 | + <li key={i}> |
| 77 | + {item.label?.label && ( |
| 78 | + <strong>{item.label.label}: </strong> |
| 79 | + )} |
| 80 | + {item.url ? ( |
| 81 | + <a href={item.url} target="_blank" rel="noopener noreferrer"> |
| 82 | + {item.url} |
| 83 | + </a> |
| 84 | + ) : ( |
| 85 | + "—" |
| 86 | + )} |
| 87 | + </li> |
| 88 | + ))} |
| 89 | + </ul> |
| 90 | + ); |
| 91 | +}; |
| 92 | + |
| 93 | +/** |
| 94 | + * Render a nested coded term field (notes or related_url) |
| 95 | + */ |
| 96 | +const renderNestedCodedTerm = (path, value) => { |
| 97 | + if (path.endsWith("notes")) { |
| 98 | + return renderNotes(value); |
| 99 | + } |
| 100 | + if (path.endsWith("related_url")) { |
| 101 | + return renderRelatedUrls(value); |
| 102 | + } |
| 103 | + // Fallback to generic rendering |
| 104 | + return renderGenericValue(value); |
| 105 | +}; |
| 106 | + |
46 | 107 | /** |
47 | 108 | * Render a generic (non-controlled) value |
48 | 109 | */ |
@@ -104,6 +165,8 @@ const PlanPanelChangesDiff = ({ proposedChanges }) => { |
104 | 165 | title={change.label} |
105 | 166 | items={toArray(change.value)} |
106 | 167 | /> |
| 168 | + ) : change.nestedCoded ? ( |
| 169 | + renderNestedCodedTerm(change.path, change.value) |
107 | 170 | ) : isCodedTerm(change.path) ? ( |
108 | 171 | renderCodedTerm(change.value) |
109 | 172 | ) : ( |
|
0 commit comments