@ltht-react/flag-summary 2.0.192 → 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 +21 -21
- package/package.json +8 -8
- package/src/atoms/flag-description.tsx +30 -30
- package/src/atoms/flag-icon.tsx +28 -28
- package/src/atoms/flag-source.tsx +20 -20
- package/src/atoms/flag-status.tsx +22 -22
- package/src/atoms/flag-text.tsx +24 -24
- package/src/atoms/flag-title.tsx +31 -31
- package/src/index.tsx +3 -3
- package/src/molecules/flag-identifier.tsx +22 -22
- package/src/molecules/flag-redacted.tsx +30 -30
- package/src/organisms/flag-summary.tsx +49 -49
- package/lib/atoms/flag-description.d.ts +0 -7
- package/lib/atoms/flag-description.js +0 -50
- package/lib/atoms/flag-description.js.map +0 -1
- package/lib/atoms/flag-icon.d.ts +0 -7
- package/lib/atoms/flag-icon.js +0 -47
- package/lib/atoms/flag-icon.js.map +0 -1
- package/lib/atoms/flag-source.d.ts +0 -7
- package/lib/atoms/flag-source.js +0 -43
- package/lib/atoms/flag-source.js.map +0 -1
- package/lib/atoms/flag-status.d.ts +0 -7
- package/lib/atoms/flag-status.js +0 -43
- package/lib/atoms/flag-status.js.map +0 -1
- package/lib/atoms/flag-text.d.ts +0 -7
- package/lib/atoms/flag-text.js +0 -43
- package/lib/atoms/flag-text.js.map +0 -1
- package/lib/atoms/flag-title.d.ts +0 -7
- package/lib/atoms/flag-title.js +0 -26
- package/lib/atoms/flag-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/flag-identifier.d.ts +0 -7
- package/lib/molecules/flag-identifier.js +0 -43
- package/lib/molecules/flag-identifier.js.map +0 -1
- package/lib/molecules/flag-redacted.d.ts +0 -7
- package/lib/molecules/flag-redacted.js +0 -21
- package/lib/molecules/flag-redacted.js.map +0 -1
- package/lib/organisms/flag-summary.d.ts +0 -7
- package/lib/organisms/flag-summary.js +0 -50
- package/lib/organisms/flag-summary.js.map +0 -1
package/README.md
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
# Flag Summary
|
|
2
|
-
|
|
3
|
-
### Import
|
|
4
|
-
|
|
5
|
-
```js
|
|
6
|
-
import FlagSummary from '@ltht-react/flag-summary'
|
|
7
|
-
```
|
|
8
|
-
|
|
9
|
-
### Usage
|
|
10
|
-
|
|
11
|
-
```jsx
|
|
12
|
-
<FlagSummary title="Alerts" flags={flags} clickHandler={handleClick} />
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
### Properties
|
|
16
|
-
|
|
17
|
-
| Prop | Required | Default | Type | Description |
|
|
18
|
-
| :------------- | :------- | :----------- | :------- | :------------------------------------------------------- |
|
|
19
|
-
| `title` | No | Flag Summary | string | Header text |
|
|
20
|
-
| `flags` | Yes | | Flag[] | Array of flags to display |
|
|
21
|
-
| `clickHandler` | No | undefined | Function | Callback click handler containing the selected flag item |
|
|
1
|
+
# Flag Summary
|
|
2
|
+
|
|
3
|
+
### Import
|
|
4
|
+
|
|
5
|
+
```js
|
|
6
|
+
import FlagSummary from '@ltht-react/flag-summary'
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
### Usage
|
|
10
|
+
|
|
11
|
+
```jsx
|
|
12
|
+
<FlagSummary title="Alerts" flags={flags} clickHandler={handleClick} />
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### Properties
|
|
16
|
+
|
|
17
|
+
| Prop | Required | Default | Type | Description |
|
|
18
|
+
| :------------- | :------- | :----------- | :------- | :------------------------------------------------------- |
|
|
19
|
+
| `title` | No | Flag Summary | string | Header text |
|
|
20
|
+
| `flags` | Yes | | Flag[] | Array of flags to display |
|
|
21
|
+
| `clickHandler` | No | undefined | Function | Callback click handler containing the selected flag item |
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ltht-react/flag-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,30 +1,30 @@
|
|
|
1
|
-
import { HTMLAttributes, FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
4
|
-
import { Flag } from '@ltht-react/types'
|
|
5
|
-
import { codeableConceptDisplaySummary, codeableConceptCodeSummary } from '@ltht-react/utils'
|
|
6
|
-
|
|
7
|
-
const StyledFlagDescription = 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 FlagDescription: FC<Props> = ({ flag: { code, category }, ...rest }) => {
|
|
15
|
-
const values = []
|
|
16
|
-
|
|
17
|
-
const codeSummary = codeableConceptCodeSummary(code)
|
|
18
|
-
if (codeSummary && codeSummary.length > 0) values.push(codeSummary)
|
|
19
|
-
|
|
20
|
-
const categorySummary = category && codeableConceptDisplaySummary(category)
|
|
21
|
-
if (categorySummary && categorySummary.length > 0) values.push(categorySummary)
|
|
22
|
-
|
|
23
|
-
return <StyledFlagDescription {...rest}>{values.join(' - ')}</StyledFlagDescription>
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
27
|
-
flag: Flag
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export default FlagDescription
|
|
1
|
+
import { HTMLAttributes, FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
4
|
+
import { Flag } from '@ltht-react/types'
|
|
5
|
+
import { codeableConceptDisplaySummary, codeableConceptCodeSummary } from '@ltht-react/utils'
|
|
6
|
+
|
|
7
|
+
const StyledFlagDescription = 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 FlagDescription: FC<Props> = ({ flag: { code, category }, ...rest }) => {
|
|
15
|
+
const values = []
|
|
16
|
+
|
|
17
|
+
const codeSummary = codeableConceptCodeSummary(code)
|
|
18
|
+
if (codeSummary && codeSummary.length > 0) values.push(codeSummary)
|
|
19
|
+
|
|
20
|
+
const categorySummary = category && codeableConceptDisplaySummary(category)
|
|
21
|
+
if (categorySummary && categorySummary.length > 0) values.push(categorySummary)
|
|
22
|
+
|
|
23
|
+
return <StyledFlagDescription {...rest}>{values.join(' - ')}</StyledFlagDescription>
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
27
|
+
flag: Flag
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export default FlagDescription
|
package/src/atoms/flag-icon.tsx
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { FC, HTMLAttributes } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
import Icon from '@ltht-react/icon'
|
|
4
|
-
import { getStringExtension } from '@ltht-react/utils'
|
|
5
|
-
import { Flag } from '@ltht-react/types'
|
|
6
|
-
|
|
7
|
-
const StyledFlagIcon = styled.div`
|
|
8
|
-
margin-bottom: 0px;
|
|
9
|
-
`
|
|
10
|
-
|
|
11
|
-
const FlagIcon: FC<Props> = ({ flag: { extension, ...rest } }) => {
|
|
12
|
-
const ext = getStringExtension(extension, 'https://leedsth.nhs.uk/alert/priority')
|
|
13
|
-
if (ext === 'High') {
|
|
14
|
-
return (
|
|
15
|
-
<StyledFlagIcon {...rest}>
|
|
16
|
-
<Icon type="exclamation" color="red" size="medium" />
|
|
17
|
-
</StyledFlagIcon>
|
|
18
|
-
)
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
return <></>
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
25
|
-
flag: Flag
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export default FlagIcon
|
|
1
|
+
import { FC, HTMLAttributes } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
import Icon from '@ltht-react/icon'
|
|
4
|
+
import { getStringExtension } from '@ltht-react/utils'
|
|
5
|
+
import { Flag } from '@ltht-react/types'
|
|
6
|
+
|
|
7
|
+
const StyledFlagIcon = styled.div`
|
|
8
|
+
margin-bottom: 0px;
|
|
9
|
+
`
|
|
10
|
+
|
|
11
|
+
const FlagIcon: FC<Props> = ({ flag: { extension, ...rest } }) => {
|
|
12
|
+
const ext = getStringExtension(extension, 'https://leedsth.nhs.uk/alert/priority')
|
|
13
|
+
if (ext === 'High') {
|
|
14
|
+
return (
|
|
15
|
+
<StyledFlagIcon {...rest}>
|
|
16
|
+
<Icon type="exclamation" color="red" size="medium" />
|
|
17
|
+
</StyledFlagIcon>
|
|
18
|
+
)
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
return <></>
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
25
|
+
flag: Flag
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export default FlagIcon
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { HTMLAttributes, FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
4
|
-
import { Flag } from '@ltht-react/types'
|
|
5
|
-
import { metadataSourceSummaryText } from '@ltht-react/utils'
|
|
6
|
-
|
|
7
|
-
const StyledFlagSource = styled.div`
|
|
8
|
-
color: ${TEXT_COLOURS.SECONDARY};
|
|
9
|
-
text-align: right;
|
|
10
|
-
`
|
|
11
|
-
|
|
12
|
-
const FlagSource: FC<Props> = ({ flag: { metadata }, ...rest }) => (
|
|
13
|
-
<StyledFlagSource {...rest}>{metadataSourceSummaryText(metadata)}</StyledFlagSource>
|
|
14
|
-
)
|
|
15
|
-
|
|
16
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
17
|
-
flag: Flag
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export default FlagSource
|
|
1
|
+
import { HTMLAttributes, FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
4
|
+
import { Flag } from '@ltht-react/types'
|
|
5
|
+
import { metadataSourceSummaryText } from '@ltht-react/utils'
|
|
6
|
+
|
|
7
|
+
const StyledFlagSource = styled.div`
|
|
8
|
+
color: ${TEXT_COLOURS.SECONDARY};
|
|
9
|
+
text-align: right;
|
|
10
|
+
`
|
|
11
|
+
|
|
12
|
+
const FlagSource: FC<Props> = ({ flag: { metadata }, ...rest }) => (
|
|
13
|
+
<StyledFlagSource {...rest}>{metadataSourceSummaryText(metadata)}</StyledFlagSource>
|
|
14
|
+
)
|
|
15
|
+
|
|
16
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
17
|
+
flag: Flag
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export default FlagSource
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { HTMLAttributes, FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
4
|
-
import { Flag } from '@ltht-react/types'
|
|
5
|
-
import { titleCase } from '@ltht-react/utils'
|
|
6
|
-
|
|
7
|
-
const StyledFlagStatus = styled.div`
|
|
8
|
-
color: ${TEXT_COLOURS.SECONDARY.VALUE};
|
|
9
|
-
text-align: right;
|
|
10
|
-
font-size: smaller;
|
|
11
|
-
padding-top: 0.25rem;
|
|
12
|
-
`
|
|
13
|
-
|
|
14
|
-
const FlagStatus: FC<Props> = ({ flag: { status }, ...rest }) => (
|
|
15
|
-
<StyledFlagStatus {...rest}>{titleCase(status)}</StyledFlagStatus>
|
|
16
|
-
)
|
|
17
|
-
|
|
18
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
19
|
-
flag: Flag
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export default FlagStatus
|
|
1
|
+
import { HTMLAttributes, FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
4
|
+
import { Flag } from '@ltht-react/types'
|
|
5
|
+
import { titleCase } from '@ltht-react/utils'
|
|
6
|
+
|
|
7
|
+
const StyledFlagStatus = styled.div`
|
|
8
|
+
color: ${TEXT_COLOURS.SECONDARY.VALUE};
|
|
9
|
+
text-align: right;
|
|
10
|
+
font-size: smaller;
|
|
11
|
+
padding-top: 0.25rem;
|
|
12
|
+
`
|
|
13
|
+
|
|
14
|
+
const FlagStatus: FC<Props> = ({ flag: { status }, ...rest }) => (
|
|
15
|
+
<StyledFlagStatus {...rest}>{titleCase(status)}</StyledFlagStatus>
|
|
16
|
+
)
|
|
17
|
+
|
|
18
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
19
|
+
flag: Flag
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export default FlagStatus
|
package/src/atoms/flag-text.tsx
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { HTMLAttributes, FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
4
|
-
import { Flag } from '@ltht-react/types'
|
|
5
|
-
import { NarrativeSummary } from '@ltht-react/type-summary'
|
|
6
|
-
|
|
7
|
-
const StyledFlagText = 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 FlagText: FC<Props> = ({ flag: { text }, ...rest }) => (
|
|
15
|
-
<StyledFlagText {...rest}>
|
|
16
|
-
<NarrativeSummary narrative={text} showIfEmpty={false} truncate />
|
|
17
|
-
</StyledFlagText>
|
|
18
|
-
)
|
|
19
|
-
|
|
20
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
21
|
-
flag: Flag
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export default FlagText
|
|
1
|
+
import { HTMLAttributes, FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
4
|
+
import { Flag } from '@ltht-react/types'
|
|
5
|
+
import { NarrativeSummary } from '@ltht-react/type-summary'
|
|
6
|
+
|
|
7
|
+
const StyledFlagText = 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 FlagText: FC<Props> = ({ flag: { text }, ...rest }) => (
|
|
15
|
+
<StyledFlagText {...rest}>
|
|
16
|
+
<NarrativeSummary narrative={text} showIfEmpty={false} truncate />
|
|
17
|
+
</StyledFlagText>
|
|
18
|
+
)
|
|
19
|
+
|
|
20
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
21
|
+
flag: Flag
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export default FlagText
|
package/src/atoms/flag-title.tsx
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { HTMLAttributes, FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
4
|
-
import { Flag } from '@ltht-react/types'
|
|
5
|
-
import { codeableConceptDisplaySummary, getStringExtension } from '@ltht-react/utils'
|
|
6
|
-
|
|
7
|
-
const StyledFlagTitle = styled.div<IStyledFlagTitleProps>`
|
|
8
|
-
color: ${TEXT_COLOURS.PRIMARY};
|
|
9
|
-
text-align: left;
|
|
10
|
-
${(props) =>
|
|
11
|
-
props.priority === 'High' &&
|
|
12
|
-
`
|
|
13
|
-
padding-left:2px;
|
|
14
|
-
color: ${TEXT_COLOURS.DANGER};
|
|
15
|
-
`}
|
|
16
|
-
`
|
|
17
|
-
|
|
18
|
-
const FlagTitle: FC<Props> = ({ flag: { code, extension } }) => {
|
|
19
|
-
const ext = getStringExtension(extension, 'https://leedsth.nhs.uk/alert/priority') ?? ''
|
|
20
|
-
return <StyledFlagTitle priority={ext}>{codeableConceptDisplaySummary(code)}</StyledFlagTitle>
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
24
|
-
flag: Flag
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
interface IStyledFlagTitleProps {
|
|
28
|
-
priority: string
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
export default FlagTitle
|
|
1
|
+
import { HTMLAttributes, FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
4
|
+
import { Flag } from '@ltht-react/types'
|
|
5
|
+
import { codeableConceptDisplaySummary, getStringExtension } from '@ltht-react/utils'
|
|
6
|
+
|
|
7
|
+
const StyledFlagTitle = styled.div<IStyledFlagTitleProps>`
|
|
8
|
+
color: ${TEXT_COLOURS.PRIMARY};
|
|
9
|
+
text-align: left;
|
|
10
|
+
${(props) =>
|
|
11
|
+
props.priority === 'High' &&
|
|
12
|
+
`
|
|
13
|
+
padding-left:2px;
|
|
14
|
+
color: ${TEXT_COLOURS.DANGER};
|
|
15
|
+
`}
|
|
16
|
+
`
|
|
17
|
+
|
|
18
|
+
const FlagTitle: FC<Props> = ({ flag: { code, extension } }) => {
|
|
19
|
+
const ext = getStringExtension(extension, 'https://leedsth.nhs.uk/alert/priority') ?? ''
|
|
20
|
+
return <StyledFlagTitle priority={ext}>{codeableConceptDisplaySummary(code)}</StyledFlagTitle>
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
24
|
+
flag: Flag
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
interface IStyledFlagTitleProps {
|
|
28
|
+
priority: string
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export default FlagTitle
|
package/src/index.tsx
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import FlagSummary from './organisms/flag-summary'
|
|
2
|
-
|
|
3
|
-
export default FlagSummary
|
|
1
|
+
import FlagSummary from './organisms/flag-summary'
|
|
2
|
+
|
|
3
|
+
export default FlagSummary
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { HTMLAttributes, FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
import { Flag } from '@ltht-react/types'
|
|
4
|
-
import Icon from '../atoms/flag-icon'
|
|
5
|
-
import Title from '../atoms/flag-title'
|
|
6
|
-
|
|
7
|
-
const StyledFlagIdentifier = styled.div`
|
|
8
|
-
flex-grow: 1;
|
|
9
|
-
display: inline-flex;
|
|
10
|
-
`
|
|
11
|
-
|
|
12
|
-
const FlagIdentifier: FC<Props> = ({ flag, ...rest }) => (
|
|
13
|
-
<StyledFlagIdentifier {...rest}>
|
|
14
|
-
<Icon flag={flag} />
|
|
15
|
-
<Title flag={flag} />
|
|
16
|
-
</StyledFlagIdentifier>
|
|
17
|
-
)
|
|
18
|
-
|
|
19
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
20
|
-
flag: Flag
|
|
21
|
-
}
|
|
22
|
-
export default FlagIdentifier
|
|
1
|
+
import { HTMLAttributes, FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
import { Flag } from '@ltht-react/types'
|
|
4
|
+
import Icon from '../atoms/flag-icon'
|
|
5
|
+
import Title from '../atoms/flag-title'
|
|
6
|
+
|
|
7
|
+
const StyledFlagIdentifier = styled.div`
|
|
8
|
+
flex-grow: 1;
|
|
9
|
+
display: inline-flex;
|
|
10
|
+
`
|
|
11
|
+
|
|
12
|
+
const FlagIdentifier: FC<Props> = ({ flag, ...rest }) => (
|
|
13
|
+
<StyledFlagIdentifier {...rest}>
|
|
14
|
+
<Icon flag={flag} />
|
|
15
|
+
<Title flag={flag} />
|
|
16
|
+
</StyledFlagIdentifier>
|
|
17
|
+
)
|
|
18
|
+
|
|
19
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
20
|
+
flag: Flag
|
|
21
|
+
}
|
|
22
|
+
export default FlagIdentifier
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { FC } from 'react'
|
|
2
|
-
import styled from '@emotion/styled'
|
|
3
|
-
import { Flag } from '@ltht-react/types'
|
|
4
|
-
import { RedactedDescription, PeriodSummary } from '@ltht-react/type-summary'
|
|
5
|
-
|
|
6
|
-
const StyledRedactedDescription = styled.div`
|
|
7
|
-
flex-grow: 1;
|
|
8
|
-
text-align: left;
|
|
9
|
-
`
|
|
10
|
-
|
|
11
|
-
const StyledPeriodSummary = styled.div`
|
|
12
|
-
text-align: right;
|
|
13
|
-
`
|
|
14
|
-
|
|
15
|
-
const FlagRedacted: FC<Props> = ({ flag: { period } }) => (
|
|
16
|
-
<>
|
|
17
|
-
<StyledRedactedDescription>
|
|
18
|
-
<RedactedDescription />
|
|
19
|
-
</StyledRedactedDescription>
|
|
20
|
-
<StyledPeriodSummary>
|
|
21
|
-
<PeriodSummary period={period} />
|
|
22
|
-
</StyledPeriodSummary>
|
|
23
|
-
</>
|
|
24
|
-
)
|
|
25
|
-
|
|
26
|
-
interface Props {
|
|
27
|
-
flag: Flag
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export default FlagRedacted
|
|
1
|
+
import { FC } from 'react'
|
|
2
|
+
import styled from '@emotion/styled'
|
|
3
|
+
import { Flag } from '@ltht-react/types'
|
|
4
|
+
import { RedactedDescription, PeriodSummary } from '@ltht-react/type-summary'
|
|
5
|
+
|
|
6
|
+
const StyledRedactedDescription = styled.div`
|
|
7
|
+
flex-grow: 1;
|
|
8
|
+
text-align: left;
|
|
9
|
+
`
|
|
10
|
+
|
|
11
|
+
const StyledPeriodSummary = styled.div`
|
|
12
|
+
text-align: right;
|
|
13
|
+
`
|
|
14
|
+
|
|
15
|
+
const FlagRedacted: FC<Props> = ({ flag: { period } }) => (
|
|
16
|
+
<>
|
|
17
|
+
<StyledRedactedDescription>
|
|
18
|
+
<RedactedDescription />
|
|
19
|
+
</StyledRedactedDescription>
|
|
20
|
+
<StyledPeriodSummary>
|
|
21
|
+
<PeriodSummary period={period} />
|
|
22
|
+
</StyledPeriodSummary>
|
|
23
|
+
</>
|
|
24
|
+
)
|
|
25
|
+
|
|
26
|
+
interface Props {
|
|
27
|
+
flag: Flag
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export default FlagRedacted
|
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import { HTMLAttributes, FC } from 'react'
|
|
2
|
-
import Styled from '@emotion/styled'
|
|
3
|
-
|
|
4
|
-
import { Flag } from '@ltht-react/types'
|
|
5
|
-
import { PeriodSummary } from '@ltht-react/type-summary'
|
|
6
|
-
|
|
7
|
-
import Text from '../atoms/flag-text'
|
|
8
|
-
import Identifier from '../molecules/flag-identifier'
|
|
9
|
-
import Redacted from '../molecules/flag-redacted'
|
|
10
|
-
|
|
11
|
-
const StyledSummary = Styled.div`
|
|
12
|
-
display: flex;
|
|
13
|
-
flex-wrap: wrap;
|
|
14
|
-
justify-content: center;
|
|
15
|
-
`
|
|
16
|
-
const StyledDate = Styled.div`
|
|
17
|
-
text-align: right;
|
|
18
|
-
`
|
|
19
|
-
const StyledText = Styled.div`
|
|
20
|
-
flex-basis: 100%;
|
|
21
|
-
`
|
|
22
|
-
|
|
23
|
-
const FlagSummary: FC<Props> = ({ flag, ...rest }) => {
|
|
24
|
-
if (flag.metadata.isRedacted) {
|
|
25
|
-
return (
|
|
26
|
-
<StyledSummary {...rest}>
|
|
27
|
-
<Redacted flag={flag} />
|
|
28
|
-
</StyledSummary>
|
|
29
|
-
)
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
return (
|
|
33
|
-
<StyledSummary {...rest}>
|
|
34
|
-
<Identifier flag={flag} />
|
|
35
|
-
<StyledDate>
|
|
36
|
-
<PeriodSummary period={flag.period} />
|
|
37
|
-
</StyledDate>
|
|
38
|
-
<StyledText>
|
|
39
|
-
<Text flag={flag} />
|
|
40
|
-
</StyledText>
|
|
41
|
-
</StyledSummary>
|
|
42
|
-
)
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
46
|
-
flag: Flag
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
export default FlagSummary
|
|
1
|
+
import { HTMLAttributes, FC } from 'react'
|
|
2
|
+
import Styled from '@emotion/styled'
|
|
3
|
+
|
|
4
|
+
import { Flag } from '@ltht-react/types'
|
|
5
|
+
import { PeriodSummary } from '@ltht-react/type-summary'
|
|
6
|
+
|
|
7
|
+
import Text from '../atoms/flag-text'
|
|
8
|
+
import Identifier from '../molecules/flag-identifier'
|
|
9
|
+
import Redacted from '../molecules/flag-redacted'
|
|
10
|
+
|
|
11
|
+
const StyledSummary = Styled.div`
|
|
12
|
+
display: flex;
|
|
13
|
+
flex-wrap: wrap;
|
|
14
|
+
justify-content: center;
|
|
15
|
+
`
|
|
16
|
+
const StyledDate = Styled.div`
|
|
17
|
+
text-align: right;
|
|
18
|
+
`
|
|
19
|
+
const StyledText = Styled.div`
|
|
20
|
+
flex-basis: 100%;
|
|
21
|
+
`
|
|
22
|
+
|
|
23
|
+
const FlagSummary: FC<Props> = ({ flag, ...rest }) => {
|
|
24
|
+
if (flag.metadata.isRedacted) {
|
|
25
|
+
return (
|
|
26
|
+
<StyledSummary {...rest}>
|
|
27
|
+
<Redacted flag={flag} />
|
|
28
|
+
</StyledSummary>
|
|
29
|
+
)
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
return (
|
|
33
|
+
<StyledSummary {...rest}>
|
|
34
|
+
<Identifier flag={flag} />
|
|
35
|
+
<StyledDate>
|
|
36
|
+
<PeriodSummary period={flag.period} />
|
|
37
|
+
</StyledDate>
|
|
38
|
+
<StyledText>
|
|
39
|
+
<Text flag={flag} />
|
|
40
|
+
</StyledText>
|
|
41
|
+
</StyledSummary>
|
|
42
|
+
)
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
46
|
+
flag: Flag
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export default FlagSummary
|
|
@@ -1,50 +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 StyledFlagDescription = 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 FlagDescription = function (_a) {
|
|
38
|
-
var _b = _a.flag, code = _b.code, category = _b.category, rest = __rest(_a, ["flag"]);
|
|
39
|
-
var values = [];
|
|
40
|
-
var codeSummary = (0, utils_1.codeableConceptCodeSummary)(code);
|
|
41
|
-
if (codeSummary && codeSummary.length > 0)
|
|
42
|
-
values.push(codeSummary);
|
|
43
|
-
var categorySummary = category && (0, utils_1.codeableConceptDisplaySummary)(category);
|
|
44
|
-
if (categorySummary && categorySummary.length > 0)
|
|
45
|
-
values.push(categorySummary);
|
|
46
|
-
return (0, jsx_runtime_1.jsx)(StyledFlagDescription, __assign({}, rest, { children: values.join(' - ') }));
|
|
47
|
-
};
|
|
48
|
-
exports.default = FlagDescription;
|
|
49
|
-
var templateObject_1;
|
|
50
|
-
//# sourceMappingURL=flag-description.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"flag-description.js","sourceRoot":"","sources":["../../src/atoms/flag-description.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AACpC,6CAAiD;AAEjD,2CAA6F;AAE7F,IAAM,qBAAqB,GAAG,gBAAM,CAAC,GAAG,4JAAA,aAC7B,EAA4B,0EAItC,KAJU,qBAAY,CAAC,SAAS,CAAC,KAAK,CAItC,CAAA;AAED,IAAM,eAAe,GAAc,UAAC,EAAqC;IAAnC,IAAA,YAAwB,EAAhB,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAO,IAAI,cAAnC,QAAqC,CAAF;IACrE,IAAM,MAAM,GAAG,EAAE,CAAA;IAEjB,IAAM,WAAW,GAAG,IAAA,kCAA0B,EAAC,IAAI,CAAC,CAAA;IACpD,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC;QAAE,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAEnE,IAAM,eAAe,GAAG,QAAQ,IAAI,IAAA,qCAA6B,EAAC,QAAQ,CAAC,CAAA;IAC3E,IAAI,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC;QAAE,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;IAE/E,OAAO,uBAAC,qBAAqB,eAAK,IAAI,cAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAyB,CAAA;AACtF,CAAC,CAAA;AAMD,kBAAe,eAAe,CAAA"}
|
package/lib/atoms/flag-icon.d.ts
DELETED
package/lib/atoms/flag-icon.js
DELETED
|
@@ -1,47 +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 icon_1 = __importDefault(require("@ltht-react/icon"));
|
|
35
|
-
var utils_1 = require("@ltht-react/utils");
|
|
36
|
-
var StyledFlagIcon = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: 0px;\n"], ["\n margin-bottom: 0px;\n"])));
|
|
37
|
-
var FlagIcon = function (_a) {
|
|
38
|
-
var _b = _a.flag, extension = _b.extension, rest = __rest(_b, ["extension"]);
|
|
39
|
-
var ext = (0, utils_1.getStringExtension)(extension, 'https://leedsth.nhs.uk/alert/priority');
|
|
40
|
-
if (ext === 'High') {
|
|
41
|
-
return ((0, jsx_runtime_1.jsx)(StyledFlagIcon, __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(icon_1.default, { type: "exclamation", color: "red", size: "medium" }) })));
|
|
42
|
-
}
|
|
43
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
44
|
-
};
|
|
45
|
-
exports.default = FlagIcon;
|
|
46
|
-
var templateObject_1;
|
|
47
|
-
//# sourceMappingURL=flag-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"flag-icon.js","sourceRoot":"","sources":["../../src/atoms/flag-icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AACpC,0DAAmC;AACnC,2CAAsD;AAGtD,IAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,8FAAA,2BAEhC,IAAA,CAAA;AAED,IAAM,QAAQ,GAAc,UAAC,EAAgC;QAA9B,YAA4B,EAApB,SAAS,eAAA,EAAK,IAAI,cAApB,aAAsB,CAAF;IACvD,IAAM,GAAG,GAAG,IAAA,0BAAkB,EAAC,SAAS,EAAE,uCAAuC,CAAC,CAAA;IAClF,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;QACnB,OAAO,CACL,uBAAC,cAAc,eAAK,IAAI,cACtB,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,GAAG,IACtC,CAClB,CAAA;IACH,CAAC;IAED,OAAO,kDAAK,CAAA;AACd,CAAC,CAAA;AAMD,kBAAe,QAAQ,CAAA"}
|
package/lib/atoms/flag-source.js
DELETED
|
@@ -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 StyledFlagSource = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n text-align: right;\n"], ["\n color: ", ";\n text-align: right;\n"])), styles_1.TEXT_COLOURS.SECONDARY);
|
|
37
|
-
var FlagSource = function (_a) {
|
|
38
|
-
var metadata = _a.flag.metadata, rest = __rest(_a, ["flag"]);
|
|
39
|
-
return ((0, jsx_runtime_1.jsx)(StyledFlagSource, __assign({}, rest, { children: (0, utils_1.metadataSourceSummaryText)(metadata) })));
|
|
40
|
-
};
|
|
41
|
-
exports.default = FlagSource;
|
|
42
|
-
var templateObject_1;
|
|
43
|
-
//# sourceMappingURL=flag-source.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"flag-source.js","sourceRoot":"","sources":["../../src/atoms/flag-source.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AACpC,6CAAiD;AAEjD,2CAA6D;AAE7D,IAAM,gBAAgB,GAAG,gBAAM,CAAC,GAAG,6GAAA,aACxB,EAAsB,2BAEhC,KAFU,qBAAY,CAAC,SAAS,CAEhC,CAAA;AAED,IAAM,UAAU,GAAc,UAAC,EAA+B;IAArB,IAAA,QAAQ,mBAAA,EAAO,IAAI,cAA7B,QAA+B,CAAF;IAAO,OAAA,CACjE,uBAAC,gBAAgB,eAAK,IAAI,cAAG,IAAA,iCAAyB,EAAC,QAAQ,CAAC,IAAoB,CACrF,CAAA;CAAA,CAAA;AAMD,kBAAe,UAAU,CAAA"}
|
package/lib/atoms/flag-status.js
DELETED
|
@@ -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 StyledFlagStatus = 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 FlagStatus = function (_a) {
|
|
38
|
-
var status = _a.flag.status, rest = __rest(_a, ["flag"]);
|
|
39
|
-
return ((0, jsx_runtime_1.jsx)(StyledFlagStatus, __assign({}, rest, { children: (0, utils_1.titleCase)(status) })));
|
|
40
|
-
};
|
|
41
|
-
exports.default = FlagStatus;
|
|
42
|
-
var templateObject_1;
|
|
43
|
-
//# sourceMappingURL=flag-status.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"flag-status.js","sourceRoot":"","sources":["../../src/atoms/flag-status.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AACpC,6CAAiD;AAEjD,2CAA6C;AAE7C,IAAM,gBAAgB,GAAG,gBAAM,CAAC,GAAG,6JAAA,aACxB,EAA4B,2EAItC,KAJU,qBAAY,CAAC,SAAS,CAAC,KAAK,CAItC,CAAA;AAED,IAAM,UAAU,GAAc,UAAC,EAA6B;IAAnB,IAAA,MAAM,iBAAA,EAAO,IAAI,cAA3B,QAA6B,CAAF;IAAO,OAAA,CAC/D,uBAAC,gBAAgB,eAAK,IAAI,cAAG,IAAA,iBAAS,EAAC,MAAM,CAAC,IAAoB,CACnE,CAAA;CAAA,CAAA;AAMD,kBAAe,UAAU,CAAA"}
|
package/lib/atoms/flag-text.d.ts
DELETED
package/lib/atoms/flag-text.js
DELETED
|
@@ -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 type_summary_1 = require("@ltht-react/type-summary");
|
|
36
|
-
var StyledFlagText = 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 FlagText = function (_a) {
|
|
38
|
-
var text = _a.flag.text, rest = __rest(_a, ["flag"]);
|
|
39
|
-
return ((0, jsx_runtime_1.jsx)(StyledFlagText, __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(type_summary_1.NarrativeSummary, { narrative: text, showIfEmpty: false, truncate: true }) })));
|
|
40
|
-
};
|
|
41
|
-
exports.default = FlagText;
|
|
42
|
-
var templateObject_1;
|
|
43
|
-
//# sourceMappingURL=flag-text.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"flag-text.js","sourceRoot":"","sources":["../../src/atoms/flag-text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AACpC,6CAAiD;AAEjD,yDAA2D;AAE3D,IAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,4JAAA,aACtB,EAA4B,0EAItC,KAJU,qBAAY,CAAC,SAAS,CAAC,KAAK,CAItC,CAAA;AAED,IAAM,QAAQ,GAAc,UAAC,EAA2B;IAAjB,IAAA,IAAI,eAAA,EAAO,IAAI,cAAzB,QAA2B,CAAF;IAAO,OAAA,CAC3D,uBAAC,cAAc,eAAK,IAAI,cACtB,uBAAC,+BAAgB,IAAC,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,SAAG,IACnD,CAClB,CAAA;CAAA,CAAA;AAMD,kBAAe,QAAQ,CAAA"}
|
package/lib/atoms/flag-title.js
DELETED
|
@@ -1,26 +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 styles_1 = require("@ltht-react/styles");
|
|
13
|
-
var utils_1 = require("@ltht-react/utils");
|
|
14
|
-
var StyledFlagTitle = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n text-align: left;\n ", "\n"], ["\n color: ", ";\n text-align: left;\n ", "\n"])), styles_1.TEXT_COLOURS.PRIMARY, function (props) {
|
|
15
|
-
return props.priority === 'High' &&
|
|
16
|
-
"\n padding-left:2px;\n color: ".concat(styles_1.TEXT_COLOURS.DANGER, ";\n");
|
|
17
|
-
});
|
|
18
|
-
var FlagTitle = function (_a) {
|
|
19
|
-
var _b;
|
|
20
|
-
var _c = _a.flag, code = _c.code, extension = _c.extension;
|
|
21
|
-
var ext = (_b = (0, utils_1.getStringExtension)(extension, 'https://leedsth.nhs.uk/alert/priority')) !== null && _b !== void 0 ? _b : '';
|
|
22
|
-
return (0, jsx_runtime_1.jsx)(StyledFlagTitle, { priority: ext, children: (0, utils_1.codeableConceptDisplaySummary)(code) });
|
|
23
|
-
};
|
|
24
|
-
exports.default = FlagTitle;
|
|
25
|
-
var templateObject_1;
|
|
26
|
-
//# sourceMappingURL=flag-title.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"flag-title.js","sourceRoot":"","sources":["../../src/atoms/flag-title.tsx"],"names":[],"mappings":";;;;;;;;;;AACA,2DAAoC;AACpC,6CAAiD;AAEjD,2CAAqF;AAErF,IAAM,eAAe,GAAG,gBAAM,CAAC,GAAG,oHAAuB,aAC9C,EAAoB,4BAE3B,EAKH,IACA,KARU,qBAAY,CAAC,OAAO,EAE3B,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,QAAQ,KAAK,MAAM;QACzB,8CAES,qBAAY,CAAC,MAAM,QAC/B;AAJG,CAIH,CACA,CAAA;AAED,IAAM,SAAS,GAAc,UAAC,EAA6B;;QAA3B,YAAyB,EAAjB,IAAI,UAAA,EAAE,SAAS,eAAA;IACrD,IAAM,GAAG,GAAG,MAAA,IAAA,0BAAkB,EAAC,SAAS,EAAE,uCAAuC,CAAC,mCAAI,EAAE,CAAA;IACxF,OAAO,uBAAC,eAAe,IAAC,QAAQ,EAAE,GAAG,YAAG,IAAA,qCAA6B,EAAC,IAAI,CAAC,GAAmB,CAAA;AAChG,CAAC,CAAA;AAUD,kBAAe,SAAS,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 flag_summary_1 = __importDefault(require("./organisms/flag-summary"));
|
|
7
|
-
exports.default = flag_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,0EAAkD;AAElD,kBAAe,sBAAW,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 flag_icon_1 = __importDefault(require("../atoms/flag-icon"));
|
|
35
|
-
var flag_title_1 = __importDefault(require("../atoms/flag-title"));
|
|
36
|
-
var StyledFlagIdentifier = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex-grow: 1;\n display: inline-flex;\n"], ["\n flex-grow: 1;\n display: inline-flex;\n"])));
|
|
37
|
-
var FlagIdentifier = function (_a) {
|
|
38
|
-
var flag = _a.flag, rest = __rest(_a, ["flag"]);
|
|
39
|
-
return ((0, jsx_runtime_1.jsxs)(StyledFlagIdentifier, __assign({}, rest, { children: [(0, jsx_runtime_1.jsx)(flag_icon_1.default, { flag: flag }), (0, jsx_runtime_1.jsx)(flag_title_1.default, { flag: flag })] })));
|
|
40
|
-
};
|
|
41
|
-
exports.default = FlagIdentifier;
|
|
42
|
-
var templateObject_1;
|
|
43
|
-
//# sourceMappingURL=flag-identifier.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"flag-identifier.js","sourceRoot":"","sources":["../../src/molecules/flag-identifier.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AAEpC,iEAAqC;AACrC,mEAAuC;AAEvC,IAAM,oBAAoB,GAAG,gBAAM,CAAC,GAAG,iHAAA,8CAGtC,IAAA,CAAA;AAED,IAAM,cAAc,GAAc,UAAC,EAAiB;IAAf,IAAA,IAAI,UAAA,EAAK,IAAI,cAAf,QAAiB,CAAF;IAAO,OAAA,CACvD,wBAAC,oBAAoB,eAAK,IAAI,eAC5B,uBAAC,mBAAI,IAAC,IAAI,EAAE,IAAI,GAAI,EACpB,uBAAC,oBAAK,IAAC,IAAI,EAAE,IAAI,GAAI,KACA,CACxB,CAAA;CAAA,CAAA;AAKD,kBAAe,cAAc,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 StyledPeriodSummary = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
15
|
-
var FlagRedacted = function (_a) {
|
|
16
|
-
var period = _a.flag.period;
|
|
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)(StyledPeriodSummary, { children: (0, jsx_runtime_1.jsx)(type_summary_1.PeriodSummary, { period: period }) })] }));
|
|
18
|
-
};
|
|
19
|
-
exports.default = FlagRedacted;
|
|
20
|
-
var templateObject_1, templateObject_2;
|
|
21
|
-
//# sourceMappingURL=flag-redacted.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"flag-redacted.js","sourceRoot":"","sources":["../../src/molecules/flag-redacted.tsx"],"names":[],"mappings":";;;;;;;;;;AACA,2DAAoC;AAEpC,yDAA6E;AAE7E,IAAM,yBAAyB,GAAG,gBAAM,CAAC,GAAG,6GAAA,0CAG3C,IAAA,CAAA;AAED,IAAM,mBAAmB,GAAG,gBAAM,CAAC,GAAG,6FAAA,0BAErC,IAAA,CAAA;AAED,IAAM,YAAY,GAAc,UAAC,EAAoB;QAAV,MAAM,iBAAA;IAAS,OAAA,CACxD,6DACE,uBAAC,yBAAyB,cACxB,uBAAC,kCAAmB,KAAG,GACG,EAC5B,uBAAC,mBAAmB,cAClB,uBAAC,4BAAa,IAAC,MAAM,EAAE,MAAM,GAAI,GACb,IACrB,CACJ;AATyD,CASzD,CAAA;AAMD,kBAAe,YAAY,CAAA"}
|
|
@@ -1,50 +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 type_summary_1 = require("@ltht-react/type-summary");
|
|
35
|
-
var flag_text_1 = __importDefault(require("../atoms/flag-text"));
|
|
36
|
-
var flag_identifier_1 = __importDefault(require("../molecules/flag-identifier"));
|
|
37
|
-
var flag_redacted_1 = __importDefault(require("../molecules/flag-redacted"));
|
|
38
|
-
var StyledSummary = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n"], ["\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n"])));
|
|
39
|
-
var StyledDate = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
40
|
-
var StyledText = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-basis: 100%;\n"], ["\n flex-basis: 100%;\n"])));
|
|
41
|
-
var FlagSummary = function (_a) {
|
|
42
|
-
var flag = _a.flag, rest = __rest(_a, ["flag"]);
|
|
43
|
-
if (flag.metadata.isRedacted) {
|
|
44
|
-
return ((0, jsx_runtime_1.jsx)(StyledSummary, __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(flag_redacted_1.default, { flag: flag }) })));
|
|
45
|
-
}
|
|
46
|
-
return ((0, jsx_runtime_1.jsxs)(StyledSummary, __assign({}, rest, { children: [(0, jsx_runtime_1.jsx)(flag_identifier_1.default, { flag: flag }), (0, jsx_runtime_1.jsx)(StyledDate, { children: (0, jsx_runtime_1.jsx)(type_summary_1.PeriodSummary, { period: flag.period }) }), (0, jsx_runtime_1.jsx)(StyledText, { children: (0, jsx_runtime_1.jsx)(flag_text_1.default, { flag: flag }) })] })));
|
|
47
|
-
};
|
|
48
|
-
exports.default = FlagSummary;
|
|
49
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
50
|
-
//# sourceMappingURL=flag-summary.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"flag-summary.js","sourceRoot":"","sources":["../../src/organisms/flag-summary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AAGpC,yDAAwD;AAExD,iEAAqC;AACrC,iFAAqD;AACrD,6EAAiD;AAEjD,IAAM,aAAa,GAAG,gBAAM,CAAC,GAAG,yIAAA,sEAI/B,IAAA,CAAA;AACD,IAAM,UAAU,GAAG,gBAAM,CAAC,GAAG,6FAAA,0BAE5B,IAAA,CAAA;AACD,IAAM,UAAU,GAAG,gBAAM,CAAC,GAAG,4FAAA,yBAE5B,IAAA,CAAA;AAED,IAAM,WAAW,GAAc,UAAC,EAAiB;IAAf,IAAA,IAAI,UAAA,EAAK,IAAI,cAAf,QAAiB,CAAF;IAC7C,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QAC7B,OAAO,CACL,uBAAC,aAAa,eAAK,IAAI,cACrB,uBAAC,uBAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,IACV,CACjB,CAAA;IACH,CAAC;IAED,OAAO,CACL,wBAAC,aAAa,eAAK,IAAI,eACrB,uBAAC,yBAAU,IAAC,IAAI,EAAE,IAAI,GAAI,EAC1B,uBAAC,UAAU,cACT,uBAAC,4BAAa,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,GAC3B,EACb,uBAAC,UAAU,cACT,uBAAC,mBAAI,IAAC,IAAI,EAAE,IAAI,GAAI,GACT,KACC,CACjB,CAAA;AACH,CAAC,CAAA;AAMD,kBAAe,WAAW,CAAA"}
|