@ltht-react/diagnosis-summary 1.3.107 → 1.3.108
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/CHANGELOG.md +980 -972
- package/README.md +22 -22
- package/lib/atoms/diagnosis-category.d.ts +8 -8
- package/lib/atoms/diagnosis-category.js +50 -50
- package/lib/atoms/diagnosis-status.d.ts +8 -8
- package/lib/atoms/diagnosis-status.js +50 -50
- package/lib/atoms/diagnosis-title.d.ts +8 -8
- package/lib/atoms/diagnosis-title.js +48 -48
- package/lib/index.d.ts +2 -2
- package/lib/index.js +7 -7
- package/lib/molecules/diagnosis-redacted.d.ts +7 -7
- package/lib/molecules/diagnosis-redacted.js +22 -22
- package/lib/organisms/diagnosis-summary.d.ts +10 -10
- package/lib/organisms/diagnosis-summary.js +69 -69
- package/package.json +10 -10
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
-
var t = {};
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
-
t[p[i]] = s[p[i]];
|
|
25
|
-
}
|
|
26
|
-
return t;
|
|
27
|
-
};
|
|
28
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
-
};
|
|
31
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
|
-
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
34
|
-
var types_1 = require("@ltht-react/types");
|
|
35
|
-
var type_summary_1 = require("@ltht-react/type-summary");
|
|
36
|
-
var icon_1 = require("@ltht-react/icon");
|
|
37
|
-
var button_1 = require("@ltht-react/button");
|
|
38
|
-
var styles_1 = require("@ltht-react/styles");
|
|
39
|
-
var utils_1 = require("@ltht-react/utils");
|
|
40
|
-
var hooks_1 = require("@ltht-react/hooks");
|
|
41
|
-
var diagnosis_category_1 = __importDefault(require("../atoms/diagnosis-category"));
|
|
42
|
-
var diagnosis_status_1 = __importDefault(require("../atoms/diagnosis-status"));
|
|
43
|
-
var diagnosis_title_1 = __importDefault(require("../atoms/diagnosis-title"));
|
|
44
|
-
var diagnosis_redacted_1 = __importDefault(require("../molecules/diagnosis-redacted"));
|
|
45
|
-
var StyledTitle = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n"], ["\n display: inline-block;\n"])));
|
|
46
|
-
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"])));
|
|
47
|
-
var StyledDescription = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-grow: 1;\n"], ["\n flex-grow: 1;\n"])));
|
|
48
|
-
var StyledDate = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
49
|
-
var IconButtonWrapper = styled_1.default(button_1.Button)(templateObject_5 || (templateObject_5 = __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"])));
|
|
50
|
-
var IconWrapper = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-left: 0.5rem;\n display: inline-block;\n"], ["\n margin-left: 0.5rem;\n display: inline-block;\n"])));
|
|
51
|
-
var DiagnosisSummary = function (_a) {
|
|
52
|
-
var _b;
|
|
53
|
-
var condition = _a.condition, extendedTemplateDisplayName = _a.extendedTemplateDisplayName, extensionTemplateDisplayName = _a.extensionTemplateDisplayName, extensionClickHandler = _a.extensionClickHandler, rest = __rest(_a, ["condition", "extendedTemplateDisplayName", "extensionTemplateDisplayName", "extensionClickHandler"]);
|
|
54
|
-
var width = hooks_1.useWindowSize().width;
|
|
55
|
-
var isMobile = utils_1.isMobileView(width);
|
|
56
|
-
if (condition.metadata.isRedacted) {
|
|
57
|
-
return (jsx_runtime_1.jsx(StyledSummary, __assign({}, rest, { children: jsx_runtime_1.jsx(diagnosis_redacted_1.default, { condition: condition }, void 0) }), void 0));
|
|
58
|
-
}
|
|
59
|
-
var enteredInError = condition.verificationStatus === types_1.ConditionVerificationStatus.EnteredInError;
|
|
60
|
-
return (jsx_runtime_1.jsxs(StyledSummary, __assign({}, rest, { children: [jsx_runtime_1.jsxs(StyledDescription, { children: [jsx_runtime_1.jsx(StyledTitle, { children: jsx_runtime_1.jsx(diagnosis_title_1.default, { enteredInError: enteredInError, condition: condition }, void 0) }, void 0),
|
|
61
|
-
extensionTemplateDisplayName && !isMobile && (jsx_runtime_1.jsx(IconButtonWrapper, { onClick: extensionClickHandler, type: "button", buttonStyle: "clear", value: "", icon: jsx_runtime_1.jsx(icon_1.FolderPlusIcon, { size: "medium" }, void 0), iconPlacement: "center", iconColour: styles_1.LINK_COLOURS.TEXT.DEFAULT, title: "This diagnosis can be extended further to form '" + extensionTemplateDisplayName + "' by clicking here" }, void 0)),
|
|
62
|
-
extensionTemplateDisplayName && isMobile && (jsx_runtime_1.jsx(IconWrapper, { children: jsx_runtime_1.jsx(icon_1.FolderPlusIcon, { size: "medium", title: "This diagnosis can be extended further to form '" + extensionTemplateDisplayName + "' from the quick actions menu" }, void 0) }, void 0)),
|
|
63
|
-
extendedTemplateDisplayName && (jsx_runtime_1.jsx(IconWrapper, { children: jsx_runtime_1.jsx(icon_1.CommentIcon, { size: "medium", title: "This diagnosis has been extended beyond standard diagnosis with form '" + extendedTemplateDisplayName + "'.\n To view these extra details, click into the full diagnosis detail or edit the existing form." }, void 0) }, void 0)),
|
|
64
|
-
jsx_runtime_1.jsx(diagnosis_category_1.default, { enteredInError: enteredInError, condition: condition }, void 0)] }, void 0),
|
|
65
|
-
jsx_runtime_1.jsxs(StyledDate, { children: [jsx_runtime_1.jsx(type_summary_1.DateSummary, { enteredInError: enteredInError, datetime: (_b = condition === null || condition === void 0 ? void 0 : condition.onset) === null || _b === void 0 ? void 0 : _b.dateTime }, void 0),
|
|
66
|
-
jsx_runtime_1.jsx(diagnosis_status_1.default, { enteredInError: enteredInError, condition: condition }, void 0)] }, void 0)] }), void 0));
|
|
67
|
-
};
|
|
68
|
-
exports.default = DiagnosisSummary;
|
|
69
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
+
var t = {};
|
|
19
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
+
t[p] = s[p];
|
|
21
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
+
t[p[i]] = s[p[i]];
|
|
25
|
+
}
|
|
26
|
+
return t;
|
|
27
|
+
};
|
|
28
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
+
};
|
|
31
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
|
+
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
34
|
+
var types_1 = require("@ltht-react/types");
|
|
35
|
+
var type_summary_1 = require("@ltht-react/type-summary");
|
|
36
|
+
var icon_1 = require("@ltht-react/icon");
|
|
37
|
+
var button_1 = require("@ltht-react/button");
|
|
38
|
+
var styles_1 = require("@ltht-react/styles");
|
|
39
|
+
var utils_1 = require("@ltht-react/utils");
|
|
40
|
+
var hooks_1 = require("@ltht-react/hooks");
|
|
41
|
+
var diagnosis_category_1 = __importDefault(require("../atoms/diagnosis-category"));
|
|
42
|
+
var diagnosis_status_1 = __importDefault(require("../atoms/diagnosis-status"));
|
|
43
|
+
var diagnosis_title_1 = __importDefault(require("../atoms/diagnosis-title"));
|
|
44
|
+
var diagnosis_redacted_1 = __importDefault(require("../molecules/diagnosis-redacted"));
|
|
45
|
+
var StyledTitle = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n"], ["\n display: inline-block;\n"])));
|
|
46
|
+
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"])));
|
|
47
|
+
var StyledDescription = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-grow: 1;\n"], ["\n flex-grow: 1;\n"])));
|
|
48
|
+
var StyledDate = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
49
|
+
var IconButtonWrapper = styled_1.default(button_1.Button)(templateObject_5 || (templateObject_5 = __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"])));
|
|
50
|
+
var IconWrapper = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-left: 0.5rem;\n display: inline-block;\n"], ["\n margin-left: 0.5rem;\n display: inline-block;\n"])));
|
|
51
|
+
var DiagnosisSummary = function (_a) {
|
|
52
|
+
var _b;
|
|
53
|
+
var condition = _a.condition, extendedTemplateDisplayName = _a.extendedTemplateDisplayName, extensionTemplateDisplayName = _a.extensionTemplateDisplayName, extensionClickHandler = _a.extensionClickHandler, rest = __rest(_a, ["condition", "extendedTemplateDisplayName", "extensionTemplateDisplayName", "extensionClickHandler"]);
|
|
54
|
+
var width = hooks_1.useWindowSize().width;
|
|
55
|
+
var isMobile = utils_1.isMobileView(width);
|
|
56
|
+
if (condition.metadata.isRedacted) {
|
|
57
|
+
return (jsx_runtime_1.jsx(StyledSummary, __assign({}, rest, { children: jsx_runtime_1.jsx(diagnosis_redacted_1.default, { condition: condition }, void 0) }), void 0));
|
|
58
|
+
}
|
|
59
|
+
var enteredInError = condition.verificationStatus === types_1.ConditionVerificationStatus.EnteredInError;
|
|
60
|
+
return (jsx_runtime_1.jsxs(StyledSummary, __assign({}, rest, { children: [jsx_runtime_1.jsxs(StyledDescription, { children: [jsx_runtime_1.jsx(StyledTitle, { children: jsx_runtime_1.jsx(diagnosis_title_1.default, { enteredInError: enteredInError, condition: condition }, void 0) }, void 0),
|
|
61
|
+
extensionTemplateDisplayName && !isMobile && (jsx_runtime_1.jsx(IconButtonWrapper, { onClick: extensionClickHandler, type: "button", buttonStyle: "clear", value: "", icon: jsx_runtime_1.jsx(icon_1.FolderPlusIcon, { size: "medium" }, void 0), iconPlacement: "center", iconColour: styles_1.LINK_COLOURS.TEXT.DEFAULT, title: "This diagnosis can be extended further to form '" + extensionTemplateDisplayName + "' by clicking here" }, void 0)),
|
|
62
|
+
extensionTemplateDisplayName && isMobile && (jsx_runtime_1.jsx(IconWrapper, { children: jsx_runtime_1.jsx(icon_1.FolderPlusIcon, { size: "medium", title: "This diagnosis can be extended further to form '" + extensionTemplateDisplayName + "' from the quick actions menu" }, void 0) }, void 0)),
|
|
63
|
+
extendedTemplateDisplayName && (jsx_runtime_1.jsx(IconWrapper, { children: jsx_runtime_1.jsx(icon_1.CommentIcon, { size: "medium", title: "This diagnosis has been extended beyond standard diagnosis with form '" + extendedTemplateDisplayName + "'.\n To view these extra details, click into the full diagnosis detail or edit the existing form." }, void 0) }, void 0)),
|
|
64
|
+
jsx_runtime_1.jsx(diagnosis_category_1.default, { enteredInError: enteredInError, condition: condition }, void 0)] }, void 0),
|
|
65
|
+
jsx_runtime_1.jsxs(StyledDate, { children: [jsx_runtime_1.jsx(type_summary_1.DateSummary, { enteredInError: enteredInError, datetime: (_b = condition === null || condition === void 0 ? void 0 : condition.onset) === null || _b === void 0 ? void 0 : _b.dateTime }, void 0),
|
|
66
|
+
jsx_runtime_1.jsx(diagnosis_status_1.default, { enteredInError: enteredInError, condition: condition }, void 0)] }, void 0)] }), void 0));
|
|
67
|
+
};
|
|
68
|
+
exports.default = DiagnosisSummary;
|
|
69
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
70
70
|
//# sourceMappingURL=diagnosis-summary.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ltht-react/diagnosis-summary",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.108",
|
|
4
4
|
"description": "ltht-react clinical DiagnosisSummary component.",
|
|
5
5
|
"author": "LTHT",
|
|
6
6
|
"homepage": "",
|
|
@@ -27,15 +27,15 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@emotion/react": "^11.0.0",
|
|
29
29
|
"@emotion/styled": "^11.0.0",
|
|
30
|
-
"@ltht-react/button": "^1.3.
|
|
31
|
-
"@ltht-react/hooks": "^1.0.
|
|
32
|
-
"@ltht-react/icon": "^1.3.
|
|
33
|
-
"@ltht-react/list": "^1.3.
|
|
34
|
-
"@ltht-react/styles": "^1.3.
|
|
35
|
-
"@ltht-react/type-summary": "^1.3.
|
|
36
|
-
"@ltht-react/types": "^1.0.
|
|
37
|
-
"@ltht-react/utils": "^1.1.
|
|
30
|
+
"@ltht-react/button": "^1.3.108",
|
|
31
|
+
"@ltht-react/hooks": "^1.0.98",
|
|
32
|
+
"@ltht-react/icon": "^1.3.108",
|
|
33
|
+
"@ltht-react/list": "^1.3.106",
|
|
34
|
+
"@ltht-react/styles": "^1.3.100",
|
|
35
|
+
"@ltht-react/type-summary": "^1.3.108",
|
|
36
|
+
"@ltht-react/types": "^1.0.104",
|
|
37
|
+
"@ltht-react/utils": "^1.1.106",
|
|
38
38
|
"react": "^17.0.0"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "559acec5022aff2bd99ac42d0e0f4ca59eb6723b"
|
|
41
41
|
}
|