@ltht-react/diagnosis-summary 2.0.94 → 2.0.96

package/lib/atoms/diagnosis-category.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes } from 'react';
+import { Condition } from '@ltht-react/types';
+declare const DiagnosisCategory: FC<Props>;
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    condition: Condition;
+    enteredInError: boolean;
+}
+export default DiagnosisCategory;

package/lib/atoms/diagnosis-category.js

@@ -0,0 +1,46 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var styles_1 = require("@ltht-react/styles");
+var utils_1 = require("@ltht-react/utils");
+var StyledConditionCategory = 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  text-decoration: ", ";\n"], ["\n  color: ", ";\n  text-align: left;\n  font-size: smaller;\n  padding-top: 0.25rem;\n  text-decoration: ", ";\n"])), styles_1.TEXT_COLOURS.SECONDARY.VALUE, function (_a) {
+    var enteredInError = _a.enteredInError;
+    return (enteredInError ? 'line-through' : 'none');
+});
+var DiagnosisCategory = function (_a) {
+    var condition = _a.condition, enteredInError = _a.enteredInError, rest = __rest(_a, ["condition", "enteredInError"]);
+    return ((0, jsx_runtime_1.jsx)(StyledConditionCategory, __assign({ enteredInError: enteredInError }, rest, { children: (0, utils_1.codeableConceptDisplaySummary)(condition.severity) })));
+};
+exports.default = DiagnosisCategory;
+var templateObject_1;
+//# sourceMappingURL=diagnosis-category.js.map

package/lib/atoms/diagnosis-category.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diagnosis-category.js","sourceRoot":"","sources":["../../src/atoms/diagnosis-category.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AAEpC,6CAAiD;AAEjD,2CAAiE;AAEjE,IAAM,uBAAuB,GAAG,gBAAM,CAAC,GAAG,sLAAoB,aACnD,EAA4B,6FAIlB,EAAkE,KACtF,KALU,qBAAY,CAAC,SAAS,CAAC,KAAK,EAIlB,UAAC,EAAkB;QAAhB,cAAc,oBAAA;IAAO,OAAA,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;AAA1C,CAA0C,CACtF,CAAA;AAED,IAAM,iBAAiB,GAAc,UAAC,EAAsC;IAApC,IAAA,SAAS,eAAA,EAAE,cAAc,oBAAA,EAAK,IAAI,cAApC,+BAAsC,CAAF;IAAO,OAAA,CAC/E,uBAAC,uBAAuB,aAAC,cAAc,EAAE,cAAc,IAAM,IAAI,cAC9D,IAAA,qCAA6B,EAAC,SAAS,CAAC,QAAQ,CAAC,IAC1B,CAC3B,CAAA;CAAA,CAAA;AAWD,kBAAe,iBAAiB,CAAA"}

package/lib/atoms/diagnosis-onset-estimated.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes } from 'react';
+import { Condition } from '@ltht-react/types';
+declare const DiagnosisOnsetEstimated: FC<Props>;
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    condition: Condition;
+    enteredInError: boolean;
+}
+export default DiagnosisOnsetEstimated;

package/lib/atoms/diagnosis-onset-estimated.js

@@ -0,0 +1,47 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var styles_1 = require("@ltht-react/styles");
+var utils_1 = require("@ltht-react/utils");
+var StyledOnsetEstimated = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  font-size: x-small;\n  white-space: pre-wrap;\n  display: inline-block;\n  text-decoration: ", ";\n"], ["\n  color: ", ";\n  font-size: x-small;\n  white-space: pre-wrap;\n  display: inline-block;\n  text-decoration: ", ";\n"])), styles_1.TEXT_COLOURS.INFO, function (_a) {
+    var enteredInError = _a.enteredInError;
+    return (enteredInError ? 'line-through' : 'none');
+});
+var DiagnosisOnsetEstimated = function (_a) {
+    var condition = _a.condition, enteredInError = _a.enteredInError, rest = __rest(_a, ["condition", "enteredInError"]);
+    var onsetDateEstimated = (0, utils_1.getBooleanExtension)(condition.extension, 'https://fhir.leedsth.nhs.uk/ValueSet/diagnosis-onset-date-estimated-1');
+    return ((0, jsx_runtime_1.jsx)(StyledOnsetEstimated, __assign({ enteredInError: enteredInError }, rest, { children: onsetDateEstimated ? ' (estimated)' : '' })));
+};
+exports.default = DiagnosisOnsetEstimated;
+var templateObject_1;
+//# sourceMappingURL=diagnosis-onset-estimated.js.map

package/lib/atoms/diagnosis-onset-estimated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diagnosis-onset-estimated.js","sourceRoot":"","sources":["../../src/atoms/diagnosis-onset-estimated.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AAEpC,6CAAiD;AAGjD,2CAAuD;AAEvD,IAAM,oBAAoB,GAAG,gBAAM,CAAC,GAAG,4LAAoB,aAChD,EAAiB,mGAIP,EAAkE,KACtF,KALU,qBAAY,CAAC,IAAI,EAIP,UAAC,EAAkB;QAAhB,cAAc,oBAAA;IAAO,OAAA,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;AAA1C,CAA0C,CACtF,CAAA;AAED,IAAM,uBAAuB,GAAc,UAAC,EAAsC;IAApC,IAAA,SAAS,eAAA,EAAE,cAAc,oBAAA,EAAK,IAAI,cAApC,+BAAsC,CAAF;IAC9E,IAAM,kBAAkB,GAAG,IAAA,2BAAmB,EAC5C,SAAS,CAAC,SAAS,EACnB,uEAAuE,CACxE,CAAA;IAED,OAAO,CACL,uBAAC,oBAAoB,aAAC,cAAc,EAAE,cAAc,IAAM,IAAI,cAC3D,kBAAkB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IACpB,CACxB,CAAA;AACH,CAAC,CAAA;AAWD,kBAAe,uBAAuB,CAAA"}

package/lib/atoms/diagnosis-status.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes } from 'react';
+import { Condition } from '@ltht-react/types';
+declare const DiagnosisStatus: FC<Props>;
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    condition: Condition;
+    enteredInError: boolean;
+}
+export default DiagnosisStatus;

package/lib/atoms/diagnosis-status.js

@@ -0,0 +1,51 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var styles_1 = require("@ltht-react/styles");
+var utils_1 = require("@ltht-react/utils");
+var StyledConditionStatus = 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  text-decoration: ", ";\n"], ["\n  color: ", ";\n  text-align: left;\n  font-size: smaller;\n  padding-top: 0.25rem;\n  text-decoration: ", ";\n"])), styles_1.TEXT_COLOURS.SECONDARY.VALUE, function (_a) {
+    var enteredInError = _a.enteredInError;
+    return (enteredInError ? 'line-through' : 'none');
+});
+var DiagnosisStatus = function (_a) {
+    var condition = _a.condition, enteredInError = _a.enteredInError, rest = __rest(_a, ["condition", "enteredInError"]);
+    var values = [];
+    if (condition.clinicalStatus)
+        values.push((0, utils_1.titleCase)(condition.clinicalStatus));
+    if (condition.verificationStatus)
+        values.push((0, utils_1.titleCase)(condition.verificationStatus));
+    return ((0, jsx_runtime_1.jsx)(StyledConditionStatus, __assign({ enteredInError: enteredInError }, rest, { children: values.length > 0 ? values.join(' - ') : 'Insufficient data provided' })));
+};
+exports.default = DiagnosisStatus;
+var templateObject_1;
+//# sourceMappingURL=diagnosis-status.js.map

package/lib/atoms/diagnosis-status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diagnosis-status.js","sourceRoot":"","sources":["../../src/atoms/diagnosis-status.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AAEpC,6CAAiD;AAEjD,2CAA6C;AAE7C,IAAM,qBAAqB,GAAG,gBAAM,CAAC,GAAG,sLAAoB,aACjD,EAA4B,6FAIlB,EAAkE,KACtF,KALU,qBAAY,CAAC,SAAS,CAAC,KAAK,EAIlB,UAAC,EAAkB;QAAhB,cAAc,oBAAA;IAAO,OAAA,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;AAA1C,CAA0C,CACtF,CAAA;AAED,IAAM,eAAe,GAAc,UAAC,EAAsC;IAApC,IAAA,SAAS,eAAA,EAAE,cAAc,oBAAA,EAAK,IAAI,cAApC,+BAAsC,CAAF;IACtE,IAAM,MAAM,GAAG,EAAE,CAAA;IAEjB,IAAI,SAAS,CAAC,cAAc;QAAE,MAAM,CAAC,IAAI,CAAC,IAAA,iBAAS,EAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;IAC9E,IAAI,SAAS,CAAC,kBAAkB;QAAE,MAAM,CAAC,IAAI,CAAC,IAAA,iBAAS,EAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAEtF,OAAO,CACL,uBAAC,qBAAqB,aAAC,cAAc,EAAE,cAAc,IAAM,IAAI,cAC5D,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,4BAA4B,IAChD,CACzB,CAAA;AACH,CAAC,CAAA;AAWD,kBAAe,eAAe,CAAA"}

package/lib/atoms/diagnosis-title.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes } from 'react';
+import { Condition } from '@ltht-react/types';
+declare const DiagnosisTitle: FC<Props>;
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    condition: Condition;
+    enteredInError: boolean;
+}
+export default DiagnosisTitle;

package/lib/atoms/diagnosis-title.js

@@ -0,0 +1,49 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var styles_1 = require("@ltht-react/styles");
+var constants_1 = require("../constants");
+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) {
+    var enteredInError = _a.enteredInError;
+    return (enteredInError ? 'line-through' : 'none');
+});
+var DiagnosisTitle = function (_a) {
+    var _b;
+    var condition = _a.condition, enteredInError = _a.enteredInError, rest = __rest(_a, ["condition", "enteredInError"]);
+    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; });
+    var conditionCoding = condition === null || condition === void 0 ? void 0 : condition.code;
+    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) })));
+};
+exports.default = DiagnosisTitle;
+var templateObject_1;
+//# sourceMappingURL=diagnosis-title.js.map

package/lib/atoms/diagnosis-title.js.map

@@ -0,0 +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

@@ -0,0 +1,4 @@
+declare const SNIPPET_HOVER_TEXT = "https://leedsth.nhs.uk/cds/snippet-hover-text";
+declare const EXTENSION_TEMPLATE_DISPLAY_NAME = "https://leedsth.nhs.uk/cds/extension-template-display-name";
+declare const EXTENSION_TEMPLATE_VERSION = "https://leedsth.nhs.uk/cds/extension-template-version";
+export { EXTENSION_TEMPLATE_DISPLAY_NAME, EXTENSION_TEMPLATE_VERSION, SNIPPET_HOVER_TEXT };

package/lib/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SNIPPET_HOVER_TEXT = exports.EXTENSION_TEMPLATE_VERSION = exports.EXTENSION_TEMPLATE_DISPLAY_NAME = void 0;
+var SNIPPET_HOVER_TEXT = 'https://leedsth.nhs.uk/cds/snippet-hover-text';
+exports.SNIPPET_HOVER_TEXT = SNIPPET_HOVER_TEXT;
+var EXTENSION_TEMPLATE_DISPLAY_NAME = 'https://leedsth.nhs.uk/cds/extension-template-display-name';
+exports.EXTENSION_TEMPLATE_DISPLAY_NAME = EXTENSION_TEMPLATE_DISPLAY_NAME;
+var EXTENSION_TEMPLATE_VERSION = 'https://leedsth.nhs.uk/cds/extension-template-version';
+exports.EXTENSION_TEMPLATE_VERSION = EXTENSION_TEMPLATE_VERSION;
+//# sourceMappingURL=constants.js.map

package/lib/constants.js.map

@@ -0,0 +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"}

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+import DiagnosisSummary from './organisms/diagnosis-summary';
+export default DiagnosisSummary;

package/lib/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var diagnosis_summary_1 = __importDefault(require("./organisms/diagnosis-summary"));
+exports.default = diagnosis_summary_1.default;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;AAAA,oFAA4D;AAE5D,kBAAe,2BAAgB,CAAA"}

package/lib/molecules/diagnosis-redacted.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { Condition } from '@ltht-react/types';
+declare const DiagnosisRedacted: FC<Props>;
+interface Props {
+    condition?: Condition | null;
+}
+export default DiagnosisRedacted;

package/lib/molecules/diagnosis-redacted.js

@@ -0,0 +1,22 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var type_summary_1 = require("@ltht-react/type-summary");
+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"])));
+var StyledDateSummary = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-align: right;\n"], ["\n  text-align: right;\n"])));
+var DiagnosisRedacted = function (_a) {
+    var _b;
+    var condition = _a.condition;
+    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)(StyledDateSummary, { children: (0, jsx_runtime_1.jsx)(type_summary_1.DateSummary, { datetime: (_b = condition === null || condition === void 0 ? void 0 : condition.onset) === null || _b === void 0 ? void 0 : _b.dateTime }) })] }));
+};
+exports.default = DiagnosisRedacted;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=diagnosis-redacted.js.map

package/lib/molecules/diagnosis-redacted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diagnosis-redacted.js","sourceRoot":"","sources":["../../src/molecules/diagnosis-redacted.tsx"],"names":[],"mappings":";;;;;;;;;;AACA,2DAAoC;AAGpC,yDAA2E;AAE3E,IAAM,yBAAyB,GAAG,gBAAM,CAAC,GAAG,6GAAA,0CAG3C,IAAA,CAAA;AAED,IAAM,iBAAiB,GAAG,gBAAM,CAAC,GAAG,6FAAA,0BAEnC,IAAA,CAAA;AAED,IAAM,iBAAiB,GAAc,UAAC,EAAa;;QAAX,SAAS,eAAA;IAAO,OAAA,CACtD,6DACE,uBAAC,yBAAyB,cACxB,uBAAC,kCAAmB,KAAG,GACG,EAC5B,uBAAC,iBAAiB,cAChB,uBAAC,0BAAW,IAAC,QAAQ,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,0CAAE,QAAQ,GAAI,GACnC,IACnB,CACJ,CAAA;CAAA,CAAA;AAMD,kBAAe,iBAAiB,CAAA"}

package/lib/organisms/diagnosis-summary.d.ts

@@ -0,0 +1,15 @@
+import { FC, HTMLAttributes } from 'react';
+import { Condition } from '@ltht-react/types';
+import { ButtonProps } from '@ltht-react/button';
+declare const DiagnosisSummary: FC<Props>;
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    condition: Condition;
+    extendedTemplateDisplayName?: string | undefined;
+    extensionTemplateDisplayName?: string | undefined;
+    extensionClickHandler?(): void;
+    isReadOnly: boolean;
+    dateOnlyView?: boolean;
+    controls?: ButtonProps[];
+    canExtendDiagnosis?: boolean;
+}
+export default DiagnosisSummary;

package/lib/organisms/diagnosis-summary.js

@@ -0,0 +1,61 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var types_1 = require("@ltht-react/types");
+var type_summary_1 = require("@ltht-react/type-summary");
+var icon_1 = __importDefault(require("@ltht-react/icon"));
+var button_1 = require("@ltht-react/button");
+var styles_1 = require("@ltht-react/styles");
+var diagnosis_title_1 = __importDefault(require("../atoms/diagnosis-title"));
+var diagnosis_onset_estimated_1 = __importDefault(require("../atoms/diagnosis-onset-estimated"));
+var diagnosis_redacted_1 = __importDefault(require("../molecules/diagnosis-redacted"));
+var StyledTitle = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n"], ["\n  display: inline-block;\n"])));
+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"])));
+var StyledDescription = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
+var StyledLeftContainer = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-grow: 1;\n  flex-direction: row;\n\n  ", " {\n    flex-direction: column;\n  }\n"], ["\n  display: flex;\n  flex-grow: 1;\n  flex-direction: row;\n\n  ", " {\n    flex-direction: column;\n  }\n"])), styles_1.MOBILE_MAXIMUM_MEDIA_QUERY);
+var StyledControlsContainer = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  margin: auto 10px auto 10px;\n  flex-direction: column;\n\n  ", " {\n    margin: 10px 0 0 0;\n    flex-flow: row wrap;\n  }\n\n  ", " {\n    margin: 10px 5px 0 0;\n    flex-direction: column;\n  }\n"], ["\n  display: flex;\n  margin: auto 10px auto 10px;\n  flex-direction: column;\n\n  ", " {\n    margin: 10px 0 0 0;\n    flex-flow: row wrap;\n  }\n\n  ", " {\n    margin: 10px 5px 0 0;\n    flex-direction: column;\n  }\n"])), styles_1.MOBILE_MAXIMUM_MEDIA_QUERY, styles_1.SMALL_SCREEN_MAXIMUM_MEDIA_QUERY);
+var StyledButton = (0, styled_1.default)(button_1.Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin: 2px 0 2px 0;\n  font-size: 0.8em !important;\n  padding: 1px 5px;\n\n  ", " {\n    margin: 2px 5px 2px 0;\n    width: fit-content;\n  }\n\n  ", " {\n    margin: 2px 0 2px 0;\n    width: 100%;\n    max-width: 200px;\n  }\n"], ["\n  margin: 2px 0 2px 0;\n  font-size: 0.8em !important;\n  padding: 1px 5px;\n\n  ", " {\n    margin: 2px 5px 2px 0;\n    width: fit-content;\n  }\n\n  ", " {\n    margin: 2px 0 2px 0;\n    width: 100%;\n    max-width: 200px;\n  }\n"])), styles_1.MOBILE_MAXIMUM_MEDIA_QUERY, styles_1.SMALL_SCREEN_MAXIMUM_MEDIA_QUERY);
+var StyledDate = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  text-align: left;\n  width: 15%;\n"], ["\n  text-align: left;\n  width: 15%;\n"])));
+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"])));
+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"])));
+var DiagnosisSummary = function (_a) {
+    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"]);
+    if (condition.metadata.isRedacted) {
+        return ((0, jsx_runtime_1.jsx)(StyledSummary, __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(diagnosis_redacted_1.default, { condition: condition }) })));
+    }
+    var enteredInError = condition.verificationStatus === types_1.ConditionVerificationStatus.EnteredInError;
+    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 })] })] })));
+};
+exports.default = DiagnosisSummary;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=diagnosis-summary.js.map

package/lib/organisms/diagnosis-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diagnosis-summary.js","sourceRoot":"","sources":["../../src/organisms/diagnosis-summary.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ltht-react/diagnosis-summary",
-  "version": "2.0.94",
+  "version": "2.0.96",
   "description": "ltht-react clinical DiagnosisSummary component.",
   "author": "LTHT",
   "homepage": "",
@@ -28,15 +28,15 @@
   "dependencies": {
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/button": "^2.0.94",
-    "@ltht-react/hooks": "^2.0.94",
-    "@ltht-react/icon": "^2.0.94",
-    "@ltht-react/list": "^2.0.94",
-    "@ltht-react/styles": "^2.0.94",
-    "@ltht-react/type-summary": "^2.0.94",
-    "@ltht-react/types": "^2.0.94",
-    "@ltht-react/utils": "^2.0.94",
+    "@ltht-react/button": "^2.0.96",
+    "@ltht-react/hooks": "^2.0.96",
+    "@ltht-react/icon": "^2.0.96",
+    "@ltht-react/list": "^2.0.96",
+    "@ltht-react/styles": "^2.0.96",
+    "@ltht-react/type-summary": "^2.0.96",
+    "@ltht-react/types": "^2.0.96",
+    "@ltht-react/utils": "^2.0.96",
     "react": "^18.2.0"
   },
-  "gitHead": "162b82742e904c369fe42f42bdd34c89dea8dbbc"
+  "gitHead": "c79fddf11b4e822eb00084c266ee2211934edba9"
 }

package/src/atoms/diagnosis-title.tsx

@@ -2,7 +2,8 @@ import { FC, HTMLAttributes } from 'react'
 import styled from '@emotion/styled'
 
 import { TEXT_COLOURS } from '@ltht-react/styles'
-import { Maybe, Scalars } from '@ltht-react/types'
+import { Condition } from '@ltht-react/types'
+import { SNIPPET_HOVER_TEXT } from '../constants'
 
 const StyledConditionTitle = styled.div<IStyledDescription>`
   color: ${TEXT_COLOURS.PRIMARY};
@@ -10,14 +11,19 @@ const StyledConditionTitle = styled.div<IStyledDescription>`
   text-decoration: ${({ enteredInError }) => (enteredInError ? 'line-through' : 'none')};
 `
 
-const DiagnosisTitle: FC<Props> = ({ text, enteredInError, ...rest }) => (
-  <StyledConditionTitle enteredInError={enteredInError} {...rest}>
-    {text || 'Insufficient data provided.'}
-  </StyledConditionTitle>
-)
+const DiagnosisTitle: FC<Props> = ({ condition, enteredInError, ...rest }) => {
+  const snippetMetadataTag = condition?.metadata.tag?.find((coding) => coding?.system === SNIPPET_HOVER_TEXT)
+  const conditionCoding = condition?.code
+
+  return (
+    <StyledConditionTitle enteredInError={enteredInError} {...rest}>
+      {snippetMetadataTag?.display || conditionCoding?.text}
+    </StyledConditionTitle>
+  )
+}
 
 interface Props extends HTMLAttributes<HTMLDivElement> {
-  text?: Maybe<Scalars['String']>
+  condition: Condition
   enteredInError: boolean
 }
 

package/src/constants.ts

@@ -1,3 +1,5 @@
 const SNIPPET_HOVER_TEXT = 'https://leedsth.nhs.uk/cds/snippet-hover-text'
+const EXTENSION_TEMPLATE_DISPLAY_NAME = 'https://leedsth.nhs.uk/cds/extension-template-display-name'
+const EXTENSION_TEMPLATE_VERSION = 'https://leedsth.nhs.uk/cds/extension-template-version'
 
-export default SNIPPET_HOVER_TEXT
+export { EXTENSION_TEMPLATE_DISPLAY_NAME, EXTENSION_TEMPLATE_VERSION, SNIPPET_HOVER_TEXT }

package/src/organisms/diagnosis-summary.tsx

@@ -10,7 +10,6 @@ import { BTN_COLOURS, MOBILE_MAXIMUM_MEDIA_QUERY, SMALL_SCREEN_MAXIMUM_MEDIA_QUE
 import Title from '../atoms/diagnosis-title'
 import OnsetDateEstimated from '../atoms/diagnosis-onset-estimated'
 import Redacted from '../molecules/diagnosis-redacted'
-import SNIPPET_HOVER_TEXT from '../constants'
 
 const StyledTitle = styled.div`
   display: inline-block;
@@ -103,14 +102,12 @@ const DiagnosisSummary: FC<Props> = ({
 
   const enteredInError = condition.verificationStatus === ConditionVerificationStatus.EnteredInError
 
-  const snippetHoverText = condition?.metadata.tag?.find((coding) => coding?.system === SNIPPET_HOVER_TEXT)?.display
-
   return (
     <StyledSummary {...rest}>
       <StyledLeftContainer>
         <StyledDescription>
           <StyledTitle>
-            <Title enteredInError={enteredInError} text={snippetHoverText} />
+            <Title enteredInError={enteredInError} condition={condition} />
           </StyledTitle>
           {extensionTemplateDisplayName && !isReadOnly && canExtendDiagnosis && !enteredInError && (
             <IconButtonWrapper