@ltht-react/diagnosis-summary 2.0.139 → 2.0.141
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.
|
@@ -44,10 +44,10 @@ var diagnosis_data_source_1 = __importDefault(require("../atoms/diagnosis-data-s
|
|
|
44
44
|
var StyledTitle = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n"], ["\n display: inline-block;\n"])));
|
|
45
45
|
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"])));
|
|
46
46
|
var StyledDescription = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-grow: 1;\n"], ["\n flex-grow: 1;\n"])));
|
|
47
|
-
var StyledLeftContainer = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-grow: 1;\n flex-direction:
|
|
48
|
-
var StyledResponsiveContainer = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n margin: 0
|
|
49
|
-
var StyledButton = (0, styled_1.default)(button_1.Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: 0.
|
|
50
|
-
var StyledDate = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n text-align:
|
|
47
|
+
var StyledLeftContainer = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n gap: 0.3rem;\n\n ", " {\n flex-direction: row;\n }\n"], ["\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n gap: 0.3rem;\n\n ", " {\n flex-direction: row;\n }\n"])), styles_1.WIDESCREEN_MINIMUM_MEDIA_QUERY);
|
|
48
|
+
var StyledResponsiveContainer = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n margin: 0;\n flex-flow: row wrap;\n gap: 0.3rem;\n align-content: center;\n\n ", " {\n margin: 0 10px 0 10px;\n }\n\n ", " {\n margin: 0;\n flex-direction: column;\n align-content: flex-start;\n\n & > * {\n width: 100%;\n max-width: 10rem;\n }\n }\n"], ["\n display: flex;\n margin: 0;\n flex-flow: row wrap;\n gap: 0.3rem;\n align-content: center;\n\n ", " {\n margin: 0 10px 0 10px;\n }\n\n ", " {\n margin: 0;\n flex-direction: column;\n align-content: flex-start;\n\n & > * {\n width: 100%;\n max-width: 10rem;\n }\n }\n"])), styles_1.WIDESCREEN_MINIMUM_MEDIA_QUERY, styles_1.SMALL_SCREEN_MAXIMUM_MEDIA_QUERY);
|
|
49
|
+
var StyledButton = (0, styled_1.default)(button_1.Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n font-size: 0.8rem !important;\n padding: 1px 5px;\n max-height: 1.5rem;\n width: fit-content;\n\n ", " {\n width: 100%;\n max-width: 10rem;\n }\n"], ["\n font-size: 0.8rem !important;\n padding: 1px 5px;\n max-height: 1.5rem;\n width: fit-content;\n\n ", " {\n width: 100%;\n max-width: 10rem;\n }\n"])), styles_1.SMALL_SCREEN_MAXIMUM_MEDIA_QUERY);
|
|
50
|
+
var StyledDate = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n flex-flow: column nowrap;\n text-align: right;\n min-width: 6rem;\n"], ["\n display: flex;\n flex-flow: column nowrap;\n text-align: right;\n min-width: 6rem;\n"])));
|
|
51
51
|
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"])));
|
|
52
52
|
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"])));
|
|
53
53
|
var DiagnosisSummary = function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"diagnosis-summary.js","sourceRoot":"","sources":["../../src/organisms/diagnosis-summary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAsE;AACtE,2DAAoC;AAEpC,2CAA0E;AAC1E,yDAAsD;AACtD,0DAAmC;AACnC,6CAAwD;AAExD,
|
|
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.141",
|
|
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.141",
|
|
32
|
+
"@ltht-react/hooks": "^2.0.141",
|
|
33
|
+
"@ltht-react/icon": "^2.0.141",
|
|
34
|
+
"@ltht-react/list": "^2.0.141",
|
|
35
|
+
"@ltht-react/styles": "^2.0.141",
|
|
36
|
+
"@ltht-react/type-summary": "^2.0.141",
|
|
37
|
+
"@ltht-react/types": "^2.0.141",
|
|
38
|
+
"@ltht-react/utils": "^2.0.141",
|
|
39
39
|
"react": "^18.2.0"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "7d57dc5b3f9d25d42181880ed936c3acb13a1cbd"
|
|
42
42
|
}
|
|
@@ -6,12 +6,7 @@ import { DateSummary } from '@ltht-react/type-summary'
|
|
|
6
6
|
import Icon from '@ltht-react/icon'
|
|
7
7
|
import { Button, ButtonProps } from '@ltht-react/button'
|
|
8
8
|
|
|
9
|
-
import {
|
|
10
|
-
BTN_COLOURS,
|
|
11
|
-
MOBILE_MAXIMUM_MEDIA_QUERY,
|
|
12
|
-
SMALL_SCREEN_MAXIMUM_MEDIA_QUERY,
|
|
13
|
-
TABLET_ONLY_MEDIA_QUERY,
|
|
14
|
-
} from '@ltht-react/styles'
|
|
9
|
+
import { BTN_COLOURS, SMALL_SCREEN_MAXIMUM_MEDIA_QUERY, WIDESCREEN_MINIMUM_MEDIA_QUERY } from '@ltht-react/styles'
|
|
15
10
|
import Title from '../atoms/diagnosis-title'
|
|
16
11
|
import OnsetDateEstimated from '../atoms/diagnosis-onset-estimated'
|
|
17
12
|
import Redacted from '../molecules/diagnosis-redacted'
|
|
@@ -30,83 +25,52 @@ const StyledDescription = styled.div`
|
|
|
30
25
|
const StyledLeftContainer = styled.div`
|
|
31
26
|
display: flex;
|
|
32
27
|
flex-grow: 1;
|
|
33
|
-
flex-direction:
|
|
28
|
+
flex-direction: column;
|
|
34
29
|
gap: 0.3rem;
|
|
35
30
|
|
|
36
|
-
${
|
|
37
|
-
|
|
38
|
-
flex-flow: row wrap;
|
|
39
|
-
justify-content: start;
|
|
40
|
-
|
|
41
|
-
& > * {
|
|
42
|
-
width: 80%;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
${MOBILE_MAXIMUM_MEDIA_QUERY} {
|
|
47
|
-
flex-direction: column;
|
|
31
|
+
${WIDESCREEN_MINIMUM_MEDIA_QUERY} {
|
|
32
|
+
flex-direction: row;
|
|
48
33
|
}
|
|
49
34
|
`
|
|
50
35
|
const StyledResponsiveContainer = styled.div`
|
|
51
36
|
display: flex;
|
|
52
|
-
margin: 0
|
|
53
|
-
flex-
|
|
37
|
+
margin: 0;
|
|
38
|
+
flex-flow: row wrap;
|
|
54
39
|
gap: 0.3rem;
|
|
55
|
-
align-
|
|
56
|
-
justify-content: center;
|
|
40
|
+
align-content: center;
|
|
57
41
|
|
|
58
|
-
${
|
|
59
|
-
margin: 0;
|
|
60
|
-
flex-flow: row wrap;
|
|
61
|
-
justify-content: start;
|
|
62
|
-
|
|
63
|
-
& > * {
|
|
64
|
-
width: fit-content;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
${MOBILE_MAXIMUM_MEDIA_QUERY} {
|
|
69
|
-
margin: 0;
|
|
70
|
-
flex-flow: row wrap;
|
|
71
|
-
justify-content: start;
|
|
72
|
-
|
|
73
|
-
& > * {
|
|
74
|
-
width: fit-content;
|
|
75
|
-
}
|
|
42
|
+
${WIDESCREEN_MINIMUM_MEDIA_QUERY} {
|
|
43
|
+
margin: 0 10px 0 10px;
|
|
76
44
|
}
|
|
77
45
|
|
|
78
46
|
${SMALL_SCREEN_MAXIMUM_MEDIA_QUERY} {
|
|
79
47
|
margin: 0;
|
|
80
48
|
flex-direction: column;
|
|
49
|
+
align-content: flex-start;
|
|
81
50
|
|
|
82
51
|
& > * {
|
|
83
52
|
width: 100%;
|
|
84
|
-
max-width:
|
|
85
|
-
display: flex;
|
|
86
|
-
justify-content: center;
|
|
53
|
+
max-width: 10rem;
|
|
87
54
|
}
|
|
88
55
|
}
|
|
89
56
|
`
|
|
57
|
+
|
|
90
58
|
const StyledButton = styled(Button)`
|
|
91
|
-
font-size: 0.
|
|
59
|
+
font-size: 0.8rem !important;
|
|
92
60
|
padding: 1px 5px;
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
width: fit-content;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
${MOBILE_MAXIMUM_MEDIA_QUERY} {
|
|
99
|
-
width: fit-content;
|
|
100
|
-
}
|
|
61
|
+
max-height: 1.5rem;
|
|
62
|
+
width: fit-content;
|
|
101
63
|
|
|
102
64
|
${SMALL_SCREEN_MAXIMUM_MEDIA_QUERY} {
|
|
103
65
|
width: 100%;
|
|
104
|
-
max-width:
|
|
66
|
+
max-width: 10rem;
|
|
105
67
|
}
|
|
106
68
|
`
|
|
107
69
|
const StyledDate = styled.div`
|
|
108
|
-
|
|
109
|
-
|
|
70
|
+
display: flex;
|
|
71
|
+
flex-flow: column nowrap;
|
|
72
|
+
text-align: right;
|
|
73
|
+
min-width: 6rem;
|
|
110
74
|
`
|
|
111
75
|
const IconButtonWrapper = styled(Button)`
|
|
112
76
|
-webkit-box-align: center;
|