fhir-react 0.3.8 → 0.3.9

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 (51) hide show
  1. package/README.md +1 -1
  2. package/build/index.js +8 -8
  3. package/build/style.css +2 -2
  4. package/package.json +1 -1
  5. package/src/components/containers/Accordion/Accordion.js +24 -1
  6. package/src/components/containers/ResourceContainer/ResourceContainer.css +4 -0
  7. package/src/components/containers/ResourceContainer/ResourceContainer.js +28 -37
  8. package/src/components/containers/ResourceContainer/ResourceContainer.stories.js +23 -1
  9. package/src/components/resources/AdverseEvent/AdverseEvent.js +8 -1
  10. package/src/components/resources/AllergyIntolerance/AllergyIntolerance.js +2 -0
  11. package/src/components/resources/Appointment/Appointment.js +8 -1
  12. package/src/components/resources/Binary/Binary.js +2 -1
  13. package/src/components/resources/CarePlan/CarePlan.js +8 -1
  14. package/src/components/resources/CareTeam/CareTeam.js +8 -1
  15. package/src/components/resources/Claim/Claim.js +8 -1
  16. package/src/components/resources/ClaimResponse/ClaimResponse.js +8 -1
  17. package/src/components/resources/Condition/Condition.js +8 -1
  18. package/src/components/resources/Coverage/Coverage.js +8 -1
  19. package/src/components/resources/Device/Device.js +8 -1
  20. package/src/components/resources/DiagnosticReport/DiagnosticReport.js +2 -0
  21. package/src/components/resources/DocumentReference/DocumentReference.js +2 -0
  22. package/src/components/resources/Encounter/Encounter.js +8 -1
  23. package/src/components/resources/ExplanationOfBenefit/ExplanationOfBenefit.js +2 -0
  24. package/src/components/resources/FamilyMemberHistory/FamilyMemberHistory.js +2 -0
  25. package/src/components/resources/Generic/Generic.js +2 -1
  26. package/src/components/resources/Goal/Goal.js +8 -1
  27. package/src/components/resources/Immunization/Immunization.js +8 -1
  28. package/src/components/resources/List/List.js +2 -0
  29. package/src/components/resources/Location/Location.js +2 -1
  30. package/src/components/resources/Medication/Medication.js +8 -1
  31. package/src/components/resources/MedicationAdministration/MedicationAdministration.js +2 -0
  32. package/src/components/resources/MedicationDispense/MedicationDispense.js +2 -0
  33. package/src/components/resources/MedicationKnowledge/MedicationKnowledge.js +2 -0
  34. package/src/components/resources/MedicationOrder/MedicationOrder.js +2 -1
  35. package/src/components/resources/MedicationRequest/MedicationRequest.js +7 -1
  36. package/src/components/resources/MedicationStatement/MedicationStatement.js +2 -0
  37. package/src/components/resources/Observation/Observation.js +2 -1
  38. package/src/components/resources/Observation/ObservationGraph.js +1 -1
  39. package/src/components/resources/Organization/Organization.js +8 -1
  40. package/src/components/resources/Patient/Patient.js +2 -0
  41. package/src/components/resources/Practitioner/Practitioner.js +8 -1
  42. package/src/components/resources/PractitionerRole/PractitionerRole.js +2 -0
  43. package/src/components/resources/Procedure/Procedure.js +2 -1
  44. package/src/components/resources/Questionnaire/Questionnaire.js +8 -1
  45. package/src/components/resources/QuestionnaireResponse/QuestionnaireResponse.js +2 -0
  46. package/src/components/resources/ReferralRequest/ReferralRequest.js +8 -1
  47. package/src/components/resources/RelatedPerson/RelatedPerson.js +8 -1
  48. package/src/components/resources/ResearchStudy/ResearchStudy.js +8 -1
  49. package/src/components/resources/ResourceCategory/ResourceCategory.js +1 -1
  50. package/src/components/ui/index.js +27 -23
  51. package/src/style.scss +11 -0
@@ -71,7 +71,13 @@ const resourceDTO = (fhirVersion, fhirResource) => {
71
71
  }
72
72
  };
73
73
 
74
- const AdverseEvent = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
74
+ const AdverseEvent = ({
75
+ fhirResource,
76
+ fhirVersion,
77
+ fhirIcons,
78
+ onClick,
79
+ rawOnClick,
80
+ }) => {
75
81
  let fhirResourceData = {};
76
82
  try {
77
83
  fhirResourceData = resourceDTO(fhirVersion, fhirResource);
@@ -165,6 +171,7 @@ const AdverseEvent = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
165
171
  </Body>
166
172
  }
167
173
  onClick={onClick}
174
+ rawOnClick={rawOnClick}
168
175
  />
169
176
  </Root>
170
177
  );
@@ -128,6 +128,7 @@ const AllergyIntolerance = ({
128
128
  fhirVersion,
129
129
  fhirIcons,
130
130
  onClick,
131
+ rawOnClick,
131
132
  }) => {
132
133
  let fhirResourceData = {};
133
134
  try {
@@ -237,6 +238,7 @@ const AllergyIntolerance = ({
237
238
  }
238
239
  bodyContent={<Body tableData={tableData} />}
239
240
  onClick={onClick}
241
+ rawOnClick={rawOnClick}
240
242
  />
241
243
  </Root>
242
244
  );
@@ -144,7 +144,13 @@ const resourceDTO = (fhirVersion, fhirResource) => {
144
144
  }
145
145
  };
146
146
 
147
- const Appointment = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
147
+ const Appointment = ({
148
+ fhirResource,
149
+ fhirVersion,
150
+ fhirIcons,
151
+ onClick,
152
+ rawOnClick,
153
+ }) => {
148
154
  const {
149
155
  description,
150
156
  status,
@@ -254,6 +260,7 @@ const Appointment = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
254
260
  </Body>
255
261
  }
256
262
  onClick={onClick}
263
+ rawOnClick={rawOnClick}
257
264
  />
258
265
  </Root>
259
266
  );
@@ -6,7 +6,7 @@ import Accordion from '../../containers/Accordion/Accordion';
6
6
  import { Body, Header } from '../../ui';
7
7
 
8
8
  const Binary = props => {
9
- const { fhirResource, fhirIcons } = props;
9
+ const { fhirResource, fhirIcons, rawOnClick } = props;
10
10
 
11
11
  const loadBinaryFile = () => {
12
12
  switch (fhirResource.contentType) {
@@ -37,6 +37,7 @@ const Binary = props => {
37
37
  />
38
38
  }
39
39
  bodyContent={<Body>{loadBinaryFile()}</Body>}
40
+ rawOnClick={rawOnClick}
40
41
  />
41
42
  </div>
42
43
  );
@@ -162,7 +162,13 @@ const resourceDTO = (fhirVersion, fhirResource) => {
162
162
  }
163
163
  };
164
164
 
165
- const CarePlan = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
165
+ const CarePlan = ({
166
+ fhirResource,
167
+ fhirVersion,
168
+ fhirIcons,
169
+ onClick,
170
+ rawOnClick,
171
+ }) => {
166
172
  let fhirResourceData = {};
167
173
  try {
168
174
  fhirResourceData = resourceDTO(fhirVersion, fhirResource);
@@ -305,6 +311,7 @@ const CarePlan = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
305
311
  </Body>
306
312
  }
307
313
  onClick={onClick}
314
+ rawOnClick={rawOnClick}
308
315
  />
309
316
  </Root>
310
317
  );
@@ -83,7 +83,13 @@ const resourceDTO = (fhirVersion, fhirResource) => {
83
83
  }
84
84
  };
85
85
 
86
- const CareTeam = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
86
+ const CareTeam = ({
87
+ fhirResource,
88
+ fhirVersion,
89
+ fhirIcons,
90
+ onClick,
91
+ rawOnClick,
92
+ }) => {
87
93
  const {
88
94
  name,
89
95
  status,
@@ -167,6 +173,7 @@ const CareTeam = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
167
173
  </Body>
168
174
  }
169
175
  onClick={onClick}
176
+ rawOnClick={rawOnClick}
170
177
  />
171
178
  </Root>
172
179
  );
@@ -298,7 +298,13 @@ const resourceDTO = (fhirVersion, fhirResource) => {
298
298
  }
299
299
  };
300
300
 
301
- const Claim = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
301
+ const Claim = ({
302
+ fhirResource,
303
+ fhirVersion,
304
+ fhirIcons,
305
+ onClick,
306
+ rawOnClick,
307
+ }) => {
302
308
  let fhirResourceData = {};
303
309
  try {
304
310
  fhirResourceData = resourceDTO(fhirVersion, fhirResource);
@@ -482,6 +488,7 @@ const Claim = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
482
488
  </Body>
483
489
  }
484
490
  onClick={onClick}
491
+ rawOnClick={rawOnClick}
485
492
  />
486
493
  </Root>
487
494
  );
@@ -285,7 +285,13 @@ const hasPaymentInfo = payment => {
285
285
  return Object.values(payment).filter(item => item).length > 0;
286
286
  };
287
287
 
288
- const ClaimResponse = ({ fhirVersion, fhirResource, fhirIcons, onClick }) => {
288
+ const ClaimResponse = ({
289
+ fhirVersion,
290
+ fhirResource,
291
+ fhirIcons,
292
+ onClick,
293
+ rawOnClick,
294
+ }) => {
289
295
  let fhirResourceData = {};
290
296
  try {
291
297
  fhirResourceData = resourceDTO(fhirVersion, fhirResource);
@@ -449,6 +455,7 @@ const ClaimResponse = ({ fhirVersion, fhirResource, fhirIcons, onClick }) => {
449
455
  </Body>
450
456
  }
451
457
  onClick={onClick}
458
+ rawOnClick={rawOnClick}
452
459
  />
453
460
  </Root>
454
461
  );
@@ -87,7 +87,13 @@ const resourceDTO = (fhirVersion, fhirResource) => {
87
87
  }
88
88
  };
89
89
 
90
- const Condition = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
90
+ const Condition = ({
91
+ fhirResource,
92
+ fhirVersion,
93
+ fhirIcons,
94
+ onClick,
95
+ rawOnClick,
96
+ }) => {
91
97
  const {
92
98
  codeText,
93
99
  severityText,
@@ -157,6 +163,7 @@ const Condition = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
157
163
  }
158
164
  bodyContent={<Body tableData={tableData} />}
159
165
  onClick={onClick}
166
+ rawOnClick={rawOnClick}
160
167
  />
161
168
  </Root>
162
169
  );
@@ -114,7 +114,13 @@ const resourceDTO = (fhirVersion, fhirResource) => {
114
114
  }
115
115
  };
116
116
 
117
- const Coverage = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
117
+ const Coverage = ({
118
+ fhirResource,
119
+ fhirVersion,
120
+ fhirIcons,
121
+ onClick,
122
+ rawOnClick,
123
+ }) => {
118
124
  let fhirResourceData = {};
119
125
  try {
120
126
  fhirResourceData = resourceDTO(fhirVersion, fhirResource);
@@ -233,6 +239,7 @@ const Coverage = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
233
239
  }
234
240
  bodyContent={<Body tableData={tableData} />}
235
241
  onClick={onClick}
242
+ rawOnClick={rawOnClick}
236
243
  />
237
244
  </Root>
238
245
  );
@@ -102,7 +102,13 @@ const resourceDTO = (fhirVersion, fhirResource) => {
102
102
  }
103
103
  };
104
104
 
105
- const Device = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
105
+ const Device = ({
106
+ fhirResource,
107
+ fhirVersion,
108
+ fhirIcons,
109
+ onClick,
110
+ rawOnClick,
111
+ }) => {
106
112
  let fhirResourceData = {};
107
113
  try {
108
114
  fhirResourceData = resourceDTO(fhirVersion, fhirResource);
@@ -179,6 +185,7 @@ const Device = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
179
185
  </Body>
180
186
  }
181
187
  onClick={onClick}
188
+ rawOnClick={rawOnClick}
182
189
  />
183
190
  </Root>
184
191
  );
@@ -98,6 +98,7 @@ const DiagnosticReport = ({
98
98
  fhirVersion,
99
99
  fhirIcons,
100
100
  onClick,
101
+ rawOnClick,
101
102
  }) => {
102
103
  let fhirResourceData = {};
103
104
  try {
@@ -170,6 +171,7 @@ const DiagnosticReport = ({
170
171
  }
171
172
  bodyContent={<Body tableData={tableData} />}
172
173
  onClick={onClick}
174
+ rawOnClick={rawOnClick}
173
175
  />
174
176
  </Root>
175
177
  );
@@ -221,6 +221,7 @@ const DocumentReference = ({
221
221
  fhirResource,
222
222
  fhirIcons,
223
223
  onClick,
224
+ rawOnClick,
224
225
  }) => {
225
226
  let fhirResourceData = {};
226
227
  try {
@@ -342,6 +343,7 @@ const DocumentReference = ({
342
343
  </Body>
343
344
  }
344
345
  onClick={onClick}
346
+ rawOnClick={rawOnClick}
345
347
  />
346
348
  </Root>
347
349
  );
@@ -160,7 +160,13 @@ const resourceDTO = (fhirVersion, fhirResource) => {
160
160
  }
161
161
  };
162
162
 
163
- const Encounter = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
163
+ const Encounter = ({
164
+ fhirResource,
165
+ fhirVersion,
166
+ fhirIcons,
167
+ onClick,
168
+ rawOnClick,
169
+ }) => {
164
170
  let fhirResourceData = {};
165
171
  try {
166
172
  fhirResourceData = resourceDTO(fhirVersion, fhirResource);
@@ -230,6 +236,7 @@ const Encounter = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
230
236
  </Body>
231
237
  }
232
238
  onClick={onClick}
239
+ rawOnClick={rawOnClick}
233
240
  />
234
241
  </Root>
235
242
  );
@@ -234,6 +234,7 @@ const ExplanationOfBenefit = ({
234
234
  withCarinBBProfile = false,
235
235
  fhirIcons,
236
236
  onClick,
237
+ rawOnClick,
237
238
  }) => {
238
239
  let fhirResourceData = {};
239
240
  try {
@@ -548,6 +549,7 @@ const ExplanationOfBenefit = ({
548
549
  </Body>
549
550
  }
550
551
  onClick={onClick}
552
+ rawOnClick={rawOnClick}
551
553
  />
552
554
  </Root>
553
555
  );
@@ -75,6 +75,7 @@ const FamilyMemberHistory = ({
75
75
  fhirVersion,
76
76
  fhirIcons,
77
77
  onClick,
78
+ rawOnClick,
78
79
  }) => {
79
80
  let fhirResourceData = {};
80
81
  try {
@@ -140,6 +141,7 @@ const FamilyMemberHistory = ({
140
141
  }
141
142
  bodyContent={<Body tableData={tableData} />}
142
143
  onClick={onClick}
144
+ rawOnClick={rawOnClick}
143
145
  />
144
146
  </Root>
145
147
  );
@@ -4,7 +4,7 @@ import _get from 'lodash/get';
4
4
  import { Root, Header } from '../../ui';
5
5
  import Accordion from '../../containers/Accordion';
6
6
 
7
- const Generic = ({ fhirResource, fhirIcons, onClick }) => {
7
+ const Generic = ({ fhirResource, fhirIcons, onClick, rawOnClick }) => {
8
8
  const title = fhirResource
9
9
  ? `${fhirResource.resourceType}/${fhirResource.id}`
10
10
  : `Unknown Resource`;
@@ -30,6 +30,7 @@ const Generic = ({ fhirResource, fhirIcons, onClick }) => {
30
30
  />
31
31
  }
32
32
  onClick={onClick}
33
+ rawOnClick={rawOnClick}
33
34
  />
34
35
  </Root>
35
36
  );
@@ -99,7 +99,13 @@ const resourceDTO = (fhirVersion, fhirResource) => {
99
99
  }
100
100
  };
101
101
 
102
- const Goal = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
102
+ const Goal = ({
103
+ fhirResource,
104
+ fhirVersion,
105
+ fhirIcons,
106
+ onClick,
107
+ rawOnClick,
108
+ }) => {
103
109
  let fhirResourceData = {};
104
110
  try {
105
111
  fhirResourceData = resourceDTO(fhirVersion, fhirResource);
@@ -228,6 +234,7 @@ const Goal = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
228
234
  }
229
235
  bodyContent={<Body tableData={tableData} />}
230
236
  onClick={onClick}
237
+ rawOnClick={rawOnClick}
231
238
  />
232
239
  </Root>
233
240
  );
@@ -103,7 +103,13 @@ const resourceDTO = (fhirVersion, fhirResource) => {
103
103
  }
104
104
  };
105
105
 
106
- const Immunization = ({ fhirVersion, fhirResource, fhirIcons, onClick }) => {
106
+ const Immunization = ({
107
+ fhirVersion,
108
+ fhirResource,
109
+ fhirIcons,
110
+ onClick,
111
+ rawOnClick,
112
+ }) => {
107
113
  const {
108
114
  title,
109
115
  status,
@@ -241,6 +247,7 @@ const Immunization = ({ fhirVersion, fhirResource, fhirIcons, onClick }) => {
241
247
  }
242
248
  bodyContent={<Body tableData={tableData} />}
243
249
  onClick={onClick}
250
+ rawOnClick={rawOnClick}
244
251
  />
245
252
  </Root>
246
253
  );
@@ -131,6 +131,7 @@ const List = ({
131
131
  withDaVinciPDex = false,
132
132
  fhirIcons,
133
133
  onClick,
134
+ rawOnClick,
134
135
  }) => {
135
136
  let fhirResourceData = {};
136
137
  try {
@@ -291,6 +292,7 @@ const List = ({
291
292
  </Body>
292
293
  }
293
294
  onClick={onClick}
295
+ rawOnClick={rawOnClick}
294
296
  />
295
297
  </Root>
296
298
  );
@@ -9,7 +9,7 @@ import CodeableConcept from '../../datatypes/CodeableConcept';
9
9
  import Reference from '../../datatypes/Reference';
10
10
  import Accordion from '../../containers/Accordion';
11
11
 
12
- const Location = ({ fhirResource, fhirIcons, onClick }) => {
12
+ const Location = ({ fhirResource, fhirIcons, onClick, rawOnClick }) => {
13
13
  const name = _get(fhirResource, 'name');
14
14
  const status = _get(fhirResource, 'status');
15
15
  const description = _get(fhirResource, 'description');
@@ -82,6 +82,7 @@ const Location = ({ fhirResource, fhirIcons, onClick }) => {
82
82
  }
83
83
  bodyContent={<Body tableData={tableData} />}
84
84
  onClick={onClick}
85
+ rawOnClick={rawOnClick}
85
86
  />
86
87
  </Root>
87
88
  );
@@ -162,7 +162,13 @@ const Ingredient = props => {
162
162
  );
163
163
  };
164
164
 
165
- const Medication = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
165
+ const Medication = ({
166
+ fhirResource,
167
+ fhirVersion,
168
+ fhirIcons,
169
+ onClick,
170
+ rawOnClick,
171
+ }) => {
166
172
  let fhirResourceData = {};
167
173
  try {
168
174
  fhirResourceData = resourceDTO(fhirVersion, fhirResource);
@@ -274,6 +280,7 @@ const Medication = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
274
280
  </Body>
275
281
  }
276
282
  onClick={onClick}
283
+ rawOnClick={rawOnClick}
277
284
  />
278
285
  </Root>
279
286
  );
@@ -115,6 +115,7 @@ const MedicationAdministration = ({
115
115
  fhirVersion,
116
116
  fhirIcons,
117
117
  onClick,
118
+ rawOnClick,
118
119
  }) => {
119
120
  let fhirResourceData = {};
120
121
  try {
@@ -213,6 +214,7 @@ const MedicationAdministration = ({
213
214
  </Body>
214
215
  }
215
216
  onClick={onClick}
217
+ rawOnClick={rawOnClick}
216
218
  />
217
219
  </Root>
218
220
  );
@@ -164,6 +164,7 @@ const MedicationDispense = ({
164
164
  fhirVersion,
165
165
  fhirIcons,
166
166
  onClick,
167
+ rawOnClick,
167
168
  }) => {
168
169
  let fhirResourceData = {};
169
170
  try {
@@ -243,6 +244,7 @@ const MedicationDispense = ({
243
244
  </Body>
244
245
  }
245
246
  onClick={onClick}
247
+ rawOnClick={rawOnClick}
246
248
  />
247
249
  </Root>
248
250
  );
@@ -109,6 +109,7 @@ const MedicationKnowledge = ({
109
109
  withDaVinciPDex = false,
110
110
  fhirIcons,
111
111
  onClick,
112
+ rawOnClick,
112
113
  }) => {
113
114
  let fhirResourceData = {};
114
115
  try {
@@ -252,6 +253,7 @@ const MedicationKnowledge = ({
252
253
  </Body>
253
254
  }
254
255
  onClick={onClick}
256
+ rawOnClick={rawOnClick}
255
257
  />
256
258
  </Root>
257
259
  );
@@ -8,7 +8,7 @@ import Coding from '../../datatypes/Coding';
8
8
 
9
9
  import { Root, Header, Body } from '../../ui';
10
10
 
11
- const MedicationOrder = ({ fhirResource, fhirIcons, onClick }) => {
11
+ const MedicationOrder = ({ fhirResource, fhirIcons, onClick, rawOnClick }) => {
12
12
  const medicationReference = _get(fhirResource, 'medicationReference');
13
13
  const medicationCodeableConcept = _get(
14
14
  fhirResource,
@@ -65,6 +65,7 @@ const MedicationOrder = ({ fhirResource, fhirIcons, onClick }) => {
65
65
  }
66
66
  bodyContent={<Body tableData={tableData} />}
67
67
  onClick={onClick}
68
+ rawOnClick={rawOnClick}
68
69
  />
69
70
  </Root>
70
71
  );
@@ -9,7 +9,12 @@ import Date from '../../datatypes/Date';
9
9
 
10
10
  import { Root, Header, Body } from '../../ui';
11
11
 
12
- const MedicationRequest = ({ fhirResource, fhirIcons, onClick }) => {
12
+ const MedicationRequest = ({
13
+ fhirResource,
14
+ fhirIcons,
15
+ onClick,
16
+ rawOnClick,
17
+ }) => {
13
18
  const medicationReference = _get(fhirResource, 'medicationReference');
14
19
  const medicationCodeableConcept = _get(
15
20
  fhirResource,
@@ -88,6 +93,7 @@ const MedicationRequest = ({ fhirResource, fhirIcons, onClick }) => {
88
93
  }
89
94
  bodyContent={<Body tableData={tableData} />}
90
95
  onClick={onClick}
96
+ rawOnClick={rawOnClick}
91
97
  />
92
98
  </Root>
93
99
  );
@@ -112,6 +112,7 @@ const MedicationStatement = ({
112
112
  fhirVersion,
113
113
  fhirIcons,
114
114
  onClick,
115
+ rawOnClick,
115
116
  }) => {
116
117
  let fhirResourceData = {};
117
118
  try {
@@ -205,6 +206,7 @@ const MedicationStatement = ({
205
206
  </Body>
206
207
  }
207
208
  onClick={onClick}
209
+ rawOnClick={rawOnClick}
208
210
  />
209
211
  </Root>
210
212
  );
@@ -18,7 +18,7 @@ import {
18
18
  } from '../../ui';
19
19
  import Reference from '../../datatypes/Reference';
20
20
 
21
- const Observation = ({ fhirResource, fhirIcons, onClick }) => {
21
+ const Observation = ({ fhirResource, fhirIcons, onClick, rawOnClick }) => {
22
22
  const effectiveDate = _get(fhirResource, 'effectiveDateTime');
23
23
  const codeCodingDisplay = _get(fhirResource, 'code.coding.0.display');
24
24
  const codeText = _get(fhirResource, 'code.text', '');
@@ -115,6 +115,7 @@ const Observation = ({ fhirResource, fhirIcons, onClick }) => {
115
115
  </Body>
116
116
  }
117
117
  onClick={onClick}
118
+ rawOnClick={rawOnClick}
118
119
  />
119
120
  </Root>
120
121
  );
@@ -44,7 +44,7 @@ const observationValuePoint = (actualValue, unit, small) => {
44
44
  >
45
45
  {!small && (
46
46
  <span
47
- className={`position-absolute top-0 translate-middle ps-2 ${
47
+ className={`position-absolute top-0 translate-middle ps-sm-2 ps-0 pe-4 pe-sm-0 ${
48
48
  small ? 'pb-4 fs-1' : 'pb-5 fs-4'
49
49
  } w-max-content`}
50
50
  data-testid="valuePoint"
@@ -55,7 +55,13 @@ const resourceDTO = (fhirVersion, fhirResource) => {
55
55
  }
56
56
  };
57
57
 
58
- const Organization = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
58
+ const Organization = ({
59
+ fhirResource,
60
+ fhirVersion,
61
+ fhirIcons,
62
+ onClick,
63
+ rawOnClick,
64
+ }) => {
59
65
  let fhirResourceData = {};
60
66
  try {
61
67
  fhirResourceData = resourceDTO(fhirVersion, fhirResource);
@@ -128,6 +134,7 @@ const Organization = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
128
134
  }
129
135
  bodyContent={<Body tableData={tableData} />}
130
136
  onClick={onClick}
137
+ rawOnClick={rawOnClick}
131
138
  />
132
139
  </Root>
133
140
  );
@@ -47,6 +47,7 @@ function Patient(props) {
47
47
  patientSimple,
48
48
  fhirIcons,
49
49
  onClick,
50
+ rawOnClick,
50
51
  } = props;
51
52
 
52
53
  const id = getId(fhirResource);
@@ -148,6 +149,7 @@ function Patient(props) {
148
149
  }
149
150
  bodyContent={<Body tableData={tableData} />}
150
151
  onClick={onClick}
152
+ rawOnClick={rawOnClick}
151
153
  />
152
154
  </Root>
153
155
  );
@@ -82,7 +82,13 @@ const resourceDTO = (fhirVersion, fhirResource) => {
82
82
  }
83
83
  };
84
84
 
85
- const Practitioner = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
85
+ const Practitioner = ({
86
+ fhirResource,
87
+ fhirVersion,
88
+ fhirIcons,
89
+ onClick,
90
+ rawOnClick,
91
+ }) => {
86
92
  let fhirResourceData = {};
87
93
  try {
88
94
  fhirResourceData = resourceDTO(fhirVersion, fhirResource);
@@ -161,6 +167,7 @@ const Practitioner = ({ fhirResource, fhirVersion, fhirIcons, onClick }) => {
161
167
  }
162
168
  bodyContent={<Body tableData={tableData} />}
163
169
  onClick={onClick}
170
+ rawOnClick={rawOnClick}
164
171
  />
165
172
  </Root>
166
173
  );
@@ -48,6 +48,7 @@ const PractitionerRole = ({
48
48
  fhirVersion,
49
49
  fhirIcons,
50
50
  onClick,
51
+ rawOnClick,
51
52
  }) => {
52
53
  let fhirResourceData = {};
53
54
  try {
@@ -106,6 +107,7 @@ const PractitionerRole = ({
106
107
  }
107
108
  bodyContent={<Body tableData={tableData} />}
108
109
  onClick={onClick}
110
+ rawOnClick={rawOnClick}
109
111
  />
110
112
  </Root>
111
113
  );