@ltht-react/involved-team-summary 2.0.190 → 2.0.192
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 +21 -21
- package/package.json +7 -7
- package/src/atoms/involved-team-description.tsx +22 -22
- package/src/atoms/involved-team-title.tsx +23 -23
- package/src/atoms/involved-team-type.tsx +23 -23
- package/src/index.tsx +3 -3
- package/src/molecules/involved-team-redacted.tsx +33 -33
- package/src/organisms/involved-team-summary.tsx +46 -46
package/README.md
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
# Involved Team Summary
|
|
2
|
-
|
|
3
|
-
### Import
|
|
4
|
-
|
|
5
|
-
```js
|
|
6
|
-
import InvolvedTeamSummary from '@ltht-react/involved-team-summary'
|
|
7
|
-
```
|
|
8
|
-
|
|
9
|
-
### Usage
|
|
10
|
-
|
|
11
|
-
```jsx
|
|
12
|
-
<InvolvedTeamSummary title="Involved Teams" episodeOfCares={episodeOfCares} clickHandler={handleClick} />
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
### Properties
|
|
16
|
-
|
|
17
|
-
| Prop | Required | Default | Type | Description |
|
|
18
|
-
| :--------------- | :------- | :------------- | :--------------- | :------------------------------------------------------------------ |
|
|
19
|
-
| `title` | No | Involved Teams | string | Header text |
|
|
20
|
-
| `episodeOfCares` | Yes | | EpisodeOfCares[] | Array of episode of care to display |
|
|
21
|
-
| `clickHandler` | No | undefined | Function | Callback click handler containing the selected episode of care item |
|
|
1
|
+
# Involved Team Summary
|
|
2
|
+
|
|
3
|
+
### Import
|
|
4
|
+
|
|
5
|
+
```js
|
|
6
|
+
import InvolvedTeamSummary from '@ltht-react/involved-team-summary'
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
### Usage
|
|
10
|
+
|
|
11
|
+
```jsx
|
|
12
|
+
<InvolvedTeamSummary title="Involved Teams" episodeOfCares={episodeOfCares} clickHandler={handleClick} />
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### Properties
|
|
16
|
+
|
|
17
|
+
| Prop | Required | Default | Type | Description |
|
|
18
|
+
| :--------------- | :------- | :------------- | :--------------- | :------------------------------------------------------------------ |
|
|
19
|
+
| `title` | No | Involved Teams | string | Header text |
|
|
20
|
+
| `episodeOfCares` | Yes | | EpisodeOfCares[] | Array of episode of care to display |
|
|
21
|
+
| `clickHandler` | No | undefined | Function | Callback click handler containing the selected episode of care item |
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ltht-react/involved-team-summary",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.192",
|
|
4
4
|
"description": "ltht-react clinical InvolvedTeamSummary component.",
|
|
5
5
|
"author": "LTHT",
|
|
6
6
|
"homepage": "",
|
|
@@ -24,12 +24,12 @@
|
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"@emotion/react": "^11.0.0",
|
|
26
26
|
"@emotion/styled": "^11.0.0",
|
|
27
|
-
"@ltht-react/list": "^2.0.
|
|
28
|
-
"@ltht-react/styles": "^2.0.
|
|
29
|
-
"@ltht-react/type-summary": "^2.0.
|
|
30
|
-
"@ltht-react/types": "^2.0.
|
|
31
|
-
"@ltht-react/utils": "^2.0.
|
|
27
|
+
"@ltht-react/list": "^2.0.192",
|
|
28
|
+
"@ltht-react/styles": "^2.0.192",
|
|
29
|
+
"@ltht-react/type-summary": "^2.0.192",
|
|
30
|
+
"@ltht-react/types": "^2.0.192",
|
|
31
|
+
"@ltht-react/utils": "^2.0.192",
|
|
32
32
|
"react": "^18.2.0"
|
|
33
33
|
},
|
|
34
|
-
"gitHead": "
|
|
34
|
+
"gitHead": "d97c241ba79c5e28edb4dec124e156cda6e9af66"
|
|
35
35
|
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { HTMLAttributes, FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
|
|
4
|
-
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
5
|
-
import { EpisodeOfCare } from '@ltht-react/types'
|
|
6
|
-
|
|
7
|
-
const StyledInvolvedTeamDescription = styled.div`
|
|
8
|
-
color: ${TEXT_COLOURS.SECONDARY.VALUE};
|
|
9
|
-
text-align: left;
|
|
10
|
-
font-size: smaller;
|
|
11
|
-
padding-top: 0.25rem;
|
|
12
|
-
`
|
|
13
|
-
|
|
14
|
-
const InvolvedTeamDescription: FC<Props> = ({ episodeOfCare, ...rest }) => (
|
|
15
|
-
<StyledInvolvedTeamDescription {...rest}>{episodeOfCare.careManager?.display}</StyledInvolvedTeamDescription>
|
|
16
|
-
)
|
|
17
|
-
|
|
18
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
19
|
-
episodeOfCare: EpisodeOfCare
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export default InvolvedTeamDescription
|
|
1
|
+
import { HTMLAttributes, FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
|
|
4
|
+
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
5
|
+
import { EpisodeOfCare } from '@ltht-react/types'
|
|
6
|
+
|
|
7
|
+
const StyledInvolvedTeamDescription = styled.div`
|
|
8
|
+
color: ${TEXT_COLOURS.SECONDARY.VALUE};
|
|
9
|
+
text-align: left;
|
|
10
|
+
font-size: smaller;
|
|
11
|
+
padding-top: 0.25rem;
|
|
12
|
+
`
|
|
13
|
+
|
|
14
|
+
const InvolvedTeamDescription: FC<Props> = ({ episodeOfCare, ...rest }) => (
|
|
15
|
+
<StyledInvolvedTeamDescription {...rest}>{episodeOfCare.careManager?.display}</StyledInvolvedTeamDescription>
|
|
16
|
+
)
|
|
17
|
+
|
|
18
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
19
|
+
episodeOfCare: EpisodeOfCare
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export default InvolvedTeamDescription
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { HTMLAttributes, FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
|
|
4
|
-
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
5
|
-
import { EpisodeOfCare } from '@ltht-react/types'
|
|
6
|
-
import { resourceReferenceDisplaySummary } from '@ltht-react/utils'
|
|
7
|
-
|
|
8
|
-
const StyledInvolvedTeamTitle = styled.div`
|
|
9
|
-
color: ${TEXT_COLOURS.PRIMARY};
|
|
10
|
-
text-align: left;
|
|
11
|
-
`
|
|
12
|
-
|
|
13
|
-
const InvolvedTeamTitle: FC<Props> = ({ episodeOfCare, ...rest }) => (
|
|
14
|
-
<StyledInvolvedTeamTitle {...rest}>
|
|
15
|
-
{episodeOfCare.team && resourceReferenceDisplaySummary(episodeOfCare.team)}
|
|
16
|
-
</StyledInvolvedTeamTitle>
|
|
17
|
-
)
|
|
18
|
-
|
|
19
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
20
|
-
episodeOfCare: EpisodeOfCare
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export default InvolvedTeamTitle
|
|
1
|
+
import { HTMLAttributes, FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
|
|
4
|
+
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
5
|
+
import { EpisodeOfCare } from '@ltht-react/types'
|
|
6
|
+
import { resourceReferenceDisplaySummary } from '@ltht-react/utils'
|
|
7
|
+
|
|
8
|
+
const StyledInvolvedTeamTitle = styled.div`
|
|
9
|
+
color: ${TEXT_COLOURS.PRIMARY};
|
|
10
|
+
text-align: left;
|
|
11
|
+
`
|
|
12
|
+
|
|
13
|
+
const InvolvedTeamTitle: FC<Props> = ({ episodeOfCare, ...rest }) => (
|
|
14
|
+
<StyledInvolvedTeamTitle {...rest}>
|
|
15
|
+
{episodeOfCare.team && resourceReferenceDisplaySummary(episodeOfCare.team)}
|
|
16
|
+
</StyledInvolvedTeamTitle>
|
|
17
|
+
)
|
|
18
|
+
|
|
19
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
20
|
+
episodeOfCare: EpisodeOfCare
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export default InvolvedTeamTitle
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { HTMLAttributes, FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
|
|
4
|
-
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
5
|
-
import { EpisodeOfCare } from '@ltht-react/types'
|
|
6
|
-
import { titleCase } from '@ltht-react/utils'
|
|
7
|
-
|
|
8
|
-
const StyledInvolvedTeamType = 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 InvolvedTeamType: FC<Props> = ({ episodeOfCare, ...rest }) => (
|
|
16
|
-
<StyledInvolvedTeamType {...rest}>{titleCase(episodeOfCare.status)}</StyledInvolvedTeamType>
|
|
17
|
-
)
|
|
18
|
-
|
|
19
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
20
|
-
episodeOfCare: EpisodeOfCare
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export default InvolvedTeamType
|
|
1
|
+
import { HTMLAttributes, FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
|
|
4
|
+
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
5
|
+
import { EpisodeOfCare } from '@ltht-react/types'
|
|
6
|
+
import { titleCase } from '@ltht-react/utils'
|
|
7
|
+
|
|
8
|
+
const StyledInvolvedTeamType = 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 InvolvedTeamType: FC<Props> = ({ episodeOfCare, ...rest }) => (
|
|
16
|
+
<StyledInvolvedTeamType {...rest}>{titleCase(episodeOfCare.status)}</StyledInvolvedTeamType>
|
|
17
|
+
)
|
|
18
|
+
|
|
19
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
20
|
+
episodeOfCare: EpisodeOfCare
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export default InvolvedTeamType
|
package/src/index.tsx
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import InvolvedTeamSummary from './organisms/involved-team-summary'
|
|
2
|
-
|
|
3
|
-
export default InvolvedTeamSummary
|
|
1
|
+
import InvolvedTeamSummary from './organisms/involved-team-summary'
|
|
2
|
+
|
|
3
|
+
export default InvolvedTeamSummary
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { HTMLAttributes, FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
|
|
4
|
-
import { EpisodeOfCare } from '@ltht-react/types'
|
|
5
|
-
import { RedactedDescription, PeriodSummary } from '@ltht-react/type-summary'
|
|
6
|
-
|
|
7
|
-
const StyledRedacted = styled.div`
|
|
8
|
-
display: flex;
|
|
9
|
-
`
|
|
10
|
-
const StyledDescription = styled.div`
|
|
11
|
-
flex: 1;
|
|
12
|
-
`
|
|
13
|
-
const StyledDate = styled.div`
|
|
14
|
-
flex: 1;
|
|
15
|
-
text-align: right;
|
|
16
|
-
`
|
|
17
|
-
|
|
18
|
-
const InvolvedTeamRedacted: FC<Props> = ({ episodeOfCare, ...rest }) => (
|
|
19
|
-
<StyledRedacted {...rest}>
|
|
20
|
-
<StyledDescription>
|
|
21
|
-
<RedactedDescription />
|
|
22
|
-
</StyledDescription>
|
|
23
|
-
<StyledDate>
|
|
24
|
-
<PeriodSummary period={episodeOfCare.period} />
|
|
25
|
-
</StyledDate>
|
|
26
|
-
</StyledRedacted>
|
|
27
|
-
)
|
|
28
|
-
|
|
29
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
30
|
-
episodeOfCare: EpisodeOfCare
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
export default InvolvedTeamRedacted
|
|
1
|
+
import { HTMLAttributes, FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
|
|
4
|
+
import { EpisodeOfCare } from '@ltht-react/types'
|
|
5
|
+
import { RedactedDescription, PeriodSummary } from '@ltht-react/type-summary'
|
|
6
|
+
|
|
7
|
+
const StyledRedacted = styled.div`
|
|
8
|
+
display: flex;
|
|
9
|
+
`
|
|
10
|
+
const StyledDescription = styled.div`
|
|
11
|
+
flex: 1;
|
|
12
|
+
`
|
|
13
|
+
const StyledDate = styled.div`
|
|
14
|
+
flex: 1;
|
|
15
|
+
text-align: right;
|
|
16
|
+
`
|
|
17
|
+
|
|
18
|
+
const InvolvedTeamRedacted: FC<Props> = ({ episodeOfCare, ...rest }) => (
|
|
19
|
+
<StyledRedacted {...rest}>
|
|
20
|
+
<StyledDescription>
|
|
21
|
+
<RedactedDescription />
|
|
22
|
+
</StyledDescription>
|
|
23
|
+
<StyledDate>
|
|
24
|
+
<PeriodSummary period={episodeOfCare.period} />
|
|
25
|
+
</StyledDate>
|
|
26
|
+
</StyledRedacted>
|
|
27
|
+
)
|
|
28
|
+
|
|
29
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
30
|
+
episodeOfCare: EpisodeOfCare
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export default InvolvedTeamRedacted
|
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
import { FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
|
|
4
|
-
import { EpisodeOfCare } from '@ltht-react/types'
|
|
5
|
-
import { PeriodSummary } from '@ltht-react/type-summary'
|
|
6
|
-
|
|
7
|
-
import Description from '../atoms/involved-team-description'
|
|
8
|
-
import Type from '../atoms/involved-team-type'
|
|
9
|
-
import Title from '../atoms/involved-team-title'
|
|
10
|
-
import Redacted from '../molecules/involved-team-redacted'
|
|
11
|
-
|
|
12
|
-
const StyledSummary = styled.div`
|
|
13
|
-
display: flex;
|
|
14
|
-
`
|
|
15
|
-
const StyledDescription = styled.div`
|
|
16
|
-
flex: 1;
|
|
17
|
-
`
|
|
18
|
-
const StyledDate = styled.div`
|
|
19
|
-
flex: 1;
|
|
20
|
-
text-align: right;
|
|
21
|
-
`
|
|
22
|
-
|
|
23
|
-
const InvolvedTeamSummary: FC<Props> = ({ episodeOfCare }) => {
|
|
24
|
-
if (episodeOfCare.metadata.isRedacted) {
|
|
25
|
-
return <Redacted episodeOfCare={episodeOfCare} />
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
return (
|
|
29
|
-
<StyledSummary>
|
|
30
|
-
<StyledDescription>
|
|
31
|
-
<Title episodeOfCare={episodeOfCare} />
|
|
32
|
-
<Description episodeOfCare={episodeOfCare} />
|
|
33
|
-
</StyledDescription>
|
|
34
|
-
<StyledDate>
|
|
35
|
-
<PeriodSummary period={episodeOfCare.period} />
|
|
36
|
-
<Type episodeOfCare={episodeOfCare} />
|
|
37
|
-
</StyledDate>
|
|
38
|
-
</StyledSummary>
|
|
39
|
-
)
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
interface Props {
|
|
43
|
-
episodeOfCare: EpisodeOfCare
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
export default InvolvedTeamSummary
|
|
1
|
+
import { FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
|
|
4
|
+
import { EpisodeOfCare } from '@ltht-react/types'
|
|
5
|
+
import { PeriodSummary } from '@ltht-react/type-summary'
|
|
6
|
+
|
|
7
|
+
import Description from '../atoms/involved-team-description'
|
|
8
|
+
import Type from '../atoms/involved-team-type'
|
|
9
|
+
import Title from '../atoms/involved-team-title'
|
|
10
|
+
import Redacted from '../molecules/involved-team-redacted'
|
|
11
|
+
|
|
12
|
+
const StyledSummary = styled.div`
|
|
13
|
+
display: flex;
|
|
14
|
+
`
|
|
15
|
+
const StyledDescription = styled.div`
|
|
16
|
+
flex: 1;
|
|
17
|
+
`
|
|
18
|
+
const StyledDate = styled.div`
|
|
19
|
+
flex: 1;
|
|
20
|
+
text-align: right;
|
|
21
|
+
`
|
|
22
|
+
|
|
23
|
+
const InvolvedTeamSummary: FC<Props> = ({ episodeOfCare }) => {
|
|
24
|
+
if (episodeOfCare.metadata.isRedacted) {
|
|
25
|
+
return <Redacted episodeOfCare={episodeOfCare} />
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
return (
|
|
29
|
+
<StyledSummary>
|
|
30
|
+
<StyledDescription>
|
|
31
|
+
<Title episodeOfCare={episodeOfCare} />
|
|
32
|
+
<Description episodeOfCare={episodeOfCare} />
|
|
33
|
+
</StyledDescription>
|
|
34
|
+
<StyledDate>
|
|
35
|
+
<PeriodSummary period={episodeOfCare.period} />
|
|
36
|
+
<Type episodeOfCare={episodeOfCare} />
|
|
37
|
+
</StyledDate>
|
|
38
|
+
</StyledSummary>
|
|
39
|
+
)
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
interface Props {
|
|
43
|
+
episodeOfCare: EpisodeOfCare
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
export default InvolvedTeamSummary
|