fhir-react 0.3.3 → 0.3.4

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 (38) hide show
  1. package/README.md +85 -2
  2. package/build/index.js +7 -14
  3. package/package.json +1 -1
  4. package/src/assets/containers/Patient/patient.svg +6 -0
  5. package/src/components/containers/Accordion/Accordion.js +7 -3
  6. package/src/components/datatypes/HeaderIcon/HeaderIcon.js +67 -22
  7. package/src/components/resources/Appointment/Appointment.js +3 -3
  8. package/src/components/resources/Appointment/Appointment.stories.js +28 -5
  9. package/src/components/resources/Appointment/Appointment.test.js +72 -0
  10. package/src/components/resources/Condition/Condition.js +1 -3
  11. package/src/components/resources/Condition/Condition.stories.js +9 -19
  12. package/src/components/resources/Condition/Condition.test.js +71 -1
  13. package/src/components/resources/Encounter/Encounter.js +3 -4
  14. package/src/components/resources/Encounter/Encounter.stories.js +27 -5
  15. package/src/components/resources/Encounter/Encounter.test.js +72 -0
  16. package/src/components/resources/ExplanationOfBenefit/ExplanationOfBenefit.js +7 -2
  17. package/src/components/resources/ExplanationOfBenefit/ExplanationOfBenefit.stories.js +8 -0
  18. package/src/components/resources/ExplanationOfBenefit/ExplanationOfBenefit.test.js +72 -0
  19. package/src/components/resources/Immunization/Immunization.js +1 -2
  20. package/src/components/resources/Immunization/Immunization.stories.js +6 -9
  21. package/src/components/resources/Immunization/Immunization.test.js +71 -1
  22. package/src/components/resources/Observation/Observation.js +3 -3
  23. package/src/components/resources/Observation/Observation.stories.js +14 -5
  24. package/src/components/resources/Observation/Observation.test.js +67 -0
  25. package/src/components/resources/Patient/Patient.js +9 -6
  26. package/src/components/resources/Patient/Patient.stories.js +12 -5
  27. package/src/components/resources/Patient/Patient.test.js +67 -0
  28. package/src/components/resources/Practitioner/Practitioner.js +3 -13
  29. package/src/components/resources/Practitioner/Practitioner.stories.js +19 -3
  30. package/src/components/resources/Practitioner/Practitioner.test.js +72 -0
  31. package/src/components/resources/Procedure/Procedure.js +1 -2
  32. package/src/components/resources/Procedure/Procedure.stories.js +11 -5
  33. package/src/components/resources/Procedure/Procedure.test.js +71 -1
  34. package/src/components/resources/ResourceCategory/ResourceCategory.js +5 -1
  35. package/src/components/ui/index.js +33 -25
  36. package/src/fixtures/example-icons.jsx +47 -9
  37. package/src/utils/convertCamelCaseToSentence.js +9 -0
  38. package/src/utils/convertCamelCaseToSentence.test.js +9 -0
@@ -3,167 +3,205 @@ import React from 'react';
3
3
  export default {
4
4
  Condition: (
5
5
  <img
6
+ className="header-icon__image"
6
7
  src={require('../assets/containers/Condition/condition.svg')}
7
- alt="germ"
8
+ alt="condition"
8
9
  />
9
10
  ),
10
11
  Immunization: (
11
12
  <img
13
+ className="header-icon__image"
12
14
  src={require('../assets/containers/Immunization/immunization.svg')}
13
- alt="syringe"
15
+ alt="immunization"
14
16
  />
15
17
  ),
16
18
  Procedure: (
17
19
  <img
20
+ className="header-icon__image"
18
21
  src={require('../assets/containers/Procedure/procedure.svg')}
19
- alt="block diagram"
22
+ alt="procedure"
20
23
  />
21
24
  ),
22
25
  Practitioner: (
23
26
  <img
27
+ className="header-icon__image"
24
28
  src={require('../assets/containers/Practitioner/practitioner.svg')}
25
- alt="doctor avatar"
29
+ alt="practitioner"
26
30
  />
27
31
  ),
28
32
  AllergyIntolerance: (
29
33
  <img
34
+ className="header-icon__image"
30
35
  src={require('../assets/containers/AllergyIntolerance/allergy-intolerance.svg')}
31
36
  alt="sneezing emoji"
32
37
  />
33
38
  ),
34
39
  Appointment: (
35
40
  <img
41
+ className="header-icon__image"
36
42
  src={require('../assets/containers/Appointment/appointment.svg')}
37
- alt="calendar"
43
+ alt="appointment"
38
44
  />
39
45
  ),
40
46
  CarePlan: (
41
47
  <img
48
+ className="header-icon__image"
42
49
  src={require('../assets/containers/CarePlan/care-plan.svg')}
43
50
  alt="note with a heart"
44
51
  />
45
52
  ),
46
53
  CareTeam: (
47
54
  <img
55
+ className="header-icon__image"
48
56
  src={require('../assets/containers/CareTeam/care-team.svg')}
49
57
  alt="group of people"
50
58
  />
51
59
  ),
52
60
  Claim: (
53
61
  <img
62
+ className="header-icon__image"
54
63
  src={require('../assets/containers/Claim/claim.svg')}
55
64
  alt="clipboard with a symmetrical cross"
56
65
  />
57
66
  ),
58
67
  ClaimResponse: (
59
68
  <img
69
+ className="header-icon__image"
60
70
  src={require('../assets/containers/ClaimResponse/claim-response.svg')}
61
71
  alt="clipboard with a symmetrical cross and a return arrow"
62
72
  />
63
73
  ),
64
74
  Device: (
65
75
  <img
76
+ className="header-icon__image"
66
77
  src={require('../assets/containers/Device/device.svg')}
67
78
  alt="computer rack"
68
79
  />
69
80
  ),
70
81
  DiagnosticReport: (
71
82
  <img
83
+ className="header-icon__image"
72
84
  src={require('../assets/containers/DiagnosticReport/diagnostic-report.svg')}
73
85
  alt="note with shapes"
74
86
  />
75
87
  ),
76
88
  DocumentReference: (
77
89
  <img
90
+ className="header-icon__image"
78
91
  src={require('../assets/containers/DocumentReference/document-reference.svg')}
79
92
  alt="hand holding a note"
80
93
  />
81
94
  ),
82
95
  Encounter: (
83
96
  <img
97
+ className="header-icon__image"
84
98
  src={require('../assets/containers/Encounter/encounter.svg')}
85
- alt="conversation between two individuals"
99
+ alt="encounter"
86
100
  />
87
101
  ),
88
102
  ExplanationOfBenefit: (
89
103
  <img
104
+ className="header-icon__image"
90
105
  src={require('../assets/containers/ExplanationOfBenefit/explanation-of-benefit.svg')}
91
- alt="percentage sign"
106
+ alt="explanation of benefit"
92
107
  />
93
108
  ),
94
109
  FamilyMemberHistory: (
95
110
  <img
111
+ className="header-icon__image"
96
112
  src={require('../assets/containers/FamilyMemberHistory/family-member-history.svg')}
97
113
  alt="parent and child"
98
114
  />
99
115
  ),
100
116
  Goal: (
101
117
  <img
118
+ className="header-icon__image"
102
119
  src={require('../assets/containers/Goal/goal.svg')}
103
120
  alt="arrow hits bullseye"
104
121
  />
105
122
  ),
106
123
  List: (
107
- <img src={require('../assets/containers/List/list.svg')} alt="checklist" />
124
+ <img
125
+ className="header-icon__image"
126
+ src={require('../assets/containers/List/list.svg')}
127
+ alt="checklist"
128
+ />
108
129
  ),
109
130
  Location: (
110
131
  <img
132
+ className="header-icon__image"
111
133
  src={require('../assets/containers/Location/location.svg')}
112
134
  alt="location marker"
113
135
  />
114
136
  ),
115
137
  Medication: (
116
138
  <img
139
+ className="header-icon__image"
117
140
  src={require('../assets/containers/Medication/medication.svg')}
118
141
  alt="some pills"
119
142
  />
120
143
  ),
121
144
  MedicationAdministration: (
122
145
  <img
146
+ className="header-icon__image"
123
147
  src={require('../assets/containers/MedicationAdministration/medication-administration.svg')}
124
148
  alt="pill gets swallowed"
125
149
  />
126
150
  ),
127
151
  MedicationKnowledge: (
128
152
  <img
153
+ className="header-icon__image"
129
154
  src={require('../assets/containers/MedicationKnowledge/medication-knowledge.svg')}
130
155
  alt="pill database"
131
156
  />
132
157
  ),
133
158
  MedicationStatement: (
134
159
  <img
160
+ className="header-icon__image"
135
161
  src={require('../assets/containers/MedicationStatement/medication-statement.svg')}
136
162
  alt="note with symmetrical cross"
137
163
  />
138
164
  ),
139
165
  Observation: (
140
166
  <img
167
+ className="header-icon__image"
141
168
  src={require('../assets/containers/Observation/observation.svg')}
142
- alt="hospital bed"
169
+ alt="observation"
143
170
  />
144
171
  ),
145
172
  Questionnaire: (
146
173
  <img
174
+ className="header-icon__image"
147
175
  src={require('../assets/containers/Questionnaire/questionnaire.svg')}
148
176
  alt="clipboard and pen"
149
177
  />
150
178
  ),
151
179
  QuestionnaireResponse: (
152
180
  <img
181
+ className="header-icon__image"
153
182
  src={require('../assets/containers/QuestionnaireResponse/questionnaire-response.svg')}
154
183
  alt="clipboard and return arrow"
155
184
  />
156
185
  ),
157
186
  ResearchStudy: (
158
187
  <img
188
+ className="header-icon__image"
159
189
  src={require('../assets/containers/ResearchStudy/research-study.svg')}
160
190
  alt="finger pointing something in a book"
161
191
  />
162
192
  ),
163
193
  ResourceCategory: (
164
194
  <img
195
+ className="header-icon__image"
165
196
  src={require('../assets/containers/ResourceCategory/resource-placeholder.svg')}
166
197
  alt="header icon"
167
198
  />
168
199
  ),
200
+ Patient: (
201
+ <img
202
+ className="header-icon__image"
203
+ src={require('../assets/containers/Patient/patient.svg')}
204
+ alt="patient"
205
+ />
206
+ ),
169
207
  };
@@ -0,0 +1,9 @@
1
+ import _trim from 'lodash/trim';
2
+
3
+ export const convertCamelCaseToSentence = word => {
4
+ const result = word && word.replace(/([A-Z])/g, ' $1');
5
+ return (
6
+ result &&
7
+ _trim(result.charAt(0).toUpperCase() + result.slice(1)).toLowerCase()
8
+ );
9
+ };
@@ -0,0 +1,9 @@
1
+ import { convertCamelCaseToSentence } from './convertCamelCaseToSentence';
2
+
3
+ describe('convertCamelCaseToSentence function ', () => {
4
+ it('should return sentence', () => {
5
+ expect(convertCamelCaseToSentence('CamelCaseToSentence')).toEqual(
6
+ 'camel case to sentence',
7
+ );
8
+ });
9
+ });