@ltht-react/community-treatment-order-summary 2.0.3 → 2.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ltht-react/community-treatment-order-summary",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "ltht-react clinical CommunityTreatmentOrderSummary component.",
   "author": "LTHT",
   "homepage": "",
@@ -8,7 +8,8 @@
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "files": [
-    "lib"
+    "lib",
+    "src"
   ],
   "directories": {
     "lib": "lib"
@@ -23,12 +24,12 @@
   "dependencies": {
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/list": "^2.0.3",
-    "@ltht-react/styles": "^2.0.3",
-    "@ltht-react/type-summary": "^2.0.3",
-    "@ltht-react/types": "^2.0.3",
-    "@ltht-react/utils": "^2.0.3",
+    "@ltht-react/list": "^2.0.4",
+    "@ltht-react/styles": "^2.0.4",
+    "@ltht-react/type-summary": "^2.0.4",
+    "@ltht-react/types": "^2.0.4",
+    "@ltht-react/utils": "^2.0.4",
     "react": "^18.2.0"
   },
-  "gitHead": "6f18742bbf2f44123b6478257e52fbbdd291a25b"
+  "gitHead": "b8fe243323a0f1b9ab345475db38c73fd3b35312"
 }

package/src/atoms/community-treatment-order-summary-consent.tsx

@@ -0,0 +1,24 @@
+import { FC, HTMLAttributes } from 'react'
+import styled from '@emotion/styled'
+
+import { TEXT_COLOURS } from '@ltht-react/styles'
+import { LypftCommunityTreatmentOrder } from '@ltht-react/types'
+
+const StyledCommunityTreatmentOrderSummaryConsent = styled.div`
+  color: ${TEXT_COLOURS.SECONDARY.VALUE};
+  text-align: right;
+  font-size: smaller;
+  padding-top: 0.25rem;
+`
+
+const CommunityTreatmentOrderSummaryConsent: FC<Props> = ({ communityTreatmentOrder, ...rest }) => (
+  <StyledCommunityTreatmentOrderSummaryConsent {...rest}>
+    {communityTreatmentOrder.consentToTreat && communityTreatmentOrder.consentToTreat}
+  </StyledCommunityTreatmentOrderSummaryConsent>
+)
+
+interface Props extends HTMLAttributes<HTMLDivElement> {
+  communityTreatmentOrder: LypftCommunityTreatmentOrder
+}
+
+export default CommunityTreatmentOrderSummaryConsent

package/src/atoms/community-treatment-order-summary-restrictions.tsx

@@ -0,0 +1,24 @@
+import { FC, HTMLAttributes } from 'react'
+import styled from '@emotion/styled'
+
+import { TEXT_COLOURS } from '@ltht-react/styles'
+import { LypftCommunityTreatmentOrder } from '@ltht-react/types'
+
+const StyledCommunityTreatmentOrderSummaryRestrictions = styled.div`
+  color: ${TEXT_COLOURS.SECONDARY.VALUE};
+  text-align: left;
+  font-size: smaller;
+  padding-top: 0.25rem;
+`
+
+const CommunityTreatmentOrderSummaryRestrictions: FC<Props> = ({ communityTreatmentOrder, ...rest }) => (
+  <StyledCommunityTreatmentOrderSummaryRestrictions {...rest}>
+    {communityTreatmentOrder.restrictions && communityTreatmentOrder.restrictions}
+  </StyledCommunityTreatmentOrderSummaryRestrictions>
+)
+
+interface Props extends HTMLAttributes<HTMLDivElement> {
+  communityTreatmentOrder: LypftCommunityTreatmentOrder
+}
+
+export default CommunityTreatmentOrderSummaryRestrictions

package/src/atoms/community-treatment-order-summary-status.tsx

@@ -0,0 +1,22 @@
+import { FC, HTMLAttributes } from 'react'
+import styled from '@emotion/styled'
+
+import { TEXT_COLOURS } from '@ltht-react/styles'
+import { LypftCommunityTreatmentOrder } from '@ltht-react/types'
+
+const StyledCommunityTreatmentOrderConsent = styled.div`
+  color: ${TEXT_COLOURS.PRIMARY};
+  text-align: left;
+`
+
+const CommunityTreatmentOrderConsent: FC<Props> = ({ communityTreatmentOrder, ...rest }) => (
+  <StyledCommunityTreatmentOrderConsent {...rest}>
+    {communityTreatmentOrder.legalStatus && communityTreatmentOrder.legalStatus.text}
+  </StyledCommunityTreatmentOrderConsent>
+)
+
+interface Props extends HTMLAttributes<HTMLDivElement> {
+  communityTreatmentOrder: LypftCommunityTreatmentOrder
+}
+
+export default CommunityTreatmentOrderConsent

package/src/index.tsx

@@ -0,0 +1,3 @@
+import CommunityTreatmentOrderSummary from './organisms/community-treatment-order-summary'
+
+export default CommunityTreatmentOrderSummary

package/src/molecules/community-treatment-order-redacted.tsx

@@ -0,0 +1,31 @@
+import { FC } from 'react'
+import styled from '@emotion/styled'
+
+import { LypftCommunityTreatmentOrder } from '@ltht-react/types'
+import { RedactedDescription, PeriodSummary } from '@ltht-react/type-summary'
+
+const StyledRedactedDescription = styled.div`
+  flex-grow: 1;
+  text-align: left;
+`
+
+const StyledPeriodSummary = styled.div`
+  text-align: right;
+`
+
+const CommunityTreatmentOrderRedacted: FC<Props> = ({ communityTreatmentOrder }) => (
+  <>
+    <StyledRedactedDescription>
+      <RedactedDescription />
+    </StyledRedactedDescription>
+    <StyledPeriodSummary>
+      <PeriodSummary period={communityTreatmentOrder.period} />
+    </StyledPeriodSummary>
+  </>
+)
+
+interface Props {
+  communityTreatmentOrder: LypftCommunityTreatmentOrder
+}
+
+export default CommunityTreatmentOrderRedacted

package/src/organisms/community-treatment-order-summary.tsx

@@ -0,0 +1,50 @@
+import { FC, HTMLAttributes } from 'react'
+import styled from '@emotion/styled'
+
+import { LypftCommunityTreatmentOrder } from '@ltht-react/types'
+import { PeriodSummary } from '@ltht-react/type-summary'
+
+import Consent from '../atoms/community-treatment-order-summary-consent'
+import Restrictions from '../atoms/community-treatment-order-summary-restrictions'
+import Status from '../atoms/community-treatment-order-summary-status'
+import Redacted from '../molecules/community-treatment-order-redacted'
+
+const StyledSummary = styled.div`
+  display: flex;
+  justify-content: center;
+`
+const StyledDescription = styled.div`
+  flex-grow: 1;
+`
+const StyledDate = styled.div`
+  text-align: right;
+`
+
+const CommunityTreatmentOrderSummary: FC<Props> = ({ communityTreatmentOrder, ...rest }) => {
+  if (communityTreatmentOrder.metadata.isRedacted) {
+    return (
+      <StyledSummary {...rest}>
+        <Redacted communityTreatmentOrder={communityTreatmentOrder} />
+      </StyledSummary>
+    )
+  }
+
+  return (
+    <StyledSummary {...rest}>
+      <StyledDescription>
+        <Status communityTreatmentOrder={communityTreatmentOrder} />
+        <Restrictions communityTreatmentOrder={communityTreatmentOrder} />
+      </StyledDescription>
+      <StyledDate>
+        <PeriodSummary period={communityTreatmentOrder.period} />
+        <Consent communityTreatmentOrder={communityTreatmentOrder} />
+      </StyledDate>
+    </StyledSummary>
+  )
+}
+
+interface Props extends HTMLAttributes<HTMLDivElement> {
+  communityTreatmentOrder: LypftCommunityTreatmentOrder
+}
+
+export default CommunityTreatmentOrderSummary