@ltht-react/timeline 1.0.79 → 1.0.82
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
CHANGED
|
@@ -3,6 +3,30 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 1.0.82 (2022-07-14)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @ltht-react/timeline
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## 1.0.81 (2022-07-14)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @ltht-react/timeline
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## 1.0.80 (2022-07-14)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @ltht-react/timeline
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
6
30
|
## 1.0.79 (2022-07-14)
|
|
7
31
|
|
|
8
32
|
**Note:** Version bump only for package @ltht-react/timeline
|
|
@@ -30,7 +30,10 @@ var timeline_author_1 = __importDefault(require("../atoms/timeline-author"));
|
|
|
30
30
|
var timeline_status_1 = __importDefault(require("../atoms/timeline-status"));
|
|
31
31
|
var timeline_title_1 = __importDefault(require("../atoms/timeline-title"));
|
|
32
32
|
var timeline_time_1 = __importDefault(require("../atoms/timeline-time"));
|
|
33
|
-
var StyledTimelineItem = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n padding: 0.5rem;\n"], ["\n background-color: ", ";\n padding: 0.5rem;\n"])),
|
|
33
|
+
var StyledTimelineItem = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n padding: 0.5rem;\n"], ["\n background-color: ", ";\n padding: 0.5rem;\n"])), function (_a) {
|
|
34
|
+
var isSelected = _a.isSelected;
|
|
35
|
+
return (isSelected ? styles_1.HIGHLIGHT_GREEN.VALUE : styles_1.TRANSLUCENT_DARK_BLUE);
|
|
36
|
+
});
|
|
34
37
|
var StyledTimelineItemLeft = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-grow: 1;\n"], ["\n flex-grow: 1;\n"])));
|
|
35
38
|
var StyledTimelineItemRight = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
36
39
|
var StyledTimelineTime = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: black;\n"], ["\n color: black;\n"])));
|
|
@@ -45,19 +48,20 @@ var StyledDescription = styled_1.default.div(templateObject_9 || (templateObject
|
|
|
45
48
|
var StyledStatus = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
46
49
|
var StyledBanner = styled_1.default(banner_1.default)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n margin: -0.5rem;\n margin-top: 0.5rem;\n"], ["\n margin: -0.5rem;\n margin-top: 0.5rem;\n"])));
|
|
47
50
|
var StyledBannerContent = styled_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject([""], [""])));
|
|
48
|
-
var TimelineItem = function (
|
|
49
|
-
var _a;
|
|
51
|
+
var TimelineItem = function (_a) {
|
|
52
|
+
var timelineItem = _a.timelineItem;
|
|
50
53
|
var width = hooks_1.useWindowSize().width;
|
|
51
54
|
var isMobile = utils_1.isMobileView(width);
|
|
52
|
-
if (!(
|
|
55
|
+
if (!(timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.auditEvent)) {
|
|
53
56
|
return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
|
|
54
57
|
}
|
|
55
|
-
return (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: jsx_runtime_1.jsxs(StyledTimelineItem, { children: [jsx_runtime_1.jsxs(StyledTimelineItemTop, { children: [jsx_runtime_1.jsx(StyledTitle, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(timeline_title_1.default, { audit:
|
|
56
|
-
isMobile
|
|
57
|
-
jsx_runtime_1.jsx(StyledTimelineItemMiddle, { children: jsx_runtime_1.jsx(StyledDescription, { children: jsx_runtime_1.jsx(timeline_description_1.default, { outcomeDesc:
|
|
58
|
-
jsx_runtime_1.jsxs(StyledTimelineItemBottom, { children: [jsx_runtime_1.jsx(StyledTimelineItemLeft, { children: jsx_runtime_1.jsx(timeline_author_1.default, { audit:
|
|
58
|
+
return (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: jsx_runtime_1.jsxs(StyledTimelineItem, __assign({ isSelected: timelineItem.isSelected }, { children: [jsx_runtime_1.jsxs(StyledTimelineItemTop, { children: [jsx_runtime_1.jsx(StyledTitle, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(timeline_title_1.default, { audit: timelineItem.auditEvent }, void 0) }), void 0),
|
|
59
|
+
isMobile && (jsx_runtime_1.jsx(StyledTimelineTime, { children: jsx_runtime_1.jsx(timeline_time_1.default, { audit: timelineItem.auditEvent }, void 0) }, void 0))] }, void 0),
|
|
60
|
+
jsx_runtime_1.jsx(StyledTimelineItemMiddle, { children: jsx_runtime_1.jsx(StyledDescription, { children: jsx_runtime_1.jsx(timeline_description_1.default, { outcomeDesc: timelineItem.auditEvent.outcomeDesc }, void 0) }, void 0) }, void 0),
|
|
61
|
+
jsx_runtime_1.jsxs(StyledTimelineItemBottom, { children: [jsx_runtime_1.jsx(StyledTimelineItemLeft, { children: jsx_runtime_1.jsx(timeline_author_1.default, { audit: timelineItem.auditEvent }, void 0) }, void 0),
|
|
59
62
|
jsx_runtime_1.jsx(StyledTimelineItemRight, { children: jsx_runtime_1.jsx(StyledStatus, { children: jsx_runtime_1.jsx(timeline_status_1.default, {}, void 0) }, void 0) }, void 0)] }, void 0),
|
|
60
|
-
|
|
63
|
+
timelineItem.clickHandler && !timelineItem.isSelected && (jsx_runtime_1.jsx(StyledBanner, __assign({ type: "info", onClick: timelineItem.clickHandler, icon: jsx_runtime_1.jsx(icon_1.ExternalLinkIcon, { size: "medium" }, void 0) }, { children: timelineItem.clickPrompt && jsx_runtime_1.jsx(StyledBannerContent, { children: timelineItem.clickPrompt }, void 0) }), void 0)),
|
|
64
|
+
timelineItem.clickHandler && timelineItem.isSelected && (jsx_runtime_1.jsx(StyledBanner, __assign({ type: "highlight", onClick: timelineItem.clickHandler, icon: jsx_runtime_1.jsx(icon_1.ChevronIcon, { direction: "left", size: "medium" }, void 0) }, { children: timelineItem.deselectPrompt && jsx_runtime_1.jsx(StyledBannerContent, { children: timelineItem.deselectPrompt }, void 0) }), void 0))] }), void 0) }, void 0));
|
|
61
65
|
};
|
|
62
66
|
exports.default = TimelineItem;
|
|
63
67
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeline-item.js","sourceRoot":"","sources":["../../src/molecules/timeline-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AACpC,8DAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"timeline-item.js","sourceRoot":"","sources":["../../src/molecules/timeline-item.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ltht-react/timeline",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.82",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"author": "Jonny Dyson",
|
|
6
6
|
"homepage": "",
|
|
@@ -23,14 +23,14 @@
|
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"@emotion/styled": "^11.0.0",
|
|
26
|
-
"@ltht-react/banner": "^1.0.
|
|
27
|
-
"@ltht-react/hooks": "^1.0.
|
|
28
|
-
"@ltht-react/icon": "^1.3.
|
|
29
|
-
"@ltht-react/styles": "^1.3.
|
|
30
|
-
"@ltht-react/types": "^1.0.
|
|
31
|
-
"@ltht-react/utils": "^1.1.
|
|
26
|
+
"@ltht-react/banner": "^1.0.67",
|
|
27
|
+
"@ltht-react/hooks": "^1.0.84",
|
|
28
|
+
"@ltht-react/icon": "^1.3.94",
|
|
29
|
+
"@ltht-react/styles": "^1.3.86",
|
|
30
|
+
"@ltht-react/types": "^1.0.90",
|
|
31
|
+
"@ltht-react/utils": "^1.1.92",
|
|
32
32
|
"react": "^17.0.0",
|
|
33
33
|
"react-html-parser": "^2.0.2"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "3dd9c87ac3acaab447005b607317f5f688a8f79c"
|
|
36
36
|
}
|