@ltht-react/diagnosis-summary 2.0.95 → 2.0.96
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/lib/atoms/diagnosis-title.d.ts +2 -2
- package/lib/atoms/diagnosis-title.js +6 -2
- package/lib/atoms/diagnosis-title.js.map +1 -1
- package/lib/constants.d.ts +3 -1
- package/lib/constants.js +6 -1
- package/lib/constants.js.map +1 -1
- package/lib/organisms/diagnosis-summary.js +2 -5
- package/lib/organisms/diagnosis-summary.js.map +1 -1
- package/package.json +10 -10
- package/src/atoms/diagnosis-title.tsx +13 -7
- package/src/constants.ts +3 -1
- package/src/organisms/diagnosis-summary.tsx +1 -4
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { FC, HTMLAttributes } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { Condition } from '@ltht-react/types';
|
|
3
3
|
declare const DiagnosisTitle: FC<Props>;
|
|
4
4
|
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
|
|
5
|
+
condition: Condition;
|
|
6
6
|
enteredInError: boolean;
|
|
7
7
|
}
|
|
8
8
|
export default DiagnosisTitle;
|
|
@@ -32,13 +32,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
32
32
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
33
|
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
34
34
|
var styles_1 = require("@ltht-react/styles");
|
|
35
|
+
var constants_1 = require("../constants");
|
|
35
36
|
var StyledConditionTitle = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n text-align: left;\n text-decoration: ", ";\n"], ["\n color: ", ";\n text-align: left;\n text-decoration: ", ";\n"])), styles_1.TEXT_COLOURS.PRIMARY, function (_a) {
|
|
36
37
|
var enteredInError = _a.enteredInError;
|
|
37
38
|
return (enteredInError ? 'line-through' : 'none');
|
|
38
39
|
});
|
|
39
40
|
var DiagnosisTitle = function (_a) {
|
|
40
|
-
var
|
|
41
|
-
|
|
41
|
+
var _b;
|
|
42
|
+
var condition = _a.condition, enteredInError = _a.enteredInError, rest = __rest(_a, ["condition", "enteredInError"]);
|
|
43
|
+
var snippetMetadataTag = (_b = condition === null || condition === void 0 ? void 0 : condition.metadata.tag) === null || _b === void 0 ? void 0 : _b.find(function (coding) { return (coding === null || coding === void 0 ? void 0 : coding.system) === constants_1.SNIPPET_HOVER_TEXT; });
|
|
44
|
+
var conditionCoding = condition === null || condition === void 0 ? void 0 : condition.code;
|
|
45
|
+
return ((0, jsx_runtime_1.jsx)(StyledConditionTitle, __assign({ enteredInError: enteredInError }, rest, { children: (snippetMetadataTag === null || snippetMetadataTag === void 0 ? void 0 : snippetMetadataTag.display) || (conditionCoding === null || conditionCoding === void 0 ? void 0 : conditionCoding.text) })));
|
|
42
46
|
};
|
|
43
47
|
exports.default = DiagnosisTitle;
|
|
44
48
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"diagnosis-title.js","sourceRoot":"","sources":["../../src/atoms/diagnosis-title.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AAEpC,6CAAiD;
|
|
1
|
+
{"version":3,"file":"diagnosis-title.js","sourceRoot":"","sources":["../../src/atoms/diagnosis-title.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AAEpC,6CAAiD;AAEjD,0CAAiD;AAEjD,IAAM,oBAAoB,GAAG,gBAAM,CAAC,GAAG,sIAAoB,aAChD,EAAoB,6CAEV,EAAkE,KACtF,KAHU,qBAAY,CAAC,OAAO,EAEV,UAAC,EAAkB;QAAhB,cAAc,oBAAA;IAAO,OAAA,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;AAA1C,CAA0C,CACtF,CAAA;AAED,IAAM,cAAc,GAAc,UAAC,EAAsC;;IAApC,IAAA,SAAS,eAAA,EAAE,cAAc,oBAAA,EAAK,IAAI,cAApC,+BAAsC,CAAF;IACrE,IAAM,kBAAkB,GAAG,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAC,GAAG,0CAAE,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,MAAK,8BAAkB,EAArC,CAAqC,CAAC,CAAA;IAC3G,IAAM,eAAe,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAA;IAEvC,OAAO,CACL,uBAAC,oBAAoB,aAAC,cAAc,EAAE,cAAc,IAAM,IAAI,cAC3D,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,MAAI,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,CAAA,IAChC,CACxB,CAAA;AACH,CAAC,CAAA;AAWD,kBAAe,cAAc,CAAA"}
|
package/lib/constants.d.ts
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
declare const SNIPPET_HOVER_TEXT = "https://leedsth.nhs.uk/cds/snippet-hover-text";
|
|
2
|
-
|
|
2
|
+
declare const EXTENSION_TEMPLATE_DISPLAY_NAME = "https://leedsth.nhs.uk/cds/extension-template-display-name";
|
|
3
|
+
declare const EXTENSION_TEMPLATE_VERSION = "https://leedsth.nhs.uk/cds/extension-template-version";
|
|
4
|
+
export { EXTENSION_TEMPLATE_DISPLAY_NAME, EXTENSION_TEMPLATE_VERSION, SNIPPET_HOVER_TEXT };
|
package/lib/constants.js
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SNIPPET_HOVER_TEXT = exports.EXTENSION_TEMPLATE_VERSION = exports.EXTENSION_TEMPLATE_DISPLAY_NAME = void 0;
|
|
3
4
|
var SNIPPET_HOVER_TEXT = 'https://leedsth.nhs.uk/cds/snippet-hover-text';
|
|
4
|
-
exports.
|
|
5
|
+
exports.SNIPPET_HOVER_TEXT = SNIPPET_HOVER_TEXT;
|
|
6
|
+
var EXTENSION_TEMPLATE_DISPLAY_NAME = 'https://leedsth.nhs.uk/cds/extension-template-display-name';
|
|
7
|
+
exports.EXTENSION_TEMPLATE_DISPLAY_NAME = EXTENSION_TEMPLATE_DISPLAY_NAME;
|
|
8
|
+
var EXTENSION_TEMPLATE_VERSION = 'https://leedsth.nhs.uk/cds/extension-template-version';
|
|
9
|
+
exports.EXTENSION_TEMPLATE_VERSION = EXTENSION_TEMPLATE_VERSION;
|
|
5
10
|
//# sourceMappingURL=constants.js.map
|
package/lib/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;AAAA,IAAM,kBAAkB,GAAG,+CAA+C,CAAA;AAIJ,gDAAkB;AAHxF,IAAM,+BAA+B,GAAG,4DAA4D,CAAA;AAG3F,0EAA+B;AAFxC,IAAM,0BAA0B,GAAG,uDAAuD,CAAA;AAEhD,gEAA0B"}
|
|
@@ -39,7 +39,6 @@ var styles_1 = require("@ltht-react/styles");
|
|
|
39
39
|
var diagnosis_title_1 = __importDefault(require("../atoms/diagnosis-title"));
|
|
40
40
|
var diagnosis_onset_estimated_1 = __importDefault(require("../atoms/diagnosis-onset-estimated"));
|
|
41
41
|
var diagnosis_redacted_1 = __importDefault(require("../molecules/diagnosis-redacted"));
|
|
42
|
-
var constants_1 = __importDefault(require("../constants"));
|
|
43
42
|
var StyledTitle = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n"], ["\n display: inline-block;\n"])));
|
|
44
43
|
var StyledSummary = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n"], ["\n display: flex;\n justify-content: center;\n"])));
|
|
45
44
|
var StyledDescription = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-grow: 1;\n"], ["\n flex-grow: 1;\n"])));
|
|
@@ -50,14 +49,12 @@ var StyledDate = styled_1.default.div(templateObject_7 || (templateObject_7 = __
|
|
|
50
49
|
var IconButtonWrapper = (0, styled_1.default)(button_1.Button)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n margin-right: 0.5rem;\n display: inline-block !important;\n margin-left: 0.5rem;\n width: auto;\n"], ["\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: center;\n justify-content: center;\n margin-right: 0.5rem;\n display: inline-block !important;\n margin-left: 0.5rem;\n width: auto;\n"])));
|
|
51
50
|
var IconWrapper = styled_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n margin-left: 0.5rem;\n display: inline-block;\n"], ["\n margin-left: 0.5rem;\n display: inline-block;\n"])));
|
|
52
51
|
var DiagnosisSummary = function (_a) {
|
|
53
|
-
var _b, _c;
|
|
54
|
-
var condition = _a.condition, extendedTemplateDisplayName = _a.extendedTemplateDisplayName, extensionTemplateDisplayName = _a.extensionTemplateDisplayName, extensionClickHandler = _a.extensionClickHandler, _d = _a.isReadOnly, isReadOnly = _d === void 0 ? false : _d, _e = _a.dateOnlyView, dateOnlyView = _e === void 0 ? false : _e, _f = _a.canExtendDiagnosis, canExtendDiagnosis = _f === void 0 ? false : _f, _g = _a.controls, controls = _g === void 0 ? [] : _g, rest = __rest(_a, ["condition", "extendedTemplateDisplayName", "extensionTemplateDisplayName", "extensionClickHandler", "isReadOnly", "dateOnlyView", "canExtendDiagnosis", "controls"]);
|
|
52
|
+
var condition = _a.condition, extendedTemplateDisplayName = _a.extendedTemplateDisplayName, extensionTemplateDisplayName = _a.extensionTemplateDisplayName, extensionClickHandler = _a.extensionClickHandler, _b = _a.isReadOnly, isReadOnly = _b === void 0 ? false : _b, _c = _a.dateOnlyView, dateOnlyView = _c === void 0 ? false : _c, _d = _a.canExtendDiagnosis, canExtendDiagnosis = _d === void 0 ? false : _d, _e = _a.controls, controls = _e === void 0 ? [] : _e, rest = __rest(_a, ["condition", "extendedTemplateDisplayName", "extensionTemplateDisplayName", "extensionClickHandler", "isReadOnly", "dateOnlyView", "canExtendDiagnosis", "controls"]);
|
|
55
53
|
if (condition.metadata.isRedacted) {
|
|
56
54
|
return ((0, jsx_runtime_1.jsx)(StyledSummary, __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(diagnosis_redacted_1.default, { condition: condition }) })));
|
|
57
55
|
}
|
|
58
56
|
var enteredInError = condition.verificationStatus === types_1.ConditionVerificationStatus.EnteredInError;
|
|
59
|
-
|
|
60
|
-
return ((0, jsx_runtime_1.jsxs)(StyledSummary, __assign({}, rest, { children: [(0, jsx_runtime_1.jsxs)(StyledLeftContainer, { children: [(0, jsx_runtime_1.jsxs)(StyledDescription, { children: [(0, jsx_runtime_1.jsx)(StyledTitle, { children: (0, jsx_runtime_1.jsx)(diagnosis_title_1.default, { enteredInError: enteredInError, text: snippetHoverText }) }), extensionTemplateDisplayName && !isReadOnly && canExtendDiagnosis && !enteredInError && ((0, jsx_runtime_1.jsx)(IconButtonWrapper, { onClick: extensionClickHandler, type: "button", styling: { buttonStyle: 'clear' }, value: "", icon: (0, jsx_runtime_1.jsx)(icon_1.default, { type: "folder-plus", size: "medium" }), iconPlacement: "center", iconColour: styles_1.BTN_COLOURS.PRIMARY.VALUE, title: "This diagnosis can be extended further using form '".concat(extensionTemplateDisplayName, "' by clicking here") })), extendedTemplateDisplayName && ((0, jsx_runtime_1.jsx)(IconWrapper, { children: (0, jsx_runtime_1.jsx)(icon_1.default, { type: "comment", size: "medium", title: "This diagnosis has been extended beyond standard diagnosis with form '".concat(extendedTemplateDisplayName, "'.\n To view these extra details, click into the full diagnosis detail or edit the existing form.") }) }))] }), !isReadOnly && controls.length > 0 && ((0, jsx_runtime_1.jsx)(StyledControlsContainer, { children: controls.map(function (props, index) { return ((0, jsx_runtime_1.jsx)(StyledButton, __assign({}, props), index)); }) }))] }), (0, jsx_runtime_1.jsxs)(StyledDate, { children: [(0, jsx_runtime_1.jsx)(type_summary_1.DateSummary, { enteredInError: enteredInError, datetime: condition === null || condition === void 0 ? void 0 : condition.assertedDate, dateOnlyView: dateOnlyView }), (0, jsx_runtime_1.jsx)(diagnosis_onset_estimated_1.default, { enteredInError: enteredInError, condition: condition })] })] })));
|
|
57
|
+
return ((0, jsx_runtime_1.jsxs)(StyledSummary, __assign({}, rest, { children: [(0, jsx_runtime_1.jsxs)(StyledLeftContainer, { children: [(0, jsx_runtime_1.jsxs)(StyledDescription, { children: [(0, jsx_runtime_1.jsx)(StyledTitle, { children: (0, jsx_runtime_1.jsx)(diagnosis_title_1.default, { enteredInError: enteredInError, condition: condition }) }), extensionTemplateDisplayName && !isReadOnly && canExtendDiagnosis && !enteredInError && ((0, jsx_runtime_1.jsx)(IconButtonWrapper, { onClick: extensionClickHandler, type: "button", styling: { buttonStyle: 'clear' }, value: "", icon: (0, jsx_runtime_1.jsx)(icon_1.default, { type: "folder-plus", size: "medium" }), iconPlacement: "center", iconColour: styles_1.BTN_COLOURS.PRIMARY.VALUE, title: "This diagnosis can be extended further using form '".concat(extensionTemplateDisplayName, "' by clicking here") })), extendedTemplateDisplayName && ((0, jsx_runtime_1.jsx)(IconWrapper, { children: (0, jsx_runtime_1.jsx)(icon_1.default, { type: "comment", size: "medium", title: "This diagnosis has been extended beyond standard diagnosis with form '".concat(extendedTemplateDisplayName, "'.\n To view these extra details, click into the full diagnosis detail or edit the existing form.") }) }))] }), !isReadOnly && controls.length > 0 && ((0, jsx_runtime_1.jsx)(StyledControlsContainer, { children: controls.map(function (props, index) { return ((0, jsx_runtime_1.jsx)(StyledButton, __assign({}, props), index)); }) }))] }), (0, jsx_runtime_1.jsxs)(StyledDate, { children: [(0, jsx_runtime_1.jsx)(type_summary_1.DateSummary, { enteredInError: enteredInError, datetime: condition === null || condition === void 0 ? void 0 : condition.assertedDate, dateOnlyView: dateOnlyView }), (0, jsx_runtime_1.jsx)(diagnosis_onset_estimated_1.default, { enteredInError: enteredInError, condition: condition })] })] })));
|
|
61
58
|
};
|
|
62
59
|
exports.default = DiagnosisSummary;
|
|
63
60
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"diagnosis-summary.js","sourceRoot":"","sources":["../../src/organisms/diagnosis-summary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AAEpC,2CAA0E;AAC1E,yDAAsD;AACtD,0DAAmC;AACnC,6CAAwD;AAExD,6CAA8G;AAC9G,6EAA4C;AAC5C,iGAAmE;AACnE,uFAAsD;
|
|
1
|
+
{"version":3,"file":"diagnosis-summary.js","sourceRoot":"","sources":["../../src/organisms/diagnosis-summary.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ltht-react/diagnosis-summary",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.96",
|
|
4
4
|
"description": "ltht-react clinical DiagnosisSummary component.",
|
|
5
5
|
"author": "LTHT",
|
|
6
6
|
"homepage": "",
|
|
@@ -28,15 +28,15 @@
|
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@emotion/react": "^11.0.0",
|
|
30
30
|
"@emotion/styled": "^11.0.0",
|
|
31
|
-
"@ltht-react/button": "^2.0.
|
|
32
|
-
"@ltht-react/hooks": "^2.0.
|
|
33
|
-
"@ltht-react/icon": "^2.0.
|
|
34
|
-
"@ltht-react/list": "^2.0.
|
|
35
|
-
"@ltht-react/styles": "^2.0.
|
|
36
|
-
"@ltht-react/type-summary": "^2.0.
|
|
37
|
-
"@ltht-react/types": "^2.0.
|
|
38
|
-
"@ltht-react/utils": "^2.0.
|
|
31
|
+
"@ltht-react/button": "^2.0.96",
|
|
32
|
+
"@ltht-react/hooks": "^2.0.96",
|
|
33
|
+
"@ltht-react/icon": "^2.0.96",
|
|
34
|
+
"@ltht-react/list": "^2.0.96",
|
|
35
|
+
"@ltht-react/styles": "^2.0.96",
|
|
36
|
+
"@ltht-react/type-summary": "^2.0.96",
|
|
37
|
+
"@ltht-react/types": "^2.0.96",
|
|
38
|
+
"@ltht-react/utils": "^2.0.96",
|
|
39
39
|
"react": "^18.2.0"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "c79fddf11b4e822eb00084c266ee2211934edba9"
|
|
42
42
|
}
|
|
@@ -2,7 +2,8 @@ import { FC, HTMLAttributes } from 'react'
|
|
|
2
2
|
import styled from '@emotion/styled'
|
|
3
3
|
|
|
4
4
|
import { TEXT_COLOURS } from '@ltht-react/styles'
|
|
5
|
-
import {
|
|
5
|
+
import { Condition } from '@ltht-react/types'
|
|
6
|
+
import { SNIPPET_HOVER_TEXT } from '../constants'
|
|
6
7
|
|
|
7
8
|
const StyledConditionTitle = styled.div<IStyledDescription>`
|
|
8
9
|
color: ${TEXT_COLOURS.PRIMARY};
|
|
@@ -10,14 +11,19 @@ const StyledConditionTitle = styled.div<IStyledDescription>`
|
|
|
10
11
|
text-decoration: ${({ enteredInError }) => (enteredInError ? 'line-through' : 'none')};
|
|
11
12
|
`
|
|
12
13
|
|
|
13
|
-
const DiagnosisTitle: FC<Props> = ({
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
const DiagnosisTitle: FC<Props> = ({ condition, enteredInError, ...rest }) => {
|
|
15
|
+
const snippetMetadataTag = condition?.metadata.tag?.find((coding) => coding?.system === SNIPPET_HOVER_TEXT)
|
|
16
|
+
const conditionCoding = condition?.code
|
|
17
|
+
|
|
18
|
+
return (
|
|
19
|
+
<StyledConditionTitle enteredInError={enteredInError} {...rest}>
|
|
20
|
+
{snippetMetadataTag?.display || conditionCoding?.text}
|
|
21
|
+
</StyledConditionTitle>
|
|
22
|
+
)
|
|
23
|
+
}
|
|
18
24
|
|
|
19
25
|
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
20
|
-
|
|
26
|
+
condition: Condition
|
|
21
27
|
enteredInError: boolean
|
|
22
28
|
}
|
|
23
29
|
|
package/src/constants.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
const SNIPPET_HOVER_TEXT = 'https://leedsth.nhs.uk/cds/snippet-hover-text'
|
|
2
|
+
const EXTENSION_TEMPLATE_DISPLAY_NAME = 'https://leedsth.nhs.uk/cds/extension-template-display-name'
|
|
3
|
+
const EXTENSION_TEMPLATE_VERSION = 'https://leedsth.nhs.uk/cds/extension-template-version'
|
|
2
4
|
|
|
3
|
-
export
|
|
5
|
+
export { EXTENSION_TEMPLATE_DISPLAY_NAME, EXTENSION_TEMPLATE_VERSION, SNIPPET_HOVER_TEXT }
|
|
@@ -10,7 +10,6 @@ import { BTN_COLOURS, MOBILE_MAXIMUM_MEDIA_QUERY, SMALL_SCREEN_MAXIMUM_MEDIA_QUE
|
|
|
10
10
|
import Title from '../atoms/diagnosis-title'
|
|
11
11
|
import OnsetDateEstimated from '../atoms/diagnosis-onset-estimated'
|
|
12
12
|
import Redacted from '../molecules/diagnosis-redacted'
|
|
13
|
-
import SNIPPET_HOVER_TEXT from '../constants'
|
|
14
13
|
|
|
15
14
|
const StyledTitle = styled.div`
|
|
16
15
|
display: inline-block;
|
|
@@ -103,14 +102,12 @@ const DiagnosisSummary: FC<Props> = ({
|
|
|
103
102
|
|
|
104
103
|
const enteredInError = condition.verificationStatus === ConditionVerificationStatus.EnteredInError
|
|
105
104
|
|
|
106
|
-
const snippetHoverText = condition?.metadata.tag?.find((coding) => coding?.system === SNIPPET_HOVER_TEXT)?.display
|
|
107
|
-
|
|
108
105
|
return (
|
|
109
106
|
<StyledSummary {...rest}>
|
|
110
107
|
<StyledLeftContainer>
|
|
111
108
|
<StyledDescription>
|
|
112
109
|
<StyledTitle>
|
|
113
|
-
<Title enteredInError={enteredInError}
|
|
110
|
+
<Title enteredInError={enteredInError} condition={condition} />
|
|
114
111
|
</StyledTitle>
|
|
115
112
|
{extensionTemplateDisplayName && !isReadOnly && canExtendDiagnosis && !enteredInError && (
|
|
116
113
|
<IconButtonWrapper
|