@ltht-react/type-summary 2.0.193 → 2.0.197

package/README.md

@@ -1,15 +1,15 @@
-# Summary
-
-<!-- STORY -->
-
-### Import
-
-```js
-import Summary from '@ltht-react/type-summary'
-```
-
-### Usage
-
-```jsx
-<Summary />
-```
+# Summary
+
+<!-- STORY -->
+
+### Import
+
+```js
+import Summary from '@ltht-react/type-summary'
+```
+
+### Usage
+
+```jsx
+<Summary />
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ltht-react/type-summary",
-  "version": "2.0.193",
+  "version": "2.0.197",
   "description": "ltht-react clinical Summary component.",
   "author": "LTHT",
   "homepage": "",
@@ -28,14 +28,14 @@
   "dependencies": {
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/card": "^2.0.193",
-    "@ltht-react/icon": "^2.0.193",
-    "@ltht-react/list": "^2.0.193",
-    "@ltht-react/styles": "^2.0.193",
-    "@ltht-react/types": "^2.0.193",
-    "@ltht-react/utils": "^2.0.193",
+    "@ltht-react/card": "^2.0.197",
+    "@ltht-react/icon": "^2.0.197",
+    "@ltht-react/list": "^2.0.197",
+    "@ltht-react/styles": "^2.0.197",
+    "@ltht-react/types": "^2.0.197",
+    "@ltht-react/utils": "^2.0.197",
     "date-fns": "^3.6.0",
     "react": "^18.2.0"
   },
-  "gitHead": "ce3fd03cc65353e177ca647dbb2b285a021ca387"
+  "gitHead": "4a6b00c93b6516bf271fc09c9bcc252cc0f13ef4"
 }

package/src/atoms/date-summary.tsx

@@ -1,31 +1,31 @@
-import { HTMLAttributes, FC } from 'react'
-import styled from '@emotion/styled'
-
-import { TEXT_COLOURS } from '@ltht-react/styles'
-import { PartialDateTime } from '@ltht-react/types'
-import { partialDateTimeText, formatPartialDateTimeAsDateOnly } from '@ltht-react/utils'
-
-const StyledDateSummary = styled.div<IStyledDateSummary>`
-  color: ${TEXT_COLOURS.PRIMARY};
-  text-decoration: ${({ enteredInError }) => (enteredInError ? 'line-through' : 'none')};
-  display: inline-block;
-`
-
-const DateSummary: FC<Props> = ({ datetime, enteredInError, dateOnlyView, ...rest }) => (
-  <StyledDateSummary enteredInError={enteredInError} dateOnlyView={dateOnlyView} {...rest}>
-    {dateOnlyView ? formatPartialDateTimeAsDateOnly(datetime) : partialDateTimeText(datetime)}
-  </StyledDateSummary>
-)
-
-interface Props extends HTMLAttributes<HTMLDivElement> {
-  datetime?: PartialDateTime | null
-  enteredInError?: boolean | undefined
-  dateOnlyView?: boolean
-}
-
-interface IStyledDateSummary {
-  enteredInError?: boolean | undefined
-  dateOnlyView?: boolean
-}
-
-export default DateSummary
+import { HTMLAttributes, FC } from 'react'
+import styled from '@emotion/styled'
+
+import { TEXT_COLOURS } from '@ltht-react/styles'
+import { PartialDateTime } from '@ltht-react/types'
+import { partialDateTimeText, formatPartialDateTimeAsDateOnly } from '@ltht-react/utils'
+
+const StyledDateSummary = styled.div<IStyledDateSummary>`
+  color: ${TEXT_COLOURS.PRIMARY};
+  text-decoration: ${({ enteredInError }) => (enteredInError ? 'line-through' : 'none')};
+  display: inline-block;
+`
+
+const DateSummary: FC<Props> = ({ datetime, enteredInError, dateOnlyView, ...rest }) => (
+  <StyledDateSummary enteredInError={enteredInError} dateOnlyView={dateOnlyView} {...rest}>
+    {dateOnlyView ? formatPartialDateTimeAsDateOnly(datetime) : partialDateTimeText(datetime)}
+  </StyledDateSummary>
+)
+
+interface Props extends HTMLAttributes<HTMLDivElement> {
+  datetime?: PartialDateTime | null
+  enteredInError?: boolean | undefined
+  dateOnlyView?: boolean
+}
+
+interface IStyledDateSummary {
+  enteredInError?: boolean | undefined
+  dateOnlyView?: boolean
+}
+
+export default DateSummary

package/src/atoms/index.ts

@@ -1,4 +1,4 @@
-export { default as PeriodSummary } from './period-summary'
-export { default as DateSummary } from './date-summary'
-export { default as RedactedDescription } from './redacted-description'
-export { default as NarrativeSummary } from './narrative-summary'
+export { default as PeriodSummary } from './period-summary'
+export { default as DateSummary } from './date-summary'
+export { default as RedactedDescription } from './redacted-description'
+export { default as NarrativeSummary } from './narrative-summary'

package/src/atoms/narrative-summary.tsx

@@ -1,31 +1,31 @@
-import { FC } from 'react'
-import styled from '@emotion/styled'
-
-import { Narrative } from '@ltht-react/types'
-
-const StyledNarrativeSummary = styled.div``
-const StyledNarrativeTruncatedSummary = styled.div`
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-`
-const NarrativeSummary: FC<Props> = ({ narrative, showIfEmpty = false, truncate = true, ...rest }) => {
-  if ((narrative && narrative.text.length > 0) || showIfEmpty === true) {
-    if (truncate) {
-      return <StyledNarrativeTruncatedSummary {...rest}>{narrative?.text}</StyledNarrativeTruncatedSummary>
-    }
-
-    return <StyledNarrativeSummary {...rest}>{narrative?.text}</StyledNarrativeSummary>
-  }
-
-  return <></>
-}
-
-interface Props {
-  narrative: Narrative | null | undefined
-  showIfEmpty: boolean
-  truncate: boolean
-}
-
-export default NarrativeSummary
+import { FC } from 'react'
+import styled from '@emotion/styled'
+
+import { Narrative } from '@ltht-react/types'
+
+const StyledNarrativeSummary = styled.div``
+const StyledNarrativeTruncatedSummary = styled.div`
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+`
+const NarrativeSummary: FC<Props> = ({ narrative, showIfEmpty = false, truncate = true, ...rest }) => {
+  if ((narrative && narrative.text.length > 0) || showIfEmpty === true) {
+    if (truncate) {
+      return <StyledNarrativeTruncatedSummary {...rest}>{narrative?.text}</StyledNarrativeTruncatedSummary>
+    }
+
+    return <StyledNarrativeSummary {...rest}>{narrative?.text}</StyledNarrativeSummary>
+  }
+
+  return <></>
+}
+
+interface Props {
+  narrative: Narrative | null | undefined
+  showIfEmpty: boolean
+  truncate: boolean
+}
+
+export default NarrativeSummary

package/src/atoms/period-summary.tsx

@@ -1,20 +1,20 @@
-import { HTMLAttributes, FC } from 'react'
-import styled from '@emotion/styled'
-
-import { TEXT_COLOURS } from '@ltht-react/styles'
-import { Period } from '@ltht-react/types'
-import { periodSummaryText } from '@ltht-react/utils'
-
-const StyledPeriodSummary = styled.div`
-  color: ${TEXT_COLOURS.PRIMARY};
-`
-
-const PeriodSummary: FC<Props> = ({ period, ...rest }) => (
-  <StyledPeriodSummary {...rest}>{periodSummaryText(period)}</StyledPeriodSummary>
-)
-
-interface Props extends HTMLAttributes<HTMLDivElement> {
-  period?: Period | null
-}
-
-export default PeriodSummary
+import { HTMLAttributes, FC } from 'react'
+import styled from '@emotion/styled'
+
+import { TEXT_COLOURS } from '@ltht-react/styles'
+import { Period } from '@ltht-react/types'
+import { periodSummaryText } from '@ltht-react/utils'
+
+const StyledPeriodSummary = styled.div`
+  color: ${TEXT_COLOURS.PRIMARY};
+`
+
+const PeriodSummary: FC<Props> = ({ period, ...rest }) => (
+  <StyledPeriodSummary {...rest}>{periodSummaryText(period)}</StyledPeriodSummary>
+)
+
+interface Props extends HTMLAttributes<HTMLDivElement> {
+  period?: Period | null
+}
+
+export default PeriodSummary

package/src/atoms/redacted-description.tsx

@@ -1,13 +1,13 @@
-import { HTMLAttributes, FC } from 'react'
-import styled from '@emotion/styled'
-import { TEXT_COLOURS } from '@ltht-react/styles'
-
-const StyledRedactedDescription = styled.div`
-  color: ${TEXT_COLOURS.SECONDARY.VALUE};
-`
-
-const RedactedDescription: FC<HTMLAttributes<HTMLDivElement>> = ({ ...rest }) => (
-  <StyledRedactedDescription {...rest}>Insufficient privileges</StyledRedactedDescription>
-)
-
-export default RedactedDescription
+import { HTMLAttributes, FC } from 'react'
+import styled from '@emotion/styled'
+import { TEXT_COLOURS } from '@ltht-react/styles'
+
+const StyledRedactedDescription = styled.div`
+  color: ${TEXT_COLOURS.SECONDARY.VALUE};
+`
+
+const RedactedDescription: FC<HTMLAttributes<HTMLDivElement>> = ({ ...rest }) => (
+  <StyledRedactedDescription {...rest}>Insufficient privileges</StyledRedactedDescription>
+)
+
+export default RedactedDescription

package/src/index.tsx

@@ -1,2 +1,2 @@
-export * from './atoms'
-export * from './organisms'
+export * from './atoms'
+export * from './organisms'

package/src/organisms/error-summary.tsx

@@ -1,25 +1,25 @@
-import { FC, MouseEvent } from 'react'
-import Card from '@ltht-react/card'
-
-const ErrorSummary: FC<Props> = ({ clickHandler }) => {
-  const handleClick = (e: MouseEvent<HTMLElement>): void => {
-    e.preventDefault()
-    clickHandler && clickHandler()
-  }
-
-  const errorSummaryProps = {
-    ...(clickHandler && { onClick: handleClick }),
-  }
-
-  return (
-    <Card.Banner status="danger" {...errorSummaryProps}>
-      Regional Providers Unavailable
-    </Card.Banner>
-  )
-}
-
-interface Props {
-  clickHandler?(): void
-}
-
-export default ErrorSummary
+import { FC, MouseEvent } from 'react'
+import Card from '@ltht-react/card'
+
+const ErrorSummary: FC<Props> = ({ clickHandler }) => {
+  const handleClick = (e: MouseEvent<HTMLElement>): void => {
+    e.preventDefault()
+    clickHandler && clickHandler()
+  }
+
+  const errorSummaryProps = {
+    ...(clickHandler && { onClick: handleClick }),
+  }
+
+  return (
+    <Card.Banner status="danger" {...errorSummaryProps}>
+      Regional Providers Unavailable
+    </Card.Banner>
+  )
+}
+
+interface Props {
+  clickHandler?(): void
+}
+
+export default ErrorSummary

package/src/organisms/index.ts

@@ -1,5 +1,5 @@
-export { default as MissingDataSummary } from './missing-data-summary'
-export { default as MissingDataWarning } from './missing-data-warning'
-export { default as ErrorSummary } from './error-summary'
-export { default as InfoSummary } from './info-summary'
-export { default as WarningSummary } from './warning-summary'
+export { default as MissingDataSummary } from './missing-data-summary'
+export { default as MissingDataWarning } from './missing-data-warning'
+export { default as ErrorSummary } from './error-summary'
+export { default as InfoSummary } from './info-summary'
+export { default as WarningSummary } from './warning-summary'

package/src/organisms/info-summary.tsx

@@ -1,25 +1,25 @@
-import { FC, MouseEvent } from 'react'
-import Card from '@ltht-react/card'
-
-const InfoSummary: FC<Props> = ({ clickHandler }) => {
-  const handleClick = (e: MouseEvent<HTMLElement>): void => {
-    e.preventDefault()
-    clickHandler && clickHandler()
-  }
-
-  const infoSummaryProps = {
-    ...(clickHandler && { onClick: handleClick }),
-  }
-
-  return (
-    <Card.Banner status="info" {...infoSummaryProps}>
-      View Data Sources
-    </Card.Banner>
-  )
-}
-
-interface Props {
-  clickHandler?(): void
-}
-
-export default InfoSummary
+import { FC, MouseEvent } from 'react'
+import Card from '@ltht-react/card'
+
+const InfoSummary: FC<Props> = ({ clickHandler }) => {
+  const handleClick = (e: MouseEvent<HTMLElement>): void => {
+    e.preventDefault()
+    clickHandler && clickHandler()
+  }
+
+  const infoSummaryProps = {
+    ...(clickHandler && { onClick: handleClick }),
+  }
+
+  return (
+    <Card.Banner status="info" {...infoSummaryProps}>
+      View Data Sources
+    </Card.Banner>
+  )
+}
+
+interface Props {
+  clickHandler?(): void
+}
+
+export default InfoSummary

package/src/organisms/missing-data-summary.tsx

@@ -1,105 +1,105 @@
-import { FC } from 'react'
-import { Maybe } from '@ltht-react/types'
-import Card from '@ltht-react/card'
-import Icon from '@ltht-react/icon'
-
-const MissingDataSummary: FC<Props> = ({ type, noData, partialData, completeData, missingData }) => {
-  const missingDataSection =
-    missingData != null && missingData.length > 0 ? (
-      <>
-        <Card.Banner
-          data-testid="missing-data-count"
-          status="warning"
-          icon={<Icon type="counter" size="large" color="amber" counterValue={missingData.length} />}
-        >
-          Missing Data
-        </Card.Banner>
-        <Card.List data-testid="missing-data-list">
-          {missingData.map((data, index) => (
-            <Card.ListItem key={`${type}-missing-data-${index}`}>{data}</Card.ListItem>
-          ))}
-        </Card.List>
-      </>
-    ) : (
-      <></>
-    )
-
-  const partialDataSection =
-    partialData != null && partialData.length > 0 ? (
-      <>
-        <Card.Banner
-          data-testid="partial-data-count"
-          status="warning"
-          icon={<Icon type="counter" size="large" color="amber" counterValue={partialData.length} />}
-        >
-          Partial Data
-        </Card.Banner>
-        <Card.List data-testid="partial-data-list">
-          {partialData.map((data, index) => (
-            <Card.ListItem key={`${type}-partial-data-${index}`}>{data}</Card.ListItem>
-          ))}
-        </Card.List>
-      </>
-    ) : (
-      <></>
-    )
-
-  const completeDataSection =
-    completeData != null && completeData.length > 0 ? (
-      <>
-        <Card.Banner
-          data-testid="complete-data-count"
-          status="info"
-          icon={<Icon type="counter" size="large" color="info-blue" counterValue={completeData.length} />}
-        >
-          Complete Data
-        </Card.Banner>
-        <Card.List data-testid="complete-data-list">
-          {completeData.map((data, index) => (
-            <Card.ListItem key={`${type}-complete-data-${index}`}>{data}</Card.ListItem>
-          ))}
-        </Card.List>
-      </>
-    ) : (
-      <></>
-    )
-
-  const noDataSection =
-    noData != null && noData.length > 0 ? (
-      <>
-        <Card.Banner
-          data-testid="no-data-count"
-          status="info"
-          icon={<Icon type="counter" size="large" color="info-blue" counterValue={noData.length} />}
-        >
-          No Data
-        </Card.Banner>
-        <Card.List data-testid="no-data-list">
-          {noData.map((data, index) => (
-            <Card.ListItem key={`${type}-no-data-${index}`}>{data}</Card.ListItem>
-          ))}
-        </Card.List>
-      </>
-    ) : (
-      <></>
-    )
-
-  return (
-    <>
-      {missingDataSection}
-      {partialDataSection}
-      {completeDataSection}
-      {noDataSection}
-    </>
-  )
-}
-
-interface Props {
-  type: string
-  missingData?: Maybe<Array<string>>
-  partialData?: Maybe<Array<string>>
-  completeData?: Maybe<Array<string>>
-  noData?: Maybe<Array<string>>
-}
-
-export default MissingDataSummary
+import { FC } from 'react'
+import { Maybe } from '@ltht-react/types'
+import Card from '@ltht-react/card'
+import Icon from '@ltht-react/icon'
+
+const MissingDataSummary: FC<Props> = ({ type, noData, partialData, completeData, missingData }) => {
+  const missingDataSection =
+    missingData != null && missingData.length > 0 ? (
+      <>
+        <Card.Banner
+          data-testid="missing-data-count"
+          status="warning"
+          icon={<Icon type="counter" size="large" color="amber" counterValue={missingData.length} />}
+        >
+          Missing Data
+        </Card.Banner>
+        <Card.List data-testid="missing-data-list">
+          {missingData.map((data, index) => (
+            <Card.ListItem key={`${type}-missing-data-${index}`}>{data}</Card.ListItem>
+          ))}
+        </Card.List>
+      </>
+    ) : (
+      <></>
+    )
+
+  const partialDataSection =
+    partialData != null && partialData.length > 0 ? (
+      <>
+        <Card.Banner
+          data-testid="partial-data-count"
+          status="warning"
+          icon={<Icon type="counter" size="large" color="amber" counterValue={partialData.length} />}
+        >
+          Partial Data
+        </Card.Banner>
+        <Card.List data-testid="partial-data-list">
+          {partialData.map((data, index) => (
+            <Card.ListItem key={`${type}-partial-data-${index}`}>{data}</Card.ListItem>
+          ))}
+        </Card.List>
+      </>
+    ) : (
+      <></>
+    )
+
+  const completeDataSection =
+    completeData != null && completeData.length > 0 ? (
+      <>
+        <Card.Banner
+          data-testid="complete-data-count"
+          status="info"
+          icon={<Icon type="counter" size="large" color="info-blue" counterValue={completeData.length} />}
+        >
+          Complete Data
+        </Card.Banner>
+        <Card.List data-testid="complete-data-list">
+          {completeData.map((data, index) => (
+            <Card.ListItem key={`${type}-complete-data-${index}`}>{data}</Card.ListItem>
+          ))}
+        </Card.List>
+      </>
+    ) : (
+      <></>
+    )
+
+  const noDataSection =
+    noData != null && noData.length > 0 ? (
+      <>
+        <Card.Banner
+          data-testid="no-data-count"
+          status="info"
+          icon={<Icon type="counter" size="large" color="info-blue" counterValue={noData.length} />}
+        >
+          No Data
+        </Card.Banner>
+        <Card.List data-testid="no-data-list">
+          {noData.map((data, index) => (
+            <Card.ListItem key={`${type}-no-data-${index}`}>{data}</Card.ListItem>
+          ))}
+        </Card.List>
+      </>
+    ) : (
+      <></>
+    )
+
+  return (
+    <>
+      {missingDataSection}
+      {partialDataSection}
+      {completeDataSection}
+      {noDataSection}
+    </>
+  )
+}
+
+interface Props {
+  type: string
+  missingData?: Maybe<Array<string>>
+  partialData?: Maybe<Array<string>>
+  completeData?: Maybe<Array<string>>
+  noData?: Maybe<Array<string>>
+}
+
+export default MissingDataSummary

package/src/organisms/missing-data-warning.tsx

@@ -1,25 +1,25 @@
-import { FC, MouseEvent } from 'react'
-import Card from '@ltht-react/card'
-
-const MissingDataWarning: FC<Props> = ({ clickHandler }) => {
-  const handleClick = (e: MouseEvent<HTMLElement>): void => {
-    e.preventDefault()
-    clickHandler && clickHandler()
-  }
-
-  const missingDataWarningProps = {
-    ...(clickHandler && { onClick: handleClick }),
-  }
-
-  return (
-    <Card.Banner status="warning" {...missingDataWarningProps}>
-      Missing Data
-    </Card.Banner>
-  )
-}
-
-interface Props {
-  clickHandler?(): void
-}
-
-export default MissingDataWarning
+import { FC, MouseEvent } from 'react'
+import Card from '@ltht-react/card'
+
+const MissingDataWarning: FC<Props> = ({ clickHandler }) => {
+  const handleClick = (e: MouseEvent<HTMLElement>): void => {
+    e.preventDefault()
+    clickHandler && clickHandler()
+  }
+
+  const missingDataWarningProps = {
+    ...(clickHandler && { onClick: handleClick }),
+  }
+
+  return (
+    <Card.Banner status="warning" {...missingDataWarningProps}>
+      Missing Data
+    </Card.Banner>
+  )
+}
+
+interface Props {
+  clickHandler?(): void
+}
+
+export default MissingDataWarning

package/src/organisms/warning-summary.tsx

@@ -1,25 +1,25 @@
-import { FC, MouseEvent } from 'react'
-import Card from '@ltht-react/card'
-
-const WarningSummary: FC<Props> = ({ clickHandler }) => {
-  const handleClick = (e: MouseEvent<HTMLElement>): void => {
-    e.preventDefault()
-    clickHandler && clickHandler()
-  }
-
-  const warningSummaryProps = {
-    ...(clickHandler && { onClick: handleClick }),
-  }
-
-  return (
-    <Card.Banner status="warning" {...warningSummaryProps}>
-      Incomplete Data
-    </Card.Banner>
-  )
-}
-
-interface Props {
-  clickHandler?(): void
-}
-
-export default WarningSummary
+import { FC, MouseEvent } from 'react'
+import Card from '@ltht-react/card'
+
+const WarningSummary: FC<Props> = ({ clickHandler }) => {
+  const handleClick = (e: MouseEvent<HTMLElement>): void => {
+    e.preventDefault()
+    clickHandler && clickHandler()
+  }
+
+  const warningSummaryProps = {
+    ...(clickHandler && { onClick: handleClick }),
+  }
+
+  return (
+    <Card.Banner status="warning" {...warningSummaryProps}>
+      Incomplete Data
+    </Card.Banner>
+  )
+}
+
+interface Props {
+  clickHandler?(): void
+}
+
+export default WarningSummary