@ltht-react/flag-detail 2.0.188 → 2.0.190
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/index.d.ts +10 -0
- package/lib/index.js +43 -0
- package/lib/index.js.map +1 -0
- package/package.json +7 -7
package/lib/index.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { Flag } from '@ltht-react/types';
|
|
3
|
+
import { ButtonProps } from '@ltht-react/button';
|
|
4
|
+
import { CollapsibleDetailCollectionProps } from '@ltht-react/type-detail';
|
|
5
|
+
declare const FlagDetail: FC<Props>;
|
|
6
|
+
interface Props extends CollapsibleDetailCollectionProps {
|
|
7
|
+
flag: Flag;
|
|
8
|
+
controls?: ButtonProps[];
|
|
9
|
+
}
|
|
10
|
+
export default FlagDetail;
|
package/lib/index.js
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
+
};
|
|
20
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
|
+
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
23
|
+
var types_1 = require("@ltht-react/types");
|
|
24
|
+
var utils_1 = require("@ltht-react/utils");
|
|
25
|
+
var button_1 = require("@ltht-react/button");
|
|
26
|
+
var styles_1 = require("@ltht-react/styles");
|
|
27
|
+
var type_detail_1 = require("@ltht-react/type-detail");
|
|
28
|
+
var StyledControlsContainer = styled_1.default.div(templateObject_1 || (templateObject_1 = __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);
|
|
29
|
+
var StyledButton = (0, styled_1.default)(button_1.Button)(templateObject_2 || (templateObject_2 = __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);
|
|
30
|
+
var FullWidthSection = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding: 0.5rem 0 !important;\n display: flex;\n width: 100%;\n justify-content: space-between;\n margin-bottom: 1rem;\n gap: 1rem;\n\n ", " {\n flex-direction: column;\n }\n\n & > dl {\n display: flex;\n flex-direction: column;\n }\n"], ["\n padding: 0.5rem 0 !important;\n display: flex;\n width: 100%;\n justify-content: space-between;\n margin-bottom: 1rem;\n gap: 1rem;\n\n ", " {\n flex-direction: column;\n }\n\n & > dl {\n display: flex;\n flex-direction: column;\n }\n"])), styles_1.MOBILE_MAXIMUM_MEDIA_QUERY);
|
|
31
|
+
var TopSection = (0, styled_1.default)(FullWidthSection)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", " {\n & dl:last-of-type {\n margin-top: 0;\n text-align: right;\n }\n }\n"], ["\n ", " {\n & dl:last-of-type {\n margin-top: 0;\n text-align: right;\n }\n }\n"])), styles_1.TABLET_MINIMUM_MEDIA_QUERY);
|
|
32
|
+
var AuthorSection = (0, styled_1.default)(FullWidthSection)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", " {\n & > div:last-of-type > dl {\n text-align: right;\n }\n }\n"], ["\n ", " {\n & > div:last-of-type > dl {\n text-align: right;\n }\n }\n"])), styles_1.TABLET_MINIMUM_MEDIA_QUERY);
|
|
33
|
+
var FlagDetail = function (_a) {
|
|
34
|
+
var flag = _a.flag, _b = _a.controls, controls = _b === void 0 ? [] : _b, _c = _a.viewType, viewType = _c === void 0 ? types_1.DetailViewType.Compact : _c;
|
|
35
|
+
var buttons = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
36
|
+
if (controls.length) {
|
|
37
|
+
buttons = ((0, jsx_runtime_1.jsx)(StyledControlsContainer, { children: controls.map(function (props, index) { return ((0, jsx_runtime_1.jsx)(StyledButton, __assign({}, props), index)); }) }));
|
|
38
|
+
}
|
|
39
|
+
return ((0, jsx_runtime_1.jsxs)(type_detail_1.CollapsibleDetailCollection, { viewType: viewType, children: [(0, jsx_runtime_1.jsxs)(TopSection, { children: [(0, jsx_runtime_1.jsx)(type_detail_1.CodeableConceptDetail, { term: "Code", concept: flag === null || flag === void 0 ? void 0 : flag.code, displayCode: true }), (0, jsx_runtime_1.jsx)(type_detail_1.CodeableConceptDetail, { term: "Name", concept: flag === null || flag === void 0 ? void 0 : flag.code })] }), (0, jsx_runtime_1.jsxs)(TopSection, { children: [(0, jsx_runtime_1.jsx)(type_detail_1.StringDetail, { term: "Status", description: flag.status.toString() }), (0, jsx_runtime_1.jsx)(type_detail_1.CodeableConceptDetail, { term: "Category", concept: flag === null || flag === void 0 ? void 0 : flag.category })] }), (0, jsx_runtime_1.jsx)(type_detail_1.PeriodDetail, { period: flag === null || flag === void 0 ? void 0 : flag.period }), (0, jsx_runtime_1.jsx)(type_detail_1.NarrativeDetail, { term: "Description", narrative: flag === null || flag === void 0 ? void 0 : flag.text }), (0, jsx_runtime_1.jsx)(type_detail_1.StringDetail, { term: "Advice", description: (0, utils_1.getStringExtension)(flag === null || flag === void 0 ? void 0 : flag.extension, 'https://leedsth.nhs.uk/alert/advice'), parse: false }), (0, jsx_runtime_1.jsxs)(AuthorSection, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(type_detail_1.ResourceReferenceDetail, { term: "Author", resourceReference: flag === null || flag === void 0 ? void 0 : flag.author }), (0, jsx_runtime_1.jsx)(type_detail_1.DatetimeDetail, { term: "Authored On", datetime: flag === null || flag === void 0 ? void 0 : flag.createdOn })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(type_detail_1.ResourceReferenceDetail, { term: "Amended By", resourceReference: flag === null || flag === void 0 ? void 0 : flag.amendedBy, showIfEmpty: false }), (0, jsx_runtime_1.jsx)(type_detail_1.DatetimeDetail, { term: "Amended On", datetime: flag === null || flag === void 0 ? void 0 : flag.amendedOn })] })] }), buttons] }));
|
|
40
|
+
};
|
|
41
|
+
exports.default = FlagDetail;
|
|
42
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
43
|
+
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ltht-react/flag-detail",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.190",
|
|
4
4
|
"description": "ltht-react clinical FlagDetail component.",
|
|
5
5
|
"author": "LTHT",
|
|
6
6
|
"homepage": "",
|
|
@@ -28,12 +28,12 @@
|
|
|
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/styles": "^2.0.
|
|
33
|
-
"@ltht-react/type-detail": "^2.0.
|
|
34
|
-
"@ltht-react/types": "^2.0.
|
|
35
|
-
"@ltht-react/utils": "^2.0.
|
|
31
|
+
"@ltht-react/button": "^2.0.190",
|
|
32
|
+
"@ltht-react/styles": "^2.0.190",
|
|
33
|
+
"@ltht-react/type-detail": "^2.0.190",
|
|
34
|
+
"@ltht-react/types": "^2.0.190",
|
|
35
|
+
"@ltht-react/utils": "^2.0.190",
|
|
36
36
|
"react": "^18.2.0"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "1773d375fb0701642bad343c40dd946a7637f2e0"
|
|
39
39
|
}
|