@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.
Files changed (42) hide show
  1. package/README.md +21 -21
  2. package/package.json +8 -8
  3. package/src/atoms/flag-description.tsx +30 -30
  4. package/src/atoms/flag-icon.tsx +28 -28
  5. package/src/atoms/flag-source.tsx +20 -20
  6. package/src/atoms/flag-status.tsx +22 -22
  7. package/src/atoms/flag-text.tsx +24 -24
  8. package/src/atoms/flag-title.tsx +31 -31
  9. package/src/index.tsx +3 -3
  10. package/src/molecules/flag-identifier.tsx +22 -22
  11. package/src/molecules/flag-redacted.tsx +30 -30
  12. package/src/organisms/flag-summary.tsx +49 -49
  13. package/lib/atoms/flag-description.d.ts +0 -7
  14. package/lib/atoms/flag-description.js +0 -50
  15. package/lib/atoms/flag-description.js.map +0 -1
  16. package/lib/atoms/flag-icon.d.ts +0 -7
  17. package/lib/atoms/flag-icon.js +0 -47
  18. package/lib/atoms/flag-icon.js.map +0 -1
  19. package/lib/atoms/flag-source.d.ts +0 -7
  20. package/lib/atoms/flag-source.js +0 -43
  21. package/lib/atoms/flag-source.js.map +0 -1
  22. package/lib/atoms/flag-status.d.ts +0 -7
  23. package/lib/atoms/flag-status.js +0 -43
  24. package/lib/atoms/flag-status.js.map +0 -1
  25. package/lib/atoms/flag-text.d.ts +0 -7
  26. package/lib/atoms/flag-text.js +0 -43
  27. package/lib/atoms/flag-text.js.map +0 -1
  28. package/lib/atoms/flag-title.d.ts +0 -7
  29. package/lib/atoms/flag-title.js +0 -26
  30. package/lib/atoms/flag-title.js.map +0 -1
  31. package/lib/index.d.ts +0 -2
  32. package/lib/index.js +0 -8
  33. package/lib/index.js.map +0 -1
  34. package/lib/molecules/flag-identifier.d.ts +0 -7
  35. package/lib/molecules/flag-identifier.js +0 -43
  36. package/lib/molecules/flag-identifier.js.map +0 -1
  37. package/lib/molecules/flag-redacted.d.ts +0 -7
  38. package/lib/molecules/flag-redacted.js +0 -21
  39. package/lib/molecules/flag-redacted.js.map +0 -1
  40. package/lib/organisms/flag-summary.d.ts +0 -7
  41. package/lib/organisms/flag-summary.js +0 -50
  42. 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.192",
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.192",
29
- "@ltht-react/list": "^2.0.192",
30
- "@ltht-react/styles": "^2.0.192",
31
- "@ltht-react/type-summary": "^2.0.192",
32
- "@ltht-react/types": "^2.0.192",
33
- "@ltht-react/utils": "^2.0.192",
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": "d97c241ba79c5e28edb4dec124e156cda6e9af66"
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
@@ -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
@@ -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
@@ -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,7 +0,0 @@
1
- import { HTMLAttributes, FC } from 'react';
2
- import { Flag } from '@ltht-react/types';
3
- declare const FlagDescription: FC<Props>;
4
- interface Props extends HTMLAttributes<HTMLDivElement> {
5
- flag: Flag;
6
- }
7
- export default FlagDescription;
@@ -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"}
@@ -1,7 +0,0 @@
1
- import { FC, HTMLAttributes } from 'react';
2
- import { Flag } from '@ltht-react/types';
3
- declare const FlagIcon: FC<Props>;
4
- interface Props extends HTMLAttributes<HTMLDivElement> {
5
- flag: Flag;
6
- }
7
- export default FlagIcon;
@@ -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"}
@@ -1,7 +0,0 @@
1
- import { HTMLAttributes, FC } from 'react';
2
- import { Flag } from '@ltht-react/types';
3
- declare const FlagSource: FC<Props>;
4
- interface Props extends HTMLAttributes<HTMLDivElement> {
5
- flag: Flag;
6
- }
7
- export default FlagSource;
@@ -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"}
@@ -1,7 +0,0 @@
1
- import { HTMLAttributes, FC } from 'react';
2
- import { Flag } from '@ltht-react/types';
3
- declare const FlagStatus: FC<Props>;
4
- interface Props extends HTMLAttributes<HTMLDivElement> {
5
- flag: Flag;
6
- }
7
- export default FlagStatus;
@@ -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"}
@@ -1,7 +0,0 @@
1
- import { HTMLAttributes, FC } from 'react';
2
- import { Flag } from '@ltht-react/types';
3
- declare const FlagText: FC<Props>;
4
- interface Props extends HTMLAttributes<HTMLDivElement> {
5
- flag: Flag;
6
- }
7
- export default FlagText;
@@ -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"}
@@ -1,7 +0,0 @@
1
- import { HTMLAttributes, FC } from 'react';
2
- import { Flag } from '@ltht-react/types';
3
- declare const FlagTitle: FC<Props>;
4
- interface Props extends HTMLAttributes<HTMLDivElement> {
5
- flag: Flag;
6
- }
7
- export default FlagTitle;
@@ -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
@@ -1,2 +0,0 @@
1
- import FlagSummary from './organisms/flag-summary';
2
- export default FlagSummary;
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,7 +0,0 @@
1
- import { HTMLAttributes, FC } from 'react';
2
- import { Flag } from '@ltht-react/types';
3
- declare const FlagIdentifier: FC<Props>;
4
- interface Props extends HTMLAttributes<HTMLDivElement> {
5
- flag: Flag;
6
- }
7
- export default FlagIdentifier;
@@ -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,7 +0,0 @@
1
- import { FC } from 'react';
2
- import { Flag } from '@ltht-react/types';
3
- declare const FlagRedacted: FC<Props>;
4
- interface Props {
5
- flag: Flag;
6
- }
7
- export default FlagRedacted;
@@ -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,7 +0,0 @@
1
- import { HTMLAttributes, FC } from 'react';
2
- import { Flag } from '@ltht-react/types';
3
- declare const FlagSummary: FC<Props>;
4
- interface Props extends HTMLAttributes<HTMLDivElement> {
5
- flag: Flag;
6
- }
7
- 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 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"}