@ltht-react/timeline 1.0.58 → 1.0.59

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,14 @@
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.59 (2022-05-04)
7
+
8
+ **Note:** Version bump only for package @ltht-react/timeline
9
+
10
+
11
+
12
+
13
+
6
14
  ## 1.0.58 (2022-05-03)
7
15
 
8
16
  **Note:** Version bump only for package @ltht-react/timeline
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ltht-react/timeline",
3
- "version": "1.0.58",
3
+ "version": "1.0.59",
4
4
  "description": "> TODO: description",
5
5
  "author": "Jonny Dyson",
6
6
  "homepage": "",
@@ -23,13 +23,13 @@
23
23
  },
24
24
  "dependencies": {
25
25
  "@emotion/styled": "^11.0.0",
26
- "@ltht-react/hooks": "^1.0.60",
27
- "@ltht-react/icon": "^1.3.70",
28
- "@ltht-react/styles": "^1.3.62",
29
- "@ltht-react/types": "^1.0.66",
30
- "@ltht-react/utils": "^1.1.68",
26
+ "@ltht-react/hooks": "^1.0.61",
27
+ "@ltht-react/icon": "^1.3.71",
28
+ "@ltht-react/styles": "^1.3.63",
29
+ "@ltht-react/types": "^1.0.67",
30
+ "@ltht-react/utils": "^1.1.69",
31
31
  "react": "^17.0.0",
32
32
  "react-html-parser": "^2.0.2"
33
33
  },
34
- "gitHead": "f31427d696e0b1a2316019766730bc01b092736c"
34
+ "gitHead": "1f52b067dca98381911a36adf4e85a2113097388"
35
35
  }
@@ -1,3 +0,0 @@
1
- import { FC } from 'react';
2
- declare const TimelineDate: FC;
3
- export default TimelineDate;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var jsx_runtime_1 = require("react/jsx-runtime");
4
- // import { AllergyIntolerance } from '@ltht-react/types'
5
- var TimelineDate = function () { return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: "Date" }, void 0); };
6
- exports.default = TimelineDate;
7
- //# sourceMappingURL=timeline-date.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"timeline-date.js","sourceRoot":"","sources":["../../src/atoms/timeline-date.tsx"],"names":[],"mappings":";;;AACA,yDAAyD;AAEzD,IAAM,YAAY,GAAO,cAAM,OAAA,uEAAS,EAAT,CAAS,CAAA;AAExC,kBAAe,YAAY,CAAA"}
@@ -1,8 +0,0 @@
1
- import { FC } from 'react';
2
- import { AuditEvent, Maybe } from '@ltht-react/types';
3
- declare const TimelineDay: FC<IProps>;
4
- interface IProps {
5
- auditItems: Maybe<AuditEvent>[];
6
- day: string;
7
- }
8
- export default TimelineDay;
@@ -1,92 +0,0 @@
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 icon_1 = require("@ltht-react/icon");
24
- var styles_1 = require("@ltht-react/styles");
25
- var hooks_1 = require("@ltht-react/hooks");
26
- var utils_1 = require("@ltht-react/utils");
27
- var timeline_time_1 = __importDefault(require("../atoms/timeline-time"));
28
- var timeline_item_1 = __importDefault(require("../molecules/timeline-item"));
29
- var StyledTimelineDayBody = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: white;\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n z-index: 1;\n height: ", ";\n left: calc(50% - 1px);\n border-width: 0 0 0 2px;\n border-color: ", ";\n border-style: solid;\n }\n"], ["\n background-color: white;\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n z-index: 1;\n height: ", ";\n left: calc(50% - 1px);\n border-width: 0 0 0 2px;\n border-color: ", ";\n border-style: solid;\n }\n"])), function (_a) {
30
- var isMobile = _a.isMobile;
31
- return (isMobile ? '0%' : '100%');
32
- }, styles_1.TEXT_COLOURS.INFO);
33
- var StyledTimelineDayHeader = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n padding: 0.5rem;\n text-align: center;\n font-weight: bold;\n"], ["\n background-color: ", ";\n padding: 0.5rem;\n text-align: center;\n font-weight: bold;\n"])), styles_1.BANNER_COLOURS.DEFAULT.BACKGROUND);
34
- var StyledTimelineDayItem = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: inline-block;\n width: 100%;\n justify-content: center;\n padding: ", ";\n margin: ", ";\n"], ["\n display: inline-block;\n width: 100%;\n justify-content: center;\n padding: ", ";\n margin: ", ";\n"])), function (_a) {
35
- var isMobile = _a.isMobile;
36
- return (isMobile ? '' : '0 0.5rem');
37
- }, function (_a) {
38
- var isMobile = _a.isMobile;
39
- return (isMobile ? '0.5rem 0' : '1rem 0');
40
- });
41
- var StyledTimelineDayContent = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: ", ";\n padding: 0 0.5rem;\n display: inline-block;\n vertical-align: top;\n"], ["\n width: ", ";\n padding: 0 0.5rem;\n display: inline-block;\n vertical-align: top;\n"])), function (_a) {
42
- var isMobile = _a.isMobile;
43
- return (isMobile ? '100%' : '49%');
44
- });
45
- var StyledTimelineDayLine = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 2%;\n vertical-align: top;\n margin-top: 0.125rem;\n display: inline-block;\n text-align: center;\n position: relative;\n height: 100%;\n"], ["\n width: 2%;\n vertical-align: top;\n margin-top: 0.125rem;\n display: inline-block;\n text-align: center;\n position: relative;\n height: 100%;\n"])));
46
- var StyledTimelineDayTimeLeft = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 49%;\n padding: 0 0.5rem;\n display: inline-block;\n vertical-align: top;\n text-align: right;\n font-weight: bold;\n"], ["\n width: 49%;\n padding: 0 0.5rem;\n display: inline-block;\n vertical-align: top;\n text-align: right;\n font-weight: bold;\n"])));
47
- var StyledTimelineDayTimeRight = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 49%;\n padding: 0 0.5rem;\n display: inline-block;\n vertical-align: top;\n text-align: left;\n font-weight: bold;\n"], ["\n width: 49%;\n padding: 0 0.5rem;\n display: inline-block;\n vertical-align: top;\n text-align: left;\n font-weight: bold;\n"])));
48
- var StyledOuterCircle = styled_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n .icon__circle {\n position: absolute;\n z-index: 1;\n transform: translate(-50%);\n -webkit-transform: translate(-50%);\n -ms-transform: translate(-50%);\n left: 50%;\n color: ", ";\n font-size: 0.75rem;\n }\n"], ["\n .icon__circle {\n position: absolute;\n z-index: 1;\n transform: translate(-50%);\n -webkit-transform: translate(-50%);\n -ms-transform: translate(-50%);\n left: 50%;\n color: ", ";\n font-size: 0.75rem;\n }\n"])), styles_1.TEXT_COLOURS.INFO);
49
- var StyledInnerCircle = styled_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n .icon__circle {\n position: absolute;\n z-index: 2;\n top: 0.125rem;\n transform: translate(-50%);\n -webkit-transform: translate(-50%);\n -ms-transform: translate(-50%);\n left: 50%;\n color: white;\n font-size: 0.5rem;\n }\n"], ["\n .icon__circle {\n position: absolute;\n z-index: 2;\n top: 0.125rem;\n transform: translate(-50%);\n -webkit-transform: translate(-50%);\n -ms-transform: translate(-50%);\n left: 50%;\n color: white;\n font-size: 0.5rem;\n }\n"])));
50
- var TimelineDay = function (props) {
51
- var width = hooks_1.useWindowSize().width;
52
- var isMobile = utils_1.isMobileView(width);
53
- var audit = props.auditItems;
54
- if (isMobile) {
55
- return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(StyledTimelineDayHeader, { children: props.day }, void 0),
56
- jsx_runtime_1.jsx(StyledTimelineDayBody, __assign({ isMobile: isMobile }, { children: audit === null || audit === void 0 ? void 0 : audit.map(function (auditItem) { return (jsx_runtime_1.jsx(StyledTimelineDayItem, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(StyledTimelineDayContent, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(timeline_item_1.default, { audit: auditItem }, void 0) }), void 0) }), void 0)); }) }), void 0)] }, void 0));
57
- }
58
- var position = 0;
59
- return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(StyledTimelineDayHeader, { children: props.day }, void 0),
60
- jsx_runtime_1.jsx(StyledTimelineDayBody, __assign({ isMobile: isMobile }, { children: audit === null || audit === void 0 ? void 0 : audit.map(function (auditItem, idx) {
61
- var _a, _b, _c, _d, _e, _f, _g, _h;
62
- if (!((_b = (_a = auditItem === null || auditItem === void 0 ? void 0 : auditItem.period) === null || _a === void 0 ? void 0 : _a.start) === null || _b === void 0 ? void 0 : _b.value)) {
63
- return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
64
- }
65
- var currentTime = utils_1.formatTime(new Date((_d = (_c = auditItem === null || auditItem === void 0 ? void 0 : auditItem.period) === null || _c === void 0 ? void 0 : _c.start) === null || _d === void 0 ? void 0 : _d.value));
66
- var previousTime = currentTime;
67
- if (idx > 0) {
68
- var previousItem = audit[idx - 1];
69
- if (!((_f = (_e = previousItem === null || previousItem === void 0 ? void 0 : previousItem.period) === null || _e === void 0 ? void 0 : _e.start) === null || _f === void 0 ? void 0 : _f.value)) {
70
- return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
71
- }
72
- previousTime = utils_1.formatTime(new Date((_h = (_g = previousItem === null || previousItem === void 0 ? void 0 : previousItem.period) === null || _g === void 0 ? void 0 : _g.start) === null || _h === void 0 ? void 0 : _h.value));
73
- }
74
- if (currentTime !== previousTime) {
75
- position += 1;
76
- }
77
- var key = currentTime + "_" + idx;
78
- if (position % 2 === 1) {
79
- return (jsx_runtime_1.jsxs(StyledTimelineDayItem, __assign({ isMobile: isMobile }, { children: [jsx_runtime_1.jsx(StyledTimelineDayContent, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(timeline_item_1.default, { audit: auditItem }, void 0) }), void 0),
80
- jsx_runtime_1.jsxs(StyledTimelineDayLine, { children: [jsx_runtime_1.jsx(StyledOuterCircle, { children: jsx_runtime_1.jsx(icon_1.CircleIcon, { status: "info", size: "medium" }, void 0) }, void 0),
81
- jsx_runtime_1.jsx(StyledInnerCircle, { children: jsx_runtime_1.jsx(icon_1.CircleIcon, { status: "info", size: "medium" }, void 0) }, void 0)] }, void 0),
82
- jsx_runtime_1.jsx(StyledTimelineDayTimeRight, { children: jsx_runtime_1.jsx(timeline_time_1.default, { audit: auditItem }, void 0) }, void 0)] }), key));
83
- }
84
- return (jsx_runtime_1.jsxs(StyledTimelineDayItem, __assign({ isMobile: isMobile }, { children: [jsx_runtime_1.jsx(StyledTimelineDayTimeLeft, { children: jsx_runtime_1.jsx(timeline_time_1.default, { audit: auditItem }, void 0) }, void 0),
85
- jsx_runtime_1.jsxs(StyledTimelineDayLine, { children: [jsx_runtime_1.jsx(StyledOuterCircle, { children: jsx_runtime_1.jsx(icon_1.CircleIcon, { status: "info", size: "medium" }, void 0) }, void 0),
86
- jsx_runtime_1.jsx(StyledInnerCircle, { children: jsx_runtime_1.jsx(icon_1.CircleIcon, { status: "info", size: "medium" }, void 0) }, void 0)] }, void 0),
87
- jsx_runtime_1.jsx(StyledTimelineDayContent, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(timeline_item_1.default, { audit: auditItem }, void 0) }), void 0)] }), key));
88
- }) }), void 0)] }, void 0));
89
- };
90
- exports.default = TimelineDay;
91
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
92
- //# sourceMappingURL=timeline-day.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"timeline-day.js","sourceRoot":"","sources":["../../src/organisms/timeline-day.tsx"],"names":[],"mappings":"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"}