@ltht-react/allergy-summary 2.0.190 → 2.0.192

package/README.md

@@ -1,19 +1,19 @@
-# Allergy Summary
-
-### Import
-
-```js
-import AllergySummary from '@ltht-react/allergy-summary'
-```
-
-### Usage
-
-```jsx
-<AllergySummary allergy={allergy} />
-```
-
-### Properties
-
-| Prop      | Required | Default | Type               | Description        |
-| :-------- | :------- | :------ | :----------------- | :----------------- |
-| `allergy` | Yes      |         | AllergyIntolerance | Allergy to display |
+# Allergy Summary
+
+### Import
+
+```js
+import AllergySummary from '@ltht-react/allergy-summary'
+```
+
+### Usage
+
+```jsx
+<AllergySummary allergy={allergy} />
+```
+
+### Properties
+
+| Prop      | Required | Default | Type               | Description        |
+| :-------- | :------- | :------ | :----------------- | :----------------- |
+| `allergy` | Yes      |         | AllergyIntolerance | Allergy to display |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ltht-react/allergy-summary",
-  "version": "2.0.190",
+  "version": "2.0.192",
   "description": "> TODO: description",
   "author": "Jonny Smith <jonny.asmith@gmail.com>",
   "homepage": "",
@@ -25,13 +25,13 @@
   "dependencies": {
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/icon": "^2.0.190",
-    "@ltht-react/list": "^2.0.190",
-    "@ltht-react/styles": "^2.0.190",
-    "@ltht-react/type-summary": "^2.0.190",
-    "@ltht-react/types": "^2.0.190",
-    "@ltht-react/utils": "^2.0.190",
+    "@ltht-react/icon": "^2.0.192",
+    "@ltht-react/list": "^2.0.192",
+    "@ltht-react/styles": "^2.0.192",
+    "@ltht-react/type-summary": "^2.0.192",
+    "@ltht-react/types": "^2.0.192",
+    "@ltht-react/utils": "^2.0.192",
     "react": "^18.2.0"
   },
-  "gitHead": "1773d375fb0701642bad343c40dd946a7637f2e0"
+  "gitHead": "d97c241ba79c5e28edb4dec124e156cda6e9af66"
 }

package/src/atoms/allergy-description.tsx

@@ -1,33 +1,33 @@
-import { FC, HTMLAttributes } from 'react'
-import styled from '@emotion/styled'
-
-import { TEXT_COLOURS } from '@ltht-react/styles'
-import { AllergyIntolerance } from '@ltht-react/types'
-import { codeableConceptCodeSummary, allergyIntoleranceCategoryCodeDisplaySummary, titleCase } from '@ltht-react/utils'
-
-const StyledAllergyDescription = styled.div`
-  color: ${TEXT_COLOURS.SECONDARY.VALUE};
-  text-align: left;
-  font-size: smaller;
-  padding-top: 0.25rem;
-`
-
-const AllergyDescription: FC<Props> = ({ allergy, ...rest }) => {
-  const values = []
-
-  const codeSummary = codeableConceptCodeSummary(allergy.code)
-  if (codeSummary && codeSummary.length > 0) values.push(codeSummary)
-
-  const categorySummary = allergy.category && allergyIntoleranceCategoryCodeDisplaySummary(allergy.category)
-  if (categorySummary && categorySummary.length > 0) values.push(categorySummary)
-
-  if (allergy.type) values.push(titleCase(allergy.type))
-
-  return <StyledAllergyDescription {...rest}>{values.join(' - ')}</StyledAllergyDescription>
-}
-
-interface Props extends HTMLAttributes<HTMLDivElement> {
-  allergy: AllergyIntolerance
-}
-
-export default AllergyDescription
+import { FC, HTMLAttributes } from 'react'
+import styled from '@emotion/styled'
+
+import { TEXT_COLOURS } from '@ltht-react/styles'
+import { AllergyIntolerance } from '@ltht-react/types'
+import { codeableConceptCodeSummary, allergyIntoleranceCategoryCodeDisplaySummary, titleCase } from '@ltht-react/utils'
+
+const StyledAllergyDescription = styled.div`
+  color: ${TEXT_COLOURS.SECONDARY.VALUE};
+  text-align: left;
+  font-size: smaller;
+  padding-top: 0.25rem;
+`
+
+const AllergyDescription: FC<Props> = ({ allergy, ...rest }) => {
+  const values = []
+
+  const codeSummary = codeableConceptCodeSummary(allergy.code)
+  if (codeSummary && codeSummary.length > 0) values.push(codeSummary)
+
+  const categorySummary = allergy.category && allergyIntoleranceCategoryCodeDisplaySummary(allergy.category)
+  if (categorySummary && categorySummary.length > 0) values.push(categorySummary)
+
+  if (allergy.type) values.push(titleCase(allergy.type))
+
+  return <StyledAllergyDescription {...rest}>{values.join(' - ')}</StyledAllergyDescription>
+}
+
+interface Props extends HTMLAttributes<HTMLDivElement> {
+  allergy: AllergyIntolerance
+}
+
+export default AllergyDescription

package/src/atoms/allergy-icon.tsx

@@ -1,26 +1,26 @@
-import { FC } from 'react'
-import styled from '@emotion/styled'
-import Icon from '@ltht-react/icon'
-import { AllergyIntoleranceCriticalityCode, Maybe } from '@ltht-react/types'
-
-const StyledExclamationIcon = styled(Icon)`
-  padding-right: 10px;
-`
-
-const AllergyIcon: FC<Props> = ({ criticalityCode }) => {
-  if (criticalityCode === AllergyIntoleranceCriticalityCode.High) {
-    return <StyledExclamationIcon type="exclamation" color="red" size="medium" />
-  }
-
-  if (criticalityCode && criticalityCode === AllergyIntoleranceCriticalityCode.Low) {
-    return <StyledExclamationIcon type="exclamation" color="amber" size="medium" />
-  }
-
-  return null
-}
-
-interface Props {
-  criticalityCode?: Maybe<AllergyIntoleranceCriticalityCode>
-}
-
-export default AllergyIcon
+import { FC } from 'react'
+import styled from '@emotion/styled'
+import Icon from '@ltht-react/icon'
+import { AllergyIntoleranceCriticalityCode, Maybe } from '@ltht-react/types'
+
+const StyledExclamationIcon = styled(Icon)`
+  padding-right: 10px;
+`
+
+const AllergyIcon: FC<Props> = ({ criticalityCode }) => {
+  if (criticalityCode === AllergyIntoleranceCriticalityCode.High) {
+    return <StyledExclamationIcon type="exclamation" color="red" size="medium" />
+  }
+
+  if (criticalityCode && criticalityCode === AllergyIntoleranceCriticalityCode.Low) {
+    return <StyledExclamationIcon type="exclamation" color="amber" size="medium" />
+  }
+
+  return null
+}
+
+interface Props {
+  criticalityCode?: Maybe<AllergyIntoleranceCriticalityCode>
+}
+
+export default AllergyIcon

package/src/atoms/allergy-status.tsx

@@ -1,28 +1,28 @@
-import { FC, HTMLAttributes } from 'react'
-import styled from '@emotion/styled'
-
-import { TEXT_COLOURS } from '@ltht-react/styles'
-import { AllergyIntolerance } from '@ltht-react/types'
-import { titleCase } from '@ltht-react/utils'
-
-const StyledAllergyStatus = styled.div`
-  color: ${TEXT_COLOURS.SECONDARY.VALUE};
-  text-align: right;
-  font-size: smaller;
-  padding-top: 0.25rem;
-`
-
-const AllergyStatus: FC<Props> = ({ allergy, ...rest }) => {
-  const values = []
-
-  if (allergy.clinicalStatus) values.push(titleCase(allergy.clinicalStatus))
-  if (allergy.verificationStatus) values.push(titleCase(allergy.verificationStatus))
-
-  return <StyledAllergyStatus {...rest}>{values.join(' - ')}</StyledAllergyStatus>
-}
-
-interface Props extends HTMLAttributes<HTMLDivElement> {
-  allergy: AllergyIntolerance
-}
-
-export default AllergyStatus
+import { FC, HTMLAttributes } from 'react'
+import styled from '@emotion/styled'
+
+import { TEXT_COLOURS } from '@ltht-react/styles'
+import { AllergyIntolerance } from '@ltht-react/types'
+import { titleCase } from '@ltht-react/utils'
+
+const StyledAllergyStatus = styled.div`
+  color: ${TEXT_COLOURS.SECONDARY.VALUE};
+  text-align: right;
+  font-size: smaller;
+  padding-top: 0.25rem;
+`
+
+const AllergyStatus: FC<Props> = ({ allergy, ...rest }) => {
+  const values = []
+
+  if (allergy.clinicalStatus) values.push(titleCase(allergy.clinicalStatus))
+  if (allergy.verificationStatus) values.push(titleCase(allergy.verificationStatus))
+
+  return <StyledAllergyStatus {...rest}>{values.join(' - ')}</StyledAllergyStatus>
+}
+
+interface Props extends HTMLAttributes<HTMLDivElement> {
+  allergy: AllergyIntolerance
+}
+
+export default AllergyStatus

package/src/atoms/allergy-title.tsx

@@ -1,21 +1,21 @@
-import { FC, HTMLAttributes } from 'react'
-import styled from '@emotion/styled'
-
-import { TEXT_COLOURS } from '@ltht-react/styles'
-import { AllergyIntolerance } from '@ltht-react/types'
-import { codeableConceptDisplaySummary } from '@ltht-react/utils'
-
-const StyledAllergyTitle = styled.div`
-  color: ${TEXT_COLOURS.PRIMARY};
-  text-align: left;
-`
-
-const AllergyTitle: FC<Props> = ({ allergy, ...rest }) => (
-  <StyledAllergyTitle {...rest}>{codeableConceptDisplaySummary(allergy.code)}</StyledAllergyTitle>
-)
-
-interface Props extends HTMLAttributes<HTMLDivElement> {
-  allergy: AllergyIntolerance
-}
-
-export default AllergyTitle
+import { FC, HTMLAttributes } from 'react'
+import styled from '@emotion/styled'
+
+import { TEXT_COLOURS } from '@ltht-react/styles'
+import { AllergyIntolerance } from '@ltht-react/types'
+import { codeableConceptDisplaySummary } from '@ltht-react/utils'
+
+const StyledAllergyTitle = styled.div`
+  color: ${TEXT_COLOURS.PRIMARY};
+  text-align: left;
+`
+
+const AllergyTitle: FC<Props> = ({ allergy, ...rest }) => (
+  <StyledAllergyTitle {...rest}>{codeableConceptDisplaySummary(allergy.code)}</StyledAllergyTitle>
+)
+
+interface Props extends HTMLAttributes<HTMLDivElement> {
+  allergy: AllergyIntolerance
+}
+
+export default AllergyTitle

package/src/index.tsx

@@ -1,3 +1,3 @@
-import AllergySummary from './organisms/allergy-summary'
-
-export default AllergySummary
+import AllergySummary from './organisms/allergy-summary'
+
+export default AllergySummary

package/src/molecules/allergy-redacted.tsx

@@ -1,30 +1,30 @@
-import { FC } from 'react'
-import styled from '@emotion/styled'
-
-import { AllergyIntolerance } from '@ltht-react/types'
-import { DateSummary, RedactedDescription } from '@ltht-react/type-summary'
-
-const StyledRedactedDescription = styled.div`
-  flex-grow: 1;
-  text-align: left;
-`
-
-const StyledDateSummary = styled.div`
-  text-align: right;
-`
-
-const AllergyRedacted: FC<Props> = ({ allergy, showDates }) => (
-  <>
-    <StyledRedactedDescription>
-      <RedactedDescription />
-    </StyledRedactedDescription>
-    <StyledDateSummary>{showDates && <DateSummary datetime={allergy?.assertedDate} />}</StyledDateSummary>
-  </>
-)
-
-interface Props {
-  allergy?: AllergyIntolerance | null
-  showDates?: boolean
-}
-
-export default AllergyRedacted
+import { FC } from 'react'
+import styled from '@emotion/styled'
+
+import { AllergyIntolerance } from '@ltht-react/types'
+import { DateSummary, RedactedDescription } from '@ltht-react/type-summary'
+
+const StyledRedactedDescription = styled.div`
+  flex-grow: 1;
+  text-align: left;
+`
+
+const StyledDateSummary = styled.div`
+  text-align: right;
+`
+
+const AllergyRedacted: FC<Props> = ({ allergy, showDates }) => (
+  <>
+    <StyledRedactedDescription>
+      <RedactedDescription />
+    </StyledRedactedDescription>
+    <StyledDateSummary>{showDates && <DateSummary datetime={allergy?.assertedDate} />}</StyledDateSummary>
+  </>
+)
+
+interface Props {
+  allergy?: AllergyIntolerance | null
+  showDates?: boolean
+}
+
+export default AllergyRedacted

package/src/organisms/allergy-summary.tsx

@@ -1,68 +1,68 @@
-import { FC, HTMLAttributes } from 'react'
-import Styled from '@emotion/styled'
-
-import { AllergyIntolerance, AllergyIntoleranceCriticalityCode } from '@ltht-react/types'
-import { DateSummary } from '@ltht-react/type-summary'
-
-import Title from '../atoms/allergy-title'
-import Description from '../atoms/allergy-description'
-import Status from '../atoms/allergy-status'
-import Icon from '../atoms/allergy-icon'
-import Redacted from '../molecules/allergy-redacted'
-
-const StyledSummary = Styled.div`
-  display: flex;
-  justify-content: center;
-`
-
-const StyledIcon = Styled.div`
-  min-width: 1rem;
-`
-
-const StyledDescription = Styled.div`
-  flex-grow: 1;
-`
-
-const StyledDate = Styled.div`
-  text-align: right;
-`
-
-const AllergySummary: FC<Props> = ({ allergy, showDates = true, ...rest }) => {
-  const showIcon =
-    allergy.criticality === AllergyIntoleranceCriticalityCode.High ||
-    allergy.criticality === AllergyIntoleranceCriticalityCode.Low
-
-  if (allergy.metadata.isRedacted) {
-    return (
-      <StyledSummary {...rest}>
-        <Redacted allergy={allergy} showDates={showDates} />
-      </StyledSummary>
-    )
-  }
-
-  return (
-    <StyledSummary {...rest}>
-      {showIcon && (
-        <StyledIcon>
-          <Icon criticalityCode={allergy.criticality} />
-        </StyledIcon>
-      )}
-      <StyledDescription>
-        <Title allergy={allergy} />
-        <Description allergy={allergy} />
-      </StyledDescription>
-      <StyledDate>
-        {showDates && <DateSummary datetime={allergy.assertedDate} />}
-        <Status allergy={allergy} />
-      </StyledDate>
-    </StyledSummary>
-  )
-}
-
-interface Props extends HTMLAttributes<HTMLDivElement> {
-  allergy: AllergyIntolerance
-  showDates?: boolean
-  enteredInError?: boolean | undefined
-}
-
-export default AllergySummary
+import { FC, HTMLAttributes } from 'react'
+import Styled from '@emotion/styled'
+
+import { AllergyIntolerance, AllergyIntoleranceCriticalityCode } from '@ltht-react/types'
+import { DateSummary } from '@ltht-react/type-summary'
+
+import Title from '../atoms/allergy-title'
+import Description from '../atoms/allergy-description'
+import Status from '../atoms/allergy-status'
+import Icon from '../atoms/allergy-icon'
+import Redacted from '../molecules/allergy-redacted'
+
+const StyledSummary = Styled.div`
+  display: flex;
+  justify-content: center;
+`
+
+const StyledIcon = Styled.div`
+  min-width: 1rem;
+`
+
+const StyledDescription = Styled.div`
+  flex-grow: 1;
+`
+
+const StyledDate = Styled.div`
+  text-align: right;
+`
+
+const AllergySummary: FC<Props> = ({ allergy, showDates = true, ...rest }) => {
+  const showIcon =
+    allergy.criticality === AllergyIntoleranceCriticalityCode.High ||
+    allergy.criticality === AllergyIntoleranceCriticalityCode.Low
+
+  if (allergy.metadata.isRedacted) {
+    return (
+      <StyledSummary {...rest}>
+        <Redacted allergy={allergy} showDates={showDates} />
+      </StyledSummary>
+    )
+  }
+
+  return (
+    <StyledSummary {...rest}>
+      {showIcon && (
+        <StyledIcon>
+          <Icon criticalityCode={allergy.criticality} />
+        </StyledIcon>
+      )}
+      <StyledDescription>
+        <Title allergy={allergy} />
+        <Description allergy={allergy} />
+      </StyledDescription>
+      <StyledDate>
+        {showDates && <DateSummary datetime={allergy.assertedDate} />}
+        <Status allergy={allergy} />
+      </StyledDate>
+    </StyledSummary>
+  )
+}
+
+interface Props extends HTMLAttributes<HTMLDivElement> {
+  allergy: AllergyIntolerance
+  showDates?: boolean
+  enteredInError?: boolean | undefined
+}
+
+export default AllergySummary