@ltht-react/allergy-summary 2.0.193 → 2.0.194
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.
- package/README.md +19 -19
- package/package.json +8 -8
- package/src/atoms/allergy-description.tsx +33 -33
- package/src/atoms/allergy-icon.tsx +26 -26
- package/src/atoms/allergy-status.tsx +28 -28
- package/src/atoms/allergy-title.tsx +21 -21
- package/src/index.tsx +3 -3
- package/src/molecules/allergy-redacted.tsx +30 -30
- package/src/organisms/allergy-summary.tsx +68 -68
- package/lib/atoms/allergy-description.d.ts +0 -7
- package/lib/atoms/allergy-description.js +0 -52
- package/lib/atoms/allergy-description.js.map +0 -1
- package/lib/atoms/allergy-icon.d.ts +0 -7
- package/lib/atoms/allergy-icon.js +0 -27
- package/lib/atoms/allergy-icon.js.map +0 -1
- package/lib/atoms/allergy-status.d.ts +0 -7
- package/lib/atoms/allergy-status.js +0 -48
- package/lib/atoms/allergy-status.js.map +0 -1
- package/lib/atoms/allergy-title.d.ts +0 -7
- package/lib/atoms/allergy-title.js +0 -43
- package/lib/atoms/allergy-title.js.map +0 -1
- package/lib/index.d.ts +0 -2
- package/lib/index.js +0 -8
- package/lib/index.js.map +0 -1
- package/lib/molecules/allergy-redacted.d.ts +0 -8
- package/lib/molecules/allergy-redacted.js +0 -21
- package/lib/molecules/allergy-redacted.js.map +0 -1
- package/lib/organisms/allergy-summary.d.ts +0 -9
- package/lib/organisms/allergy-summary.js +0 -56
- package/lib/organisms/allergy-summary.js.map +0 -1
package/README.md
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
# Allergy Summary
|
|
2
|
-
|
|
3
|
-
### Import
|
|
4
|
-
|
|
5
|
-
```js
|
|
6
|
-
import AllergySummary from '@ltht-react/allergy-summary'
|
|
7
|
-
```
|
|
8
|
-
|
|
9
|
-
### Usage
|
|
10
|
-
|
|
11
|
-
```jsx
|
|
12
|
-
<AllergySummary allergy={allergy} />
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
### Properties
|
|
16
|
-
|
|
17
|
-
| Prop | Required | Default | Type | Description |
|
|
18
|
-
| :-------- | :------- | :------ | :----------------- | :----------------- |
|
|
19
|
-
| `allergy` | Yes | | AllergyIntolerance | Allergy to display |
|
|
1
|
+
# Allergy Summary
|
|
2
|
+
|
|
3
|
+
### Import
|
|
4
|
+
|
|
5
|
+
```js
|
|
6
|
+
import AllergySummary from '@ltht-react/allergy-summary'
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
### Usage
|
|
10
|
+
|
|
11
|
+
```jsx
|
|
12
|
+
<AllergySummary allergy={allergy} />
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### Properties
|
|
16
|
+
|
|
17
|
+
| Prop | Required | Default | Type | Description |
|
|
18
|
+
| :-------- | :------- | :------ | :----------------- | :----------------- |
|
|
19
|
+
| `allergy` | Yes | | AllergyIntolerance | Allergy to display |
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ltht-react/allergy-summary",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.194",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"author": "Jonny Smith <jonny.asmith@gmail.com>",
|
|
6
6
|
"homepage": "",
|
|
@@ -25,13 +25,13 @@
|
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@emotion/react": "^11.0.0",
|
|
27
27
|
"@emotion/styled": "^11.0.0",
|
|
28
|
-
"@ltht-react/icon": "^2.0.
|
|
29
|
-
"@ltht-react/list": "^2.0.
|
|
30
|
-
"@ltht-react/styles": "^2.0.
|
|
31
|
-
"@ltht-react/type-summary": "^2.0.
|
|
32
|
-
"@ltht-react/types": "^2.0.
|
|
33
|
-
"@ltht-react/utils": "^2.0.
|
|
28
|
+
"@ltht-react/icon": "^2.0.194",
|
|
29
|
+
"@ltht-react/list": "^2.0.194",
|
|
30
|
+
"@ltht-react/styles": "^2.0.194",
|
|
31
|
+
"@ltht-react/type-summary": "^2.0.194",
|
|
32
|
+
"@ltht-react/types": "^2.0.194",
|
|
33
|
+
"@ltht-react/utils": "^2.0.194",
|
|
34
34
|
"react": "^18.2.0"
|
|
35
35
|
},
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "2eb4b88fa2bc19baa1be9433dbe29fe1a947dc62"
|
|
37
37
|
}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { FC, HTMLAttributes } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
|
|
4
|
-
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
5
|
-
import { AllergyIntolerance } from '@ltht-react/types'
|
|
6
|
-
import { codeableConceptCodeSummary, allergyIntoleranceCategoryCodeDisplaySummary, titleCase } from '@ltht-react/utils'
|
|
7
|
-
|
|
8
|
-
const StyledAllergyDescription = styled.div`
|
|
9
|
-
color: ${TEXT_COLOURS.SECONDARY.VALUE};
|
|
10
|
-
text-align: left;
|
|
11
|
-
font-size: smaller;
|
|
12
|
-
padding-top: 0.25rem;
|
|
13
|
-
`
|
|
14
|
-
|
|
15
|
-
const AllergyDescription: FC<Props> = ({ allergy, ...rest }) => {
|
|
16
|
-
const values = []
|
|
17
|
-
|
|
18
|
-
const codeSummary = codeableConceptCodeSummary(allergy.code)
|
|
19
|
-
if (codeSummary && codeSummary.length > 0) values.push(codeSummary)
|
|
20
|
-
|
|
21
|
-
const categorySummary = allergy.category && allergyIntoleranceCategoryCodeDisplaySummary(allergy.category)
|
|
22
|
-
if (categorySummary && categorySummary.length > 0) values.push(categorySummary)
|
|
23
|
-
|
|
24
|
-
if (allergy.type) values.push(titleCase(allergy.type))
|
|
25
|
-
|
|
26
|
-
return <StyledAllergyDescription {...rest}>{values.join(' - ')}</StyledAllergyDescription>
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
30
|
-
allergy: AllergyIntolerance
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
export default AllergyDescription
|
|
1
|
+
import { FC, HTMLAttributes } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
|
|
4
|
+
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
5
|
+
import { AllergyIntolerance } from '@ltht-react/types'
|
|
6
|
+
import { codeableConceptCodeSummary, allergyIntoleranceCategoryCodeDisplaySummary, titleCase } from '@ltht-react/utils'
|
|
7
|
+
|
|
8
|
+
const StyledAllergyDescription = styled.div`
|
|
9
|
+
color: ${TEXT_COLOURS.SECONDARY.VALUE};
|
|
10
|
+
text-align: left;
|
|
11
|
+
font-size: smaller;
|
|
12
|
+
padding-top: 0.25rem;
|
|
13
|
+
`
|
|
14
|
+
|
|
15
|
+
const AllergyDescription: FC<Props> = ({ allergy, ...rest }) => {
|
|
16
|
+
const values = []
|
|
17
|
+
|
|
18
|
+
const codeSummary = codeableConceptCodeSummary(allergy.code)
|
|
19
|
+
if (codeSummary && codeSummary.length > 0) values.push(codeSummary)
|
|
20
|
+
|
|
21
|
+
const categorySummary = allergy.category && allergyIntoleranceCategoryCodeDisplaySummary(allergy.category)
|
|
22
|
+
if (categorySummary && categorySummary.length > 0) values.push(categorySummary)
|
|
23
|
+
|
|
24
|
+
if (allergy.type) values.push(titleCase(allergy.type))
|
|
25
|
+
|
|
26
|
+
return <StyledAllergyDescription {...rest}>{values.join(' - ')}</StyledAllergyDescription>
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
30
|
+
allergy: AllergyIntolerance
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export default AllergyDescription
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
import Icon from '@ltht-react/icon'
|
|
4
|
-
import { AllergyIntoleranceCriticalityCode, Maybe } from '@ltht-react/types'
|
|
5
|
-
|
|
6
|
-
const StyledExclamationIcon = styled(Icon)`
|
|
7
|
-
padding-right: 10px;
|
|
8
|
-
`
|
|
9
|
-
|
|
10
|
-
const AllergyIcon: FC<Props> = ({ criticalityCode }) => {
|
|
11
|
-
if (criticalityCode === AllergyIntoleranceCriticalityCode.High) {
|
|
12
|
-
return <StyledExclamationIcon type="exclamation" color="red" size="medium" />
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
if (criticalityCode && criticalityCode === AllergyIntoleranceCriticalityCode.Low) {
|
|
16
|
-
return <StyledExclamationIcon type="exclamation" color="amber" size="medium" />
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
return null
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
interface Props {
|
|
23
|
-
criticalityCode?: Maybe<AllergyIntoleranceCriticalityCode>
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
export default AllergyIcon
|
|
1
|
+
import { FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
import Icon from '@ltht-react/icon'
|
|
4
|
+
import { AllergyIntoleranceCriticalityCode, Maybe } from '@ltht-react/types'
|
|
5
|
+
|
|
6
|
+
const StyledExclamationIcon = styled(Icon)`
|
|
7
|
+
padding-right: 10px;
|
|
8
|
+
`
|
|
9
|
+
|
|
10
|
+
const AllergyIcon: FC<Props> = ({ criticalityCode }) => {
|
|
11
|
+
if (criticalityCode === AllergyIntoleranceCriticalityCode.High) {
|
|
12
|
+
return <StyledExclamationIcon type="exclamation" color="red" size="medium" />
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
if (criticalityCode && criticalityCode === AllergyIntoleranceCriticalityCode.Low) {
|
|
16
|
+
return <StyledExclamationIcon type="exclamation" color="amber" size="medium" />
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
return null
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
interface Props {
|
|
23
|
+
criticalityCode?: Maybe<AllergyIntoleranceCriticalityCode>
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export default AllergyIcon
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { FC, HTMLAttributes } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
|
|
4
|
-
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
5
|
-
import { AllergyIntolerance } from '@ltht-react/types'
|
|
6
|
-
import { titleCase } from '@ltht-react/utils'
|
|
7
|
-
|
|
8
|
-
const StyledAllergyStatus = styled.div`
|
|
9
|
-
color: ${TEXT_COLOURS.SECONDARY.VALUE};
|
|
10
|
-
text-align: right;
|
|
11
|
-
font-size: smaller;
|
|
12
|
-
padding-top: 0.25rem;
|
|
13
|
-
`
|
|
14
|
-
|
|
15
|
-
const AllergyStatus: FC<Props> = ({ allergy, ...rest }) => {
|
|
16
|
-
const values = []
|
|
17
|
-
|
|
18
|
-
if (allergy.clinicalStatus) values.push(titleCase(allergy.clinicalStatus))
|
|
19
|
-
if (allergy.verificationStatus) values.push(titleCase(allergy.verificationStatus))
|
|
20
|
-
|
|
21
|
-
return <StyledAllergyStatus {...rest}>{values.join(' - ')}</StyledAllergyStatus>
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
25
|
-
allergy: AllergyIntolerance
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export default AllergyStatus
|
|
1
|
+
import { FC, HTMLAttributes } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
|
|
4
|
+
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
5
|
+
import { AllergyIntolerance } from '@ltht-react/types'
|
|
6
|
+
import { titleCase } from '@ltht-react/utils'
|
|
7
|
+
|
|
8
|
+
const StyledAllergyStatus = styled.div`
|
|
9
|
+
color: ${TEXT_COLOURS.SECONDARY.VALUE};
|
|
10
|
+
text-align: right;
|
|
11
|
+
font-size: smaller;
|
|
12
|
+
padding-top: 0.25rem;
|
|
13
|
+
`
|
|
14
|
+
|
|
15
|
+
const AllergyStatus: FC<Props> = ({ allergy, ...rest }) => {
|
|
16
|
+
const values = []
|
|
17
|
+
|
|
18
|
+
if (allergy.clinicalStatus) values.push(titleCase(allergy.clinicalStatus))
|
|
19
|
+
if (allergy.verificationStatus) values.push(titleCase(allergy.verificationStatus))
|
|
20
|
+
|
|
21
|
+
return <StyledAllergyStatus {...rest}>{values.join(' - ')}</StyledAllergyStatus>
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
25
|
+
allergy: AllergyIntolerance
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export default AllergyStatus
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { FC, HTMLAttributes } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
|
|
4
|
-
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
5
|
-
import { AllergyIntolerance } from '@ltht-react/types'
|
|
6
|
-
import { codeableConceptDisplaySummary } from '@ltht-react/utils'
|
|
7
|
-
|
|
8
|
-
const StyledAllergyTitle = styled.div`
|
|
9
|
-
color: ${TEXT_COLOURS.PRIMARY};
|
|
10
|
-
text-align: left;
|
|
11
|
-
`
|
|
12
|
-
|
|
13
|
-
const AllergyTitle: FC<Props> = ({ allergy, ...rest }) => (
|
|
14
|
-
<StyledAllergyTitle {...rest}>{codeableConceptDisplaySummary(allergy.code)}</StyledAllergyTitle>
|
|
15
|
-
)
|
|
16
|
-
|
|
17
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
18
|
-
allergy: AllergyIntolerance
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export default AllergyTitle
|
|
1
|
+
import { FC, HTMLAttributes } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
|
|
4
|
+
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
5
|
+
import { AllergyIntolerance } from '@ltht-react/types'
|
|
6
|
+
import { codeableConceptDisplaySummary } from '@ltht-react/utils'
|
|
7
|
+
|
|
8
|
+
const StyledAllergyTitle = styled.div`
|
|
9
|
+
color: ${TEXT_COLOURS.PRIMARY};
|
|
10
|
+
text-align: left;
|
|
11
|
+
`
|
|
12
|
+
|
|
13
|
+
const AllergyTitle: FC<Props> = ({ allergy, ...rest }) => (
|
|
14
|
+
<StyledAllergyTitle {...rest}>{codeableConceptDisplaySummary(allergy.code)}</StyledAllergyTitle>
|
|
15
|
+
)
|
|
16
|
+
|
|
17
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
18
|
+
allergy: AllergyIntolerance
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export default AllergyTitle
|
package/src/index.tsx
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import AllergySummary from './organisms/allergy-summary'
|
|
2
|
-
|
|
3
|
-
export default AllergySummary
|
|
1
|
+
import AllergySummary from './organisms/allergy-summary'
|
|
2
|
+
|
|
3
|
+
export default AllergySummary
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
|
|
4
|
-
import { AllergyIntolerance } from '@ltht-react/types'
|
|
5
|
-
import { DateSummary, RedactedDescription } from '@ltht-react/type-summary'
|
|
6
|
-
|
|
7
|
-
const StyledRedactedDescription = styled.div`
|
|
8
|
-
flex-grow: 1;
|
|
9
|
-
text-align: left;
|
|
10
|
-
`
|
|
11
|
-
|
|
12
|
-
const StyledDateSummary = styled.div`
|
|
13
|
-
text-align: right;
|
|
14
|
-
`
|
|
15
|
-
|
|
16
|
-
const AllergyRedacted: FC<Props> = ({ allergy, showDates }) => (
|
|
17
|
-
<>
|
|
18
|
-
<StyledRedactedDescription>
|
|
19
|
-
<RedactedDescription />
|
|
20
|
-
</StyledRedactedDescription>
|
|
21
|
-
<StyledDateSummary>{showDates && <DateSummary datetime={allergy?.assertedDate} />}</StyledDateSummary>
|
|
22
|
-
</>
|
|
23
|
-
)
|
|
24
|
-
|
|
25
|
-
interface Props {
|
|
26
|
-
allergy?: AllergyIntolerance | null
|
|
27
|
-
showDates?: boolean
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export default AllergyRedacted
|
|
1
|
+
import { FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
|
|
4
|
+
import { AllergyIntolerance } from '@ltht-react/types'
|
|
5
|
+
import { DateSummary, RedactedDescription } from '@ltht-react/type-summary'
|
|
6
|
+
|
|
7
|
+
const StyledRedactedDescription = styled.div`
|
|
8
|
+
flex-grow: 1;
|
|
9
|
+
text-align: left;
|
|
10
|
+
`
|
|
11
|
+
|
|
12
|
+
const StyledDateSummary = styled.div`
|
|
13
|
+
text-align: right;
|
|
14
|
+
`
|
|
15
|
+
|
|
16
|
+
const AllergyRedacted: FC<Props> = ({ allergy, showDates }) => (
|
|
17
|
+
<>
|
|
18
|
+
<StyledRedactedDescription>
|
|
19
|
+
<RedactedDescription />
|
|
20
|
+
</StyledRedactedDescription>
|
|
21
|
+
<StyledDateSummary>{showDates && <DateSummary datetime={allergy?.assertedDate} />}</StyledDateSummary>
|
|
22
|
+
</>
|
|
23
|
+
)
|
|
24
|
+
|
|
25
|
+
interface Props {
|
|
26
|
+
allergy?: AllergyIntolerance | null
|
|
27
|
+
showDates?: boolean
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export default AllergyRedacted
|
|
@@ -1,68 +1,68 @@
|
|
|
1
|
-
import { FC, HTMLAttributes } from 'react'
|
|
2
|
-
import Styled from '@emotion/styled'
|
|
3
|
-
|
|
4
|
-
import { AllergyIntolerance, AllergyIntoleranceCriticalityCode } from '@ltht-react/types'
|
|
5
|
-
import { DateSummary } from '@ltht-react/type-summary'
|
|
6
|
-
|
|
7
|
-
import Title from '../atoms/allergy-title'
|
|
8
|
-
import Description from '../atoms/allergy-description'
|
|
9
|
-
import Status from '../atoms/allergy-status'
|
|
10
|
-
import Icon from '../atoms/allergy-icon'
|
|
11
|
-
import Redacted from '../molecules/allergy-redacted'
|
|
12
|
-
|
|
13
|
-
const StyledSummary = Styled.div`
|
|
14
|
-
display: flex;
|
|
15
|
-
justify-content: center;
|
|
16
|
-
`
|
|
17
|
-
|
|
18
|
-
const StyledIcon = Styled.div`
|
|
19
|
-
min-width: 1rem;
|
|
20
|
-
`
|
|
21
|
-
|
|
22
|
-
const StyledDescription = Styled.div`
|
|
23
|
-
flex-grow: 1;
|
|
24
|
-
`
|
|
25
|
-
|
|
26
|
-
const StyledDate = Styled.div`
|
|
27
|
-
text-align: right;
|
|
28
|
-
`
|
|
29
|
-
|
|
30
|
-
const AllergySummary: FC<Props> = ({ allergy, showDates = true, ...rest }) => {
|
|
31
|
-
const showIcon =
|
|
32
|
-
allergy.criticality === AllergyIntoleranceCriticalityCode.High ||
|
|
33
|
-
allergy.criticality === AllergyIntoleranceCriticalityCode.Low
|
|
34
|
-
|
|
35
|
-
if (allergy.metadata.isRedacted) {
|
|
36
|
-
return (
|
|
37
|
-
<StyledSummary {...rest}>
|
|
38
|
-
<Redacted allergy={allergy} showDates={showDates} />
|
|
39
|
-
</StyledSummary>
|
|
40
|
-
)
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
return (
|
|
44
|
-
<StyledSummary {...rest}>
|
|
45
|
-
{showIcon && (
|
|
46
|
-
<StyledIcon>
|
|
47
|
-
<Icon criticalityCode={allergy.criticality} />
|
|
48
|
-
</StyledIcon>
|
|
49
|
-
)}
|
|
50
|
-
<StyledDescription>
|
|
51
|
-
<Title allergy={allergy} />
|
|
52
|
-
<Description allergy={allergy} />
|
|
53
|
-
</StyledDescription>
|
|
54
|
-
<StyledDate>
|
|
55
|
-
{showDates && <DateSummary datetime={allergy.assertedDate} />}
|
|
56
|
-
<Status allergy={allergy} />
|
|
57
|
-
</StyledDate>
|
|
58
|
-
</StyledSummary>
|
|
59
|
-
)
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
63
|
-
allergy: AllergyIntolerance
|
|
64
|
-
showDates?: boolean
|
|
65
|
-
enteredInError?: boolean | undefined
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
export default AllergySummary
|
|
1
|
+
import { FC, HTMLAttributes } from 'react'
|
|
2
|
+
import Styled from '@emotion/styled'
|
|
3
|
+
|
|
4
|
+
import { AllergyIntolerance, AllergyIntoleranceCriticalityCode } from '@ltht-react/types'
|
|
5
|
+
import { DateSummary } from '@ltht-react/type-summary'
|
|
6
|
+
|
|
7
|
+
import Title from '../atoms/allergy-title'
|
|
8
|
+
import Description from '../atoms/allergy-description'
|
|
9
|
+
import Status from '../atoms/allergy-status'
|
|
10
|
+
import Icon from '../atoms/allergy-icon'
|
|
11
|
+
import Redacted from '../molecules/allergy-redacted'
|
|
12
|
+
|
|
13
|
+
const StyledSummary = Styled.div`
|
|
14
|
+
display: flex;
|
|
15
|
+
justify-content: center;
|
|
16
|
+
`
|
|
17
|
+
|
|
18
|
+
const StyledIcon = Styled.div`
|
|
19
|
+
min-width: 1rem;
|
|
20
|
+
`
|
|
21
|
+
|
|
22
|
+
const StyledDescription = Styled.div`
|
|
23
|
+
flex-grow: 1;
|
|
24
|
+
`
|
|
25
|
+
|
|
26
|
+
const StyledDate = Styled.div`
|
|
27
|
+
text-align: right;
|
|
28
|
+
`
|
|
29
|
+
|
|
30
|
+
const AllergySummary: FC<Props> = ({ allergy, showDates = true, ...rest }) => {
|
|
31
|
+
const showIcon =
|
|
32
|
+
allergy.criticality === AllergyIntoleranceCriticalityCode.High ||
|
|
33
|
+
allergy.criticality === AllergyIntoleranceCriticalityCode.Low
|
|
34
|
+
|
|
35
|
+
if (allergy.metadata.isRedacted) {
|
|
36
|
+
return (
|
|
37
|
+
<StyledSummary {...rest}>
|
|
38
|
+
<Redacted allergy={allergy} showDates={showDates} />
|
|
39
|
+
</StyledSummary>
|
|
40
|
+
)
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
return (
|
|
44
|
+
<StyledSummary {...rest}>
|
|
45
|
+
{showIcon && (
|
|
46
|
+
<StyledIcon>
|
|
47
|
+
<Icon criticalityCode={allergy.criticality} />
|
|
48
|
+
</StyledIcon>
|
|
49
|
+
)}
|
|
50
|
+
<StyledDescription>
|
|
51
|
+
<Title allergy={allergy} />
|
|
52
|
+
<Description allergy={allergy} />
|
|
53
|
+
</StyledDescription>
|
|
54
|
+
<StyledDate>
|
|
55
|
+
{showDates && <DateSummary datetime={allergy.assertedDate} />}
|
|
56
|
+
<Status allergy={allergy} />
|
|
57
|
+
</StyledDate>
|
|
58
|
+
</StyledSummary>
|
|
59
|
+
)
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
63
|
+
allergy: AllergyIntolerance
|
|
64
|
+
showDates?: boolean
|
|
65
|
+
enteredInError?: boolean | undefined
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
export default AllergySummary
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { FC, HTMLAttributes } from 'react';
|
|
2
|
-
import { AllergyIntolerance } from '@ltht-react/types';
|
|
3
|
-
declare const AllergyDescription: FC<Props>;
|
|
4
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
allergy: AllergyIntolerance;
|
|
6
|
-
}
|
|
7
|
-
export default AllergyDescription;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
-
var t = {};
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
-
t[p[i]] = s[p[i]];
|
|
25
|
-
}
|
|
26
|
-
return t;
|
|
27
|
-
};
|
|
28
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
-
};
|
|
31
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
|
-
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
34
|
-
var styles_1 = require("@ltht-react/styles");
|
|
35
|
-
var utils_1 = require("@ltht-react/utils");
|
|
36
|
-
var StyledAllergyDescription = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n text-align: left;\n font-size: smaller;\n padding-top: 0.25rem;\n"], ["\n color: ", ";\n text-align: left;\n font-size: smaller;\n padding-top: 0.25rem;\n"])), styles_1.TEXT_COLOURS.SECONDARY.VALUE);
|
|
37
|
-
var AllergyDescription = function (_a) {
|
|
38
|
-
var allergy = _a.allergy, rest = __rest(_a, ["allergy"]);
|
|
39
|
-
var values = [];
|
|
40
|
-
var codeSummary = (0, utils_1.codeableConceptCodeSummary)(allergy.code);
|
|
41
|
-
if (codeSummary && codeSummary.length > 0)
|
|
42
|
-
values.push(codeSummary);
|
|
43
|
-
var categorySummary = allergy.category && (0, utils_1.allergyIntoleranceCategoryCodeDisplaySummary)(allergy.category);
|
|
44
|
-
if (categorySummary && categorySummary.length > 0)
|
|
45
|
-
values.push(categorySummary);
|
|
46
|
-
if (allergy.type)
|
|
47
|
-
values.push((0, utils_1.titleCase)(allergy.type));
|
|
48
|
-
return (0, jsx_runtime_1.jsx)(StyledAllergyDescription, __assign({}, rest, { children: values.join(' - ') }));
|
|
49
|
-
};
|
|
50
|
-
exports.default = AllergyDescription;
|
|
51
|
-
var templateObject_1;
|
|
52
|
-
//# sourceMappingURL=allergy-description.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"allergy-description.js","sourceRoot":"","sources":["../../src/atoms/allergy-description.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AAEpC,6CAAiD;AAEjD,2CAAuH;AAEvH,IAAM,wBAAwB,GAAG,gBAAM,CAAC,GAAG,4JAAA,aAChC,EAA4B,0EAItC,KAJU,qBAAY,CAAC,SAAS,CAAC,KAAK,CAItC,CAAA;AAED,IAAM,kBAAkB,GAAc,UAAC,EAAoB;IAAlB,IAAA,OAAO,aAAA,EAAK,IAAI,cAAlB,WAAoB,CAAF;IACvD,IAAM,MAAM,GAAG,EAAE,CAAA;IAEjB,IAAM,WAAW,GAAG,IAAA,kCAA0B,EAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5D,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;QAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAEnE,IAAM,eAAe,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAA,oDAA4C,EAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC1G,IAAI,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC;QAAE,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;IAE/E,IAAI,OAAO,CAAC,IAAI;QAAE,MAAM,CAAC,IAAI,CAAC,IAAA,iBAAS,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAA;IAEtD,OAAO,uBAAC,wBAAwB,eAAK,IAAI,cAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAA4B,CAAA;AAC5F,CAAC,CAAA;AAMD,kBAAe,kBAAkB,CAAA"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
11
|
-
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
12
|
-
var icon_1 = __importDefault(require("@ltht-react/icon"));
|
|
13
|
-
var types_1 = require("@ltht-react/types");
|
|
14
|
-
var StyledExclamationIcon = (0, styled_1.default)(icon_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding-right: 10px;\n"], ["\n padding-right: 10px;\n"])));
|
|
15
|
-
var AllergyIcon = function (_a) {
|
|
16
|
-
var criticalityCode = _a.criticalityCode;
|
|
17
|
-
if (criticalityCode === types_1.AllergyIntoleranceCriticalityCode.High) {
|
|
18
|
-
return (0, jsx_runtime_1.jsx)(StyledExclamationIcon, { type: "exclamation", color: "red", size: "medium" });
|
|
19
|
-
}
|
|
20
|
-
if (criticalityCode && criticalityCode === types_1.AllergyIntoleranceCriticalityCode.Low) {
|
|
21
|
-
return (0, jsx_runtime_1.jsx)(StyledExclamationIcon, { type: "exclamation", color: "amber", size: "medium" });
|
|
22
|
-
}
|
|
23
|
-
return null;
|
|
24
|
-
};
|
|
25
|
-
exports.default = AllergyIcon;
|
|
26
|
-
var templateObject_1;
|
|
27
|
-
//# sourceMappingURL=allergy-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"allergy-icon.js","sourceRoot":"","sources":["../../src/atoms/allergy-icon.tsx"],"names":[],"mappings":";;;;;;;;;;AACA,2DAAoC;AACpC,0DAAmC;AACnC,2CAA4E;AAE5E,IAAM,qBAAqB,GAAG,IAAA,gBAAM,EAAC,cAAI,CAAC,+FAAA,4BAEzC,IAAA,CAAA;AAED,IAAM,WAAW,GAAc,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAC/C,IAAI,eAAe,KAAK,yCAAiC,CAAC,IAAI,EAAE,CAAC;QAC/D,OAAO,uBAAC,qBAAqB,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,GAAG,CAAA;IAC/E,CAAC;IAED,IAAI,eAAe,IAAI,eAAe,KAAK,yCAAiC,CAAC,GAAG,EAAE,CAAC;QACjF,OAAO,uBAAC,qBAAqB,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,GAAG,CAAA;IACjF,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAMD,kBAAe,WAAW,CAAA"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { FC, HTMLAttributes } from 'react';
|
|
2
|
-
import { AllergyIntolerance } from '@ltht-react/types';
|
|
3
|
-
declare const AllergyStatus: FC<Props>;
|
|
4
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
allergy: AllergyIntolerance;
|
|
6
|
-
}
|
|
7
|
-
export default AllergyStatus;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
-
var t = {};
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
-
t[p[i]] = s[p[i]];
|
|
25
|
-
}
|
|
26
|
-
return t;
|
|
27
|
-
};
|
|
28
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
-
};
|
|
31
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
|
-
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
34
|
-
var styles_1 = require("@ltht-react/styles");
|
|
35
|
-
var utils_1 = require("@ltht-react/utils");
|
|
36
|
-
var StyledAllergyStatus = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n text-align: right;\n font-size: smaller;\n padding-top: 0.25rem;\n"], ["\n color: ", ";\n text-align: right;\n font-size: smaller;\n padding-top: 0.25rem;\n"])), styles_1.TEXT_COLOURS.SECONDARY.VALUE);
|
|
37
|
-
var AllergyStatus = function (_a) {
|
|
38
|
-
var allergy = _a.allergy, rest = __rest(_a, ["allergy"]);
|
|
39
|
-
var values = [];
|
|
40
|
-
if (allergy.clinicalStatus)
|
|
41
|
-
values.push((0, utils_1.titleCase)(allergy.clinicalStatus));
|
|
42
|
-
if (allergy.verificationStatus)
|
|
43
|
-
values.push((0, utils_1.titleCase)(allergy.verificationStatus));
|
|
44
|
-
return (0, jsx_runtime_1.jsx)(StyledAllergyStatus, __assign({}, rest, { children: values.join(' - ') }));
|
|
45
|
-
};
|
|
46
|
-
exports.default = AllergyStatus;
|
|
47
|
-
var templateObject_1;
|
|
48
|
-
//# sourceMappingURL=allergy-status.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"allergy-status.js","sourceRoot":"","sources":["../../src/atoms/allergy-status.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AAEpC,6CAAiD;AAEjD,2CAA6C;AAE7C,IAAM,mBAAmB,GAAG,gBAAM,CAAC,GAAG,6JAAA,aAC3B,EAA4B,2EAItC,KAJU,qBAAY,CAAC,SAAS,CAAC,KAAK,CAItC,CAAA;AAED,IAAM,aAAa,GAAc,UAAC,EAAoB;IAAlB,IAAA,OAAO,aAAA,EAAK,IAAI,cAAlB,WAAoB,CAAF;IAClD,IAAM,MAAM,GAAG,EAAE,CAAA;IAEjB,IAAI,OAAO,CAAC,cAAc;QAAE,MAAM,CAAC,IAAI,CAAC,IAAA,iBAAS,EAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAA;IAC1E,IAAI,OAAO,CAAC,kBAAkB;QAAE,MAAM,CAAC,IAAI,CAAC,IAAA,iBAAS,EAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAElF,OAAO,uBAAC,mBAAmB,eAAK,IAAI,cAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAuB,CAAA;AAClF,CAAC,CAAA;AAMD,kBAAe,aAAa,CAAA"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
-
var t = {};
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
-
t[p[i]] = s[p[i]];
|
|
25
|
-
}
|
|
26
|
-
return t;
|
|
27
|
-
};
|
|
28
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
-
};
|
|
31
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
|
-
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
34
|
-
var styles_1 = require("@ltht-react/styles");
|
|
35
|
-
var utils_1 = require("@ltht-react/utils");
|
|
36
|
-
var StyledAllergyTitle = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n text-align: left;\n"], ["\n color: ", ";\n text-align: left;\n"])), styles_1.TEXT_COLOURS.PRIMARY);
|
|
37
|
-
var AllergyTitle = function (_a) {
|
|
38
|
-
var allergy = _a.allergy, rest = __rest(_a, ["allergy"]);
|
|
39
|
-
return ((0, jsx_runtime_1.jsx)(StyledAllergyTitle, __assign({}, rest, { children: (0, utils_1.codeableConceptDisplaySummary)(allergy.code) })));
|
|
40
|
-
};
|
|
41
|
-
exports.default = AllergyTitle;
|
|
42
|
-
var templateObject_1;
|
|
43
|
-
//# sourceMappingURL=allergy-title.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"allergy-title.js","sourceRoot":"","sources":["../../src/atoms/allergy-title.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AAEpC,6CAAiD;AAEjD,2CAAiE;AAEjE,IAAM,kBAAkB,GAAG,gBAAM,CAAC,GAAG,4GAAA,aAC1B,EAAoB,0BAE9B,KAFU,qBAAY,CAAC,OAAO,CAE9B,CAAA;AAED,IAAM,YAAY,GAAc,UAAC,EAAoB;IAAlB,IAAA,OAAO,aAAA,EAAK,IAAI,cAAlB,WAAoB,CAAF;IAAO,OAAA,CACxD,uBAAC,kBAAkB,eAAK,IAAI,cAAG,IAAA,qCAA6B,EAAC,OAAO,CAAC,IAAI,CAAC,IAAsB,CACjG,CAAA;CAAA,CAAA;AAMD,kBAAe,YAAY,CAAA"}
|
package/lib/index.d.ts
DELETED
package/lib/index.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
var allergy_summary_1 = __importDefault(require("./organisms/allergy-summary"));
|
|
7
|
-
exports.default = allergy_summary_1.default;
|
|
8
|
-
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;AAAA,gFAAwD;AAExD,kBAAe,yBAAc,CAAA"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
11
|
-
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
12
|
-
var type_summary_1 = require("@ltht-react/type-summary");
|
|
13
|
-
var StyledRedactedDescription = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex-grow: 1;\n text-align: left;\n"], ["\n flex-grow: 1;\n text-align: left;\n"])));
|
|
14
|
-
var StyledDateSummary = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
15
|
-
var AllergyRedacted = function (_a) {
|
|
16
|
-
var allergy = _a.allergy, showDates = _a.showDates;
|
|
17
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(StyledRedactedDescription, { children: (0, jsx_runtime_1.jsx)(type_summary_1.RedactedDescription, {}) }), (0, jsx_runtime_1.jsx)(StyledDateSummary, { children: showDates && (0, jsx_runtime_1.jsx)(type_summary_1.DateSummary, { datetime: allergy === null || allergy === void 0 ? void 0 : allergy.assertedDate }) })] }));
|
|
18
|
-
};
|
|
19
|
-
exports.default = AllergyRedacted;
|
|
20
|
-
var templateObject_1, templateObject_2;
|
|
21
|
-
//# sourceMappingURL=allergy-redacted.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"allergy-redacted.js","sourceRoot":"","sources":["../../src/molecules/allergy-redacted.tsx"],"names":[],"mappings":";;;;;;;;;;AACA,2DAAoC;AAGpC,yDAA2E;AAE3E,IAAM,yBAAyB,GAAG,gBAAM,CAAC,GAAG,6GAAA,0CAG3C,IAAA,CAAA;AAED,IAAM,iBAAiB,GAAG,gBAAM,CAAC,GAAG,6FAAA,0BAEnC,IAAA,CAAA;AAED,IAAM,eAAe,GAAc,UAAC,EAAsB;QAApB,OAAO,aAAA,EAAE,SAAS,eAAA;IAAO,OAAA,CAC7D,6DACE,uBAAC,yBAAyB,cACxB,uBAAC,kCAAmB,KAAG,GACG,EAC5B,uBAAC,iBAAiB,cAAE,SAAS,IAAI,uBAAC,0BAAW,IAAC,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,GAAI,GAAqB,IACrG,CACJ;AAP8D,CAO9D,CAAA;AAOD,kBAAe,eAAe,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { FC, HTMLAttributes } from 'react';
|
|
2
|
-
import { AllergyIntolerance } from '@ltht-react/types';
|
|
3
|
-
declare const AllergySummary: FC<Props>;
|
|
4
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
allergy: AllergyIntolerance;
|
|
6
|
-
showDates?: boolean;
|
|
7
|
-
enteredInError?: boolean | undefined;
|
|
8
|
-
}
|
|
9
|
-
export default AllergySummary;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
-
var t = {};
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
-
t[p[i]] = s[p[i]];
|
|
25
|
-
}
|
|
26
|
-
return t;
|
|
27
|
-
};
|
|
28
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
-
};
|
|
31
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
|
-
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
34
|
-
var types_1 = require("@ltht-react/types");
|
|
35
|
-
var type_summary_1 = require("@ltht-react/type-summary");
|
|
36
|
-
var allergy_title_1 = __importDefault(require("../atoms/allergy-title"));
|
|
37
|
-
var allergy_description_1 = __importDefault(require("../atoms/allergy-description"));
|
|
38
|
-
var allergy_status_1 = __importDefault(require("../atoms/allergy-status"));
|
|
39
|
-
var allergy_icon_1 = __importDefault(require("../atoms/allergy-icon"));
|
|
40
|
-
var allergy_redacted_1 = __importDefault(require("../molecules/allergy-redacted"));
|
|
41
|
-
var StyledSummary = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n"], ["\n display: flex;\n justify-content: center;\n"])));
|
|
42
|
-
var StyledIcon = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-width: 1rem;\n"], ["\n min-width: 1rem;\n"])));
|
|
43
|
-
var StyledDescription = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-grow: 1;\n"], ["\n flex-grow: 1;\n"])));
|
|
44
|
-
var StyledDate = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
45
|
-
var AllergySummary = function (_a) {
|
|
46
|
-
var allergy = _a.allergy, _b = _a.showDates, showDates = _b === void 0 ? true : _b, rest = __rest(_a, ["allergy", "showDates"]);
|
|
47
|
-
var showIcon = allergy.criticality === types_1.AllergyIntoleranceCriticalityCode.High ||
|
|
48
|
-
allergy.criticality === types_1.AllergyIntoleranceCriticalityCode.Low;
|
|
49
|
-
if (allergy.metadata.isRedacted) {
|
|
50
|
-
return ((0, jsx_runtime_1.jsx)(StyledSummary, __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(allergy_redacted_1.default, { allergy: allergy, showDates: showDates }) })));
|
|
51
|
-
}
|
|
52
|
-
return ((0, jsx_runtime_1.jsxs)(StyledSummary, __assign({}, rest, { children: [showIcon && ((0, jsx_runtime_1.jsx)(StyledIcon, { children: (0, jsx_runtime_1.jsx)(allergy_icon_1.default, { criticalityCode: allergy.criticality }) })), (0, jsx_runtime_1.jsxs)(StyledDescription, { children: [(0, jsx_runtime_1.jsx)(allergy_title_1.default, { allergy: allergy }), (0, jsx_runtime_1.jsx)(allergy_description_1.default, { allergy: allergy })] }), (0, jsx_runtime_1.jsxs)(StyledDate, { children: [showDates && (0, jsx_runtime_1.jsx)(type_summary_1.DateSummary, { datetime: allergy.assertedDate }), (0, jsx_runtime_1.jsx)(allergy_status_1.default, { allergy: allergy })] })] })));
|
|
53
|
-
};
|
|
54
|
-
exports.default = AllergySummary;
|
|
55
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
56
|
-
//# sourceMappingURL=allergy-summary.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"allergy-summary.js","sourceRoot":"","sources":["../../src/organisms/allergy-summary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AAEpC,2CAAyF;AACzF,yDAAsD;AAEtD,yEAA0C;AAC1C,qFAAsD;AACtD,2EAA4C;AAC5C,uEAAwC;AACxC,mFAAoD;AAEpD,IAAM,aAAa,GAAG,gBAAM,CAAC,GAAG,qHAAA,kDAG/B,IAAA,CAAA;AAED,IAAM,UAAU,GAAG,gBAAM,CAAC,GAAG,2FAAA,wBAE5B,IAAA,CAAA;AAED,IAAM,iBAAiB,GAAG,gBAAM,CAAC,GAAG,wFAAA,qBAEnC,IAAA,CAAA;AAED,IAAM,UAAU,GAAG,gBAAM,CAAC,GAAG,6FAAA,0BAE5B,IAAA,CAAA;AAED,IAAM,cAAc,GAAc,UAAC,EAAsC;IAApC,IAAA,OAAO,aAAA,EAAE,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAAK,IAAI,cAApC,wBAAsC,CAAF;IACrE,IAAM,QAAQ,GACZ,OAAO,CAAC,WAAW,KAAK,yCAAiC,CAAC,IAAI;QAC9D,OAAO,CAAC,WAAW,KAAK,yCAAiC,CAAC,GAAG,CAAA;IAE/D,IAAI,OAAO,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QAChC,OAAO,CACL,uBAAC,aAAa,eAAK,IAAI,cACrB,uBAAC,0BAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,IACtC,CACjB,CAAA;IACH,CAAC;IAED,OAAO,CACL,wBAAC,aAAa,eAAK,IAAI,eACpB,QAAQ,IAAI,CACX,uBAAC,UAAU,cACT,uBAAC,sBAAI,IAAC,eAAe,EAAE,OAAO,CAAC,WAAW,GAAI,GACnC,CACd,EACD,wBAAC,iBAAiB,eAChB,uBAAC,uBAAK,IAAC,OAAO,EAAE,OAAO,GAAI,EAC3B,uBAAC,6BAAW,IAAC,OAAO,EAAE,OAAO,GAAI,IACf,EACpB,wBAAC,UAAU,eACR,SAAS,IAAI,uBAAC,0BAAW,IAAC,QAAQ,EAAE,OAAO,CAAC,YAAY,GAAI,EAC7D,uBAAC,wBAAM,IAAC,OAAO,EAAE,OAAO,GAAI,IACjB,KACC,CACjB,CAAA;AACH,CAAC,CAAA;AAQD,kBAAe,cAAc,CAAA"}
|