@ltht-react/timeline 2.0.62 → 2.0.64

package/lib/molecules/timeline-item.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { AuditEvent, DocumentReference, Maybe, QuestionnaireResponse, TimelineDomainResourceType } from '@ltht-react/types';
+declare const TimelineItem: FC<IProps>;
+interface IProps {
+    timelineItem: Maybe<ITimelineItem>;
+    domainResourceType: TimelineDomainResourceType;
+}
+export interface ITimelineItem {
+    domainResource?: Maybe<AuditEvent | QuestionnaireResponse | DocumentReference>;
+    buttonState: TimeLineItemButtonState;
+    itemClickHandler?(): void;
+    pointInTimeClickHandler?: (date: Date) => void;
+    buttonText?: string;
+}
+type TimeLineItemButtonState = 'no-button' | 'selectable-button' | 'selected-button' | 'permission-denied-button';
+export default TimelineItem;

package/lib/molecules/timeline-item.js

@@ -0,0 +1,49 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var styles_1 = require("@ltht-react/styles");
+var hooks_1 = require("@ltht-react/hooks");
+var utils_1 = require("@ltht-react/utils");
+var timeline_description_1 = __importDefault(require("../atoms/timeline-description"));
+var timeline_author_1 = __importDefault(require("../atoms/timeline-author"));
+var timeline_title_1 = __importDefault(require("../atoms/timeline-title"));
+var timeline_time_1 = __importDefault(require("../atoms/timeline-time"));
+var timeline_button_1 = __importDefault(require("../atoms/timeline-button"));
+var StyledTimelineItem = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  padding-top: 0.5rem;\n"], ["\n  background-color: ", ";\n  padding-top: 0.5rem;\n"])), function (_a) {
+    var isSelected = _a.isSelected;
+    return (isSelected ? styles_1.HIGHLIGHT_GREEN.VALUE : styles_1.TRANSLUCENT_DARK_BLUE);
+});
+var StyledTimelineAuthor = (0, styled_1.default)(timeline_author_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-grow: 1;\n  margin-bottom: 0.5rem;\n"], ["\n  flex-grow: 1;\n  margin-bottom: 0.5rem;\n"])));
+var StyledTimelineTime = (0, styled_1.default)(timeline_time_1.default)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: black;\n"], ["\n  color: black;\n"])));
+var StyledTimelineItemTop = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  color: black;\n  padding-bottom: 0.25rem;\n  margin: 0.5rem;\n"], ["\n  display: flex;\n  color: black;\n  padding-bottom: 0.25rem;\n  margin: 0.5rem;\n"])));
+var StyledTimelineItemMiddle = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: black;\n  padding-bottom: 1rem;\n  margin: 0.5rem;\n"], ["\n  color: black;\n  padding-bottom: 1rem;\n  margin: 0.5rem;\n"])));
+var StyledTimelineItemBottom = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: grey;\n  display: flex;\n  margin: 0.5rem;\n"], ["\n  color: grey;\n  display: flex;\n  margin: 0.5rem;\n"])));
+var StyledTimelineTitle = (0, styled_1.default)(timeline_title_1.default, {
+    shouldForwardProp: function (prop) { return prop !== 'isMobile'; },
+})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  flex-grow: 1;\n  color: black;\n  font-size: ", ";\n  font-weight: bold;\n"], ["\n  flex-grow: 1;\n  color: black;\n  font-size: ", ";\n  font-weight: bold;\n"])), function (_a) {
+    var isMobile = _a.isMobile;
+    return (isMobile ? 'medium' : 'large');
+});
+var StyledTimelineDescription = (0, styled_1.default)(timeline_description_1.default)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  color: black;\n  font-size: small;\n"], ["\n  color: black;\n  font-size: small;\n"])));
+var TimelineItem = function (_a) {
+    var timelineItem = _a.timelineItem, domainResourceType = _a.domainResourceType;
+    var width = (0, hooks_1.useWindowSize)().width;
+    var isMobile = (0, utils_1.isMobileView)(width);
+    if (!(timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource)) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+    var domainResource = timelineItem.domainResource, buttonState = timelineItem.buttonState;
+    var itemKey = "timelineItem_".concat(domainResource.id);
+    return ((0, jsx_runtime_1.jsxs)(StyledTimelineItem, { isSelected: buttonState === 'selected-button', children: [(0, jsx_runtime_1.jsxs)(StyledTimelineItemTop, { children: [(0, jsx_runtime_1.jsx)(StyledTimelineTitle, { isMobile: isMobile, domainResource: domainResource, domainResourceType: domainResourceType }), isMobile && ((0, jsx_runtime_1.jsx)(StyledTimelineTime, { domainResource: timelineItem.domainResource, domainResourceType: domainResourceType }))] }), (0, jsx_runtime_1.jsx)(StyledTimelineItemMiddle, { children: (0, jsx_runtime_1.jsx)(StyledTimelineDescription, { domainResource: timelineItem.domainResource, domainResourceType: domainResourceType }) }), (0, jsx_runtime_1.jsx)(StyledTimelineItemBottom, { children: (0, jsx_runtime_1.jsx)(StyledTimelineAuthor, { domainResource: timelineItem.domainResource, domainResourceType: domainResourceType }) }), (0, jsx_runtime_1.jsx)(timeline_button_1.default, { timelineItem: timelineItem })] }, itemKey));
+};
+exports.default = TimelineItem;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=timeline-item.js.map

package/lib/molecules/timeline-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-item.js","sourceRoot":"","sources":["../../src/molecules/timeline-item.tsx"],"names":[],"mappings":";;;;;;;;;;AACA,2DAAoC;AACpC,6CAA2E;AAQ3E,2CAAiD;AACjD,2CAAgD;AAChD,uFAA+D;AAC/D,6EAAqD;AACrD,2EAAmD;AACnD,yEAAiD;AACjD,6EAAqD;AAErD,IAAM,kBAAkB,GAAG,gBAAM,CAAC,GAAG,0HAAqB,wBACpC,EAAgF,6BAErG,KAFqB,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,wBAAe,CAAC,KAAK,CAAC,CAAC,CAAC,8BAAqB,CAAC;AAA5D,CAA4D,CAErG,CAAA;AAED,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,yBAAc,CAAC,kHAAA,+CAGlD,IAAA,CAAA;AAED,IAAM,kBAAkB,GAAG,IAAA,gBAAM,EAAC,uBAAY,CAAC,wFAAA,qBAE9C,IAAA,CAAA;AAED,IAAM,qBAAqB,GAAG,gBAAM,CAAC,GAAG,yJAAA,sFAKvC,IAAA,CAAA;AAED,IAAM,wBAAwB,GAAG,gBAAM,CAAC,GAAG,oIAAA,iEAI1C,IAAA,CAAA;AAED,IAAM,wBAAwB,GAAG,gBAAM,CAAC,GAAG,4HAAA,yDAI1C,IAAA,CAAA;AAED,IAAM,mBAAmB,GAAG,IAAA,gBAAM,EAAC,wBAAa,EAAE;IAChD,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,IAAI,KAAK,UAAU,EAAnB,CAAmB;CACjD,CAAC,mJAAe,mDAGF,EAAiD,2BAE/D,KAFc,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;AAA/B,CAA+B,CAE/D,CAAA;AAED,IAAM,yBAAyB,GAAG,IAAA,gBAAM,EAAC,8BAAmB,CAAC,6GAAA,0CAG5D,IAAA,CAAA;AAED,IAAM,YAAY,GAAe,UAAC,EAAoC;QAAlC,YAAY,kBAAA,EAAE,kBAAkB,wBAAA;IAC1D,IAAA,KAAK,GAAK,IAAA,qBAAa,GAAE,MAApB,CAAoB;IACjC,IAAM,QAAQ,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAA;IAEpC,IAAI,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAA,EAAE,CAAC;QAClC,OAAO,kDAAK,CAAA;IACd,CAAC;IAEO,IAAA,cAAc,GAAkB,YAAY,eAA9B,EAAE,WAAW,GAAK,YAAY,YAAjB,CAAiB;IAEpD,IAAM,OAAO,GAAG,uBAAgB,cAAc,CAAC,EAAE,CAAE,CAAA;IAEnD,OAAO,CACL,wBAAC,kBAAkB,IAAC,UAAU,EAAE,WAAW,KAAK,iBAAiB,aAC/D,wBAAC,qBAAqB,eACpB,uBAAC,mBAAmB,IAClB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,kBAAkB,GACtC,EACD,QAAQ,IAAI,CACX,uBAAC,kBAAkB,IAAC,cAAc,EAAE,YAAY,CAAC,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,GAAI,CAC5G,IACqB,EAExB,uBAAC,wBAAwB,cACvB,uBAAC,yBAAyB,IACxB,cAAc,EAAE,YAAY,CAAC,cAAc,EAC3C,kBAAkB,EAAE,kBAAkB,GACtC,GACuB,EAE3B,uBAAC,wBAAwB,cACvB,uBAAC,oBAAoB,IAAC,cAAc,EAAE,YAAY,CAAC,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,GAAI,GACpF,EAE3B,uBAAC,yBAAc,IAAC,YAAY,EAAE,YAAY,GAAI,KAvBwB,OAAO,CAwB1D,CACtB,CAAA;AACH,CAAC,CAAA;AAyBD,kBAAe,YAAY,CAAA"}

package/lib/organisms/timeline.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { Maybe, TimelineDomainResourceType } from '@ltht-react/types';
+import { ITimelineItem } from '../molecules/timeline-item';
+declare const Timeline: FC<IProps>;
+interface IProps {
+    timelineItems: Maybe<ITimelineItem>[];
+    domainResourceType: TimelineDomainResourceType;
+    filters?: ITimelineFilter[];
+    onFilterChange?: (value: string[]) => void;
+}
+export interface ITimelineFilter {
+    label: string;
+    options: ITimelineFilterOption[];
+}
+export interface ITimelineFilterOption {
+    value?: string;
+    label: string;
+}
+export default Timeline;

package/lib/organisms/timeline.js

@@ -0,0 +1,207 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var icon_1 = __importDefault(require("@ltht-react/icon"));
+var styles_1 = require("@ltht-react/styles");
+var types_1 = require("@ltht-react/types");
+var utils_1 = require("@ltht-react/utils");
+var hooks_1 = require("@ltht-react/hooks");
+var select_1 = __importDefault(require("@ltht-react/select"));
+var timeline_time_1 = __importDefault(require("../atoms/timeline-time"));
+var timeline_item_1 = __importDefault(require("../molecules/timeline-item"));
+var timeline_item_redacted_1 = __importDefault(require("../molecules/timeline-item-redacted"));
+var StyledTimeline = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  margin: -0.75rem;\n"], ["\n  position: relative;\n  margin: -0.75rem;\n"])));
+var StyledTimelineDayBody = styled_1.default.div(templateObject_2 || (templateObject_2 = __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) {
+    var isMobile = _a.isMobile;
+    return (isMobile ? '0%' : '100%');
+}, styles_1.TEXT_COLOURS.INFO);
+var StyledTimelineDayHeader = styled_1.default.div(templateObject_3 || (templateObject_3 = __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);
+var StyledTimelineDayItem = styled_1.default.div(templateObject_4 || (templateObject_4 = __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) {
+    var isMobile = _a.isMobile;
+    return (isMobile ? '' : '0 0.5rem');
+}, function (_a) {
+    var isMobile = _a.isMobile;
+    return (isMobile ? '0.5rem 0' : '1rem 0');
+});
+var StyledTimelineDayContent = styled_1.default.div(templateObject_5 || (templateObject_5 = __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) {
+    var isMobile = _a.isMobile;
+    return (isMobile ? '100%' : '49%');
+});
+var StyledTimelineDayLine = styled_1.default.div(templateObject_6 || (templateObject_6 = __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"])));
+var StyledTimelineDayTimeLeft = 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: 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"])));
+var StyledTimelineDayTimeRight = styled_1.default.div(templateObject_8 || (templateObject_8 = __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"])));
+var StyledOuterCircle = (0, styled_1.default)(icon_1.default)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\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  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"])), styles_1.TEXT_COLOURS.INFO);
+var StyledInnerCircle = (0, styled_1.default)(icon_1.default)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\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  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"])));
+var StyledFilters = styled_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  position: sticky;\n  margin-bottom: 1rem;\n  top: 0;\n  background-color: ", ";\n  z-index: 1000;\n  padding: 0.5em;\n  display: block;\n\n  ", " {\n    display: flex;\n    padding: 1em;\n  }\n"], ["\n  position: sticky;\n  margin-bottom: 1rem;\n  top: 0;\n  background-color: ", ";\n  z-index: 1000;\n  padding: 0.5em;\n  display: block;\n\n  ", " {\n    display: flex;\n    padding: 1em;\n  }\n"])), styles_1.BANNER_COLOURS.DEFAULT.BACKGROUND, styles_1.TABLET_MINIMUM_MEDIA_QUERY);
+var StyledFilter = styled_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0.5rem;\n\n  ", " {\n    max-width: 200px;\n  }\n\n  > select {\n    min-width: 100px;\n    flex: 2;\n\n    ", " {\n      flex: unset;\n    }\n  }\n\n  > label {\n    flex: 1;\n    white-space: pre;\n    padding-right: 0.5em;\n\n    ", " {\n      flex: unset;\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 0.5rem;\n\n  ", " {\n    max-width: 200px;\n  }\n\n  > select {\n    min-width: 100px;\n    flex: 2;\n\n    ", " {\n      flex: unset;\n    }\n  }\n\n  > label {\n    flex: 1;\n    white-space: pre;\n    padding-right: 0.5em;\n\n    ", " {\n      flex: unset;\n    }\n  }\n"])), styles_1.TABLET_MINIMUM_MEDIA_QUERY, styles_1.TABLET_MINIMUM_MEDIA_QUERY, styles_1.TABLET_MINIMUM_MEDIA_QUERY);
+var Timeline = function (_a) {
+    var timelineItems = _a.timelineItems, domainResourceType = _a.domainResourceType, filters = _a.filters, onFilterChange = _a.onFilterChange;
+    var width = (0, hooks_1.useWindowSize)().width;
+    var isMobile = (0, utils_1.isMobileView)(width);
+    var timelineDates = {};
+    var _b = (0, react_1.useState)({}), activeFilters = _b[0], setActiveFilters = _b[1];
+    (0, react_1.useEffect)(function () { return setActiveFilters([]); }, [filters]);
+    timelineItems === null || timelineItems === void 0 ? void 0 : timelineItems.forEach(function (timelineItem) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (!(timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource)) {
+            return;
+        }
+        var date = '';
+        var displayDate = '';
+        switch (domainResourceType) {
+            case types_1.TimelineDomainResourceType.QuestionnaireResponse: {
+                var qr = timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource;
+                if (!((_a = qr.authored) === null || _a === void 0 ? void 0 : _a.value)) {
+                    return;
+                }
+                date = (0, utils_1.formatDate)(new Date((_b = qr.authored) === null || _b === void 0 ? void 0 : _b.value));
+                displayDate = (0, utils_1.formatDateExplicitMonth)(new Date((_c = qr.authored) === null || _c === void 0 ? void 0 : _c.value));
+                break;
+            }
+            case types_1.TimelineDomainResourceType.DocumentReference: {
+                var docRef = timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource;
+                if (!((_d = docRef.created) === null || _d === void 0 ? void 0 : _d.value)) {
+                    return;
+                }
+                date = (0, utils_1.formatDate)(new Date(docRef.created.value));
+                displayDate = (0, utils_1.formatDateExplicitMonth)(new Date(docRef.created.value));
+                break;
+            }
+            case types_1.TimelineDomainResourceType.AuditEvent: {
+                var audit = timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource;
+                if (!((_e = audit.recorded) === null || _e === void 0 ? void 0 : _e.value)) {
+                    return;
+                }
+                date = (0, utils_1.formatDate)(new Date((_f = audit.recorded) === null || _f === void 0 ? void 0 : _f.value));
+                displayDate = (0, utils_1.formatDateExplicitMonth)(new Date((_g = audit.recorded) === null || _g === void 0 ? void 0 : _g.value));
+                break;
+            }
+            default:
+                throw Error('Unrecognised resource type');
+        }
+        var lookup = timelineDates[date];
+        if (!lookup) {
+            timelineDates[date] = { item: [timelineItem], formattedDate: displayDate };
+        }
+        else {
+            lookup.item.push(timelineItem);
+            timelineDates[date] = lookup;
+        }
+    });
+    var position = 0;
+    var handleFilterChange = function (key, filter, value) {
+        var newActiveFilters = __assign({}, activeFilters);
+        if (value && value.length > 0 && filter.options.some(function (x) { return x.value === value; })) {
+            newActiveFilters[key] = value;
+        }
+        else {
+            delete newActiveFilters[key];
+        }
+        setActiveFilters(newActiveFilters);
+        onFilterChange && onFilterChange(Object.values(newActiveFilters).filter(function (x) { return x && x.length > 0; }));
+    };
+    return ((0, jsx_runtime_1.jsxs)(StyledTimeline, { "data-testid": "timeline", children: [filters && ((0, jsx_runtime_1.jsx)(StyledFilters, { children: filters.map(function (filter, key) { return ((0, jsx_runtime_1.jsxs)(StyledFilter, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: "".concat(filter.label, "-").concat(key), children: [filter.label, ":"] }), (0, jsx_runtime_1.jsx)(select_1.default, { id: "".concat(filter.label, "-").concat(key), options: filter.options, onChange: function (e) { return handleFilterChange(key, filter, e.target.value); } })] }, key)); }) })), Object.entries(timelineDates).map(function (_a) {
+                var _b;
+                var dateKey = _a[0], value = _a[1];
+                position += 1;
+                return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": dateKey, children: [(0, jsx_runtime_1.jsx)(StyledTimelineDayHeader, { children: value.formattedDate }), (0, jsx_runtime_1.jsx)(StyledTimelineDayBody, { isMobile: isMobile, children: (_b = value.item) === null || _b === void 0 ? void 0 : _b.map(function (timelineItem, idx) {
+                                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+                                var content = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                                if (!(timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource)) {
+                                    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                                }
+                                var currentTime = '';
+                                var previousTime = '';
+                                switch (domainResourceType) {
+                                    case types_1.TimelineDomainResourceType.QuestionnaireResponse: {
+                                        var qr = timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource;
+                                        if (!((_a = qr.authored) === null || _a === void 0 ? void 0 : _a.value)) {
+                                            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                                        }
+                                        currentTime = (0, utils_1.formatTime)(new Date(qr.authored.value));
+                                        previousTime = currentTime;
+                                        if (idx > 0) {
+                                            var previousItem = (_b = value.item[idx - 1]) === null || _b === void 0 ? void 0 : _b.domainResource;
+                                            if (!((_c = previousItem === null || previousItem === void 0 ? void 0 : previousItem.authored) === null || _c === void 0 ? void 0 : _c.value)) {
+                                                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                                            }
+                                            previousTime = (0, utils_1.formatTime)(new Date(previousItem === null || previousItem === void 0 ? void 0 : previousItem.authored.value));
+                                        }
+                                        break;
+                                    }
+                                    case types_1.TimelineDomainResourceType.DocumentReference: {
+                                        var docRef = timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource;
+                                        if (!((_d = docRef.created) === null || _d === void 0 ? void 0 : _d.value)) {
+                                            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                                        }
+                                        currentTime = (0, utils_1.formatTime)(new Date(docRef.created.value));
+                                        previousTime = currentTime;
+                                        if (idx > 0) {
+                                            var previousItem = (_e = value.item[idx - 1]) === null || _e === void 0 ? void 0 : _e.domainResource;
+                                            if (!((_f = previousItem === null || previousItem === void 0 ? void 0 : previousItem.created) === null || _f === void 0 ? void 0 : _f.value)) {
+                                                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                                            }
+                                            previousTime = (0, utils_1.formatTime)(new Date((_g = previousItem === null || previousItem === void 0 ? void 0 : previousItem.created) === null || _g === void 0 ? void 0 : _g.value));
+                                        }
+                                        break;
+                                    }
+                                    case types_1.TimelineDomainResourceType.AuditEvent: {
+                                        var audit = timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource;
+                                        if (!((_h = audit.recorded) === null || _h === void 0 ? void 0 : _h.value)) {
+                                            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                                        }
+                                        currentTime = (0, utils_1.formatTime)(new Date((_j = audit.recorded) === null || _j === void 0 ? void 0 : _j.value));
+                                        previousTime = currentTime;
+                                        if (idx > 0) {
+                                            var previousItem = (_k = value.item[idx - 1]) === null || _k === void 0 ? void 0 : _k.domainResource;
+                                            if (!((_l = previousItem === null || previousItem === void 0 ? void 0 : previousItem.recorded) === null || _l === void 0 ? void 0 : _l.value)) {
+                                                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                                            }
+                                            previousTime = (0, utils_1.formatTime)(new Date((_m = previousItem === null || previousItem === void 0 ? void 0 : previousItem.recorded) === null || _m === void 0 ? void 0 : _m.value));
+                                        }
+                                        break;
+                                    }
+                                }
+                                if (currentTime !== previousTime) {
+                                    position += 1;
+                                }
+                                var itemKey = "timeline_day_item_".concat(dateKey, "_").concat(currentTime, "_").concat(idx);
+                                var isRedacted = (_o = timelineItem.domainResource.metadata.isRedacted) !== null && _o !== void 0 ? _o : false;
+                                if (isMobile) {
+                                    content = ((0, jsx_runtime_1.jsx)(StyledTimelineDayContent, { isMobile: true, children: isRedacted ? ((0, jsx_runtime_1.jsx)(timeline_item_redacted_1.default, {})) : ((0, jsx_runtime_1.jsx)(timeline_item_1.default, { timelineItem: timelineItem, domainResourceType: domainResourceType })) }));
+                                }
+                                else if (position % 2 === 1) {
+                                    var contentKey = "content_left_".concat(itemKey);
+                                    content = ((0, jsx_runtime_1.jsxs)("div", { "data-testid": contentKey, children: [(0, jsx_runtime_1.jsx)(StyledTimelineDayContent, { isMobile: false, children: isRedacted ? ((0, jsx_runtime_1.jsx)(timeline_item_redacted_1.default, {})) : ((0, jsx_runtime_1.jsx)(timeline_item_1.default, { timelineItem: timelineItem, domainResourceType: domainResourceType })) }), (0, jsx_runtime_1.jsxs)(StyledTimelineDayLine, { children: [(0, jsx_runtime_1.jsx)(StyledOuterCircle, { type: "circle", color: "info-blue", size: "medium" }), (0, jsx_runtime_1.jsx)(StyledInnerCircle, { type: "circle", color: "info-blue", size: "medium" })] }), (0, jsx_runtime_1.jsx)(StyledTimelineDayTimeRight, { children: (0, jsx_runtime_1.jsx)(timeline_time_1.default, { domainResource: timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource, domainResourceType: domainResourceType, pointInTimeClickHandler: timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.pointInTimeClickHandler, orientation: "right" }) })] }, contentKey));
+                                }
+                                else if (position % 2 === 0) {
+                                    var contentKey = "content_right_".concat(itemKey);
+                                    content = ((0, jsx_runtime_1.jsxs)("div", { "data-testid": contentKey, children: [(0, jsx_runtime_1.jsx)(StyledTimelineDayTimeLeft, { children: (0, jsx_runtime_1.jsx)(timeline_time_1.default, { domainResource: timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource, domainResourceType: domainResourceType, pointInTimeClickHandler: timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.pointInTimeClickHandler, orientation: "left" }) }), (0, jsx_runtime_1.jsxs)(StyledTimelineDayLine, { children: [(0, jsx_runtime_1.jsx)(StyledOuterCircle, { type: "circle", color: "info-blue", size: "medium" }), (0, jsx_runtime_1.jsx)(StyledInnerCircle, { type: "circle", color: "info-blue", size: "medium" })] }), (0, jsx_runtime_1.jsx)(StyledTimelineDayContent, { isMobile: false, children: isRedacted ? ((0, jsx_runtime_1.jsx)(timeline_item_redacted_1.default, {})) : ((0, jsx_runtime_1.jsx)(timeline_item_1.default, { timelineItem: timelineItem, domainResourceType: domainResourceType })) })] }, contentKey));
+                                }
+                                return ((0, jsx_runtime_1.jsx)(StyledTimelineDayItem, { isMobile: isMobile, "data-testid": itemKey, children: content }, itemKey));
+                            }) })] }, dateKey));
+            })] }, "timeline"));
+};
+exports.default = Timeline;
+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;
+//# sourceMappingURL=timeline.js.map

package/lib/organisms/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.js","sourceRoot":"","sources":["../../src/organisms/timeline.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+BAA+C;AAC/C,2DAAoC;AACpC,0DAAmC;AACnC,6CAA6F;AAC7F,2CAM0B;AAC1B,2CAAiG;AACjG,2CAAiD;AACjD,8DAAuC;AAEvC,yEAAiD;AACjD,6EAAwE;AACxE,+FAAsE;AAEtE,IAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,mHAAA,gDAGhC,IAAA,CAAA;AAED,IAAM,qBAAqB,GAAG,gBAAM,CAAC,GAAG,2UAAe,+IAQzC,EAA4C,iFAGtC,EAAiB,oCAGpC,KANa,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAA1B,CAA0B,EAGtC,qBAAY,CAAC,IAAI,CAGpC,CAAA;AAED,IAAM,uBAAuB,GAAG,gBAAM,CAAC,GAAG,mKAAA,wBACpB,EAAiC,sEAItD,KAJqB,uBAAc,CAAC,OAAO,CAAC,UAAU,CAItD,CAAA;AAED,IAAM,qBAAqB,GAAG,gBAAM,CAAC,GAAG,gLAAe,qFAI1C,EAA8C,eAC/C,EAAoD,KAC/D,KAFY,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC;AAA5B,CAA4B,EAC/C,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;AAAlC,CAAkC,CAC/D,CAAA;AAED,IAAM,wBAAwB,GAAG,gBAAM,CAAC,GAAG,+JAAe,aAC/C,EAA6C,6EAIvD,KAJU,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;AAA3B,CAA2B,CAIvD,CAAA;AAED,IAAM,qBAAqB,GAAG,gBAAM,CAAC,GAAG,+NAAA,4JAQvC,IAAA,CAAA;AAED,IAAM,yBAAyB,GAAG,gBAAM,CAAC,GAAG,0MAAA,uIAO3C,IAAA,CAAA;AAED,IAAM,0BAA0B,GAAG,gBAAM,CAAC,GAAG,yMAAA,sIAO5C,IAAA,CAAA;AAED,IAAM,iBAAiB,GAAG,IAAA,gBAAM,EAAC,cAAI,CAAC,2QAAA,0KAO3B,EAAiB,4BAE3B,KAFU,qBAAY,CAAC,IAAI,CAE3B,CAAA;AAED,IAAM,iBAAiB,GAAG,IAAA,gBAAM,EAAC,cAAI,CAAC,+RAAA,0NAUrC,IAAA,CAAA;AAED,IAAM,aAAa,GAAG,gBAAM,CAAC,GAAG,4QAAA,gFAIV,EAAiC,iEAKnD,EAA0B,kDAI7B,KATqB,uBAAc,CAAC,OAAO,CAAC,UAAU,EAKnD,mCAA0B,CAI7B,CAAA;AAED,IAAM,YAAY,GAAG,gBAAM,CAAC,GAAG,+YAAA,sEAK3B,EAA0B,6FAQxB,EAA0B,2HAU1B,EAA0B,sCAI/B,KAtBG,mCAA0B,EAQxB,mCAA0B,EAU1B,mCAA0B,CAI/B,CAAA;AAED,IAAM,QAAQ,GAAe,UAAC,EAA8D;QAA5D,aAAa,mBAAA,EAAE,kBAAkB,wBAAA,EAAE,OAAO,aAAA,EAAE,cAAc,oBAAA;IAChF,IAAA,KAAK,GAAK,IAAA,qBAAa,GAAE,MAApB,CAAoB;IACjC,IAAM,QAAQ,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAA;IACpC,IAAM,aAAa,GAAgF,EAAE,CAAA;IAC/F,IAAA,KAAoC,IAAA,gBAAQ,EAAyB,EAAE,CAAC,EAAvE,aAAa,QAAA,EAAE,gBAAgB,QAAwC,CAAA;IAC9E,IAAA,iBAAS,EAAC,cAAM,OAAA,gBAAgB,CAAC,EAAE,CAAC,EAApB,CAAoB,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEhD,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,UAAC,YAAY;;QAClC,IAAI,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAA,EAAE,CAAC;YAClC,OAAM;QACR,CAAC;QACD,IAAI,IAAI,GAAG,EAAE,CAAA;QACb,IAAI,WAAW,GAAG,EAAE,CAAA;QAEpB,QAAQ,kBAAkB,EAAE,CAAC;YAC3B,KAAK,kCAA0B,CAAC,qBAAqB,CAAC,CAAC,CAAC;gBACtD,IAAM,EAAE,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAuC,CAAA;gBAChE,IAAI,CAAC,CAAA,MAAA,EAAE,CAAC,QAAQ,0CAAE,KAAK,CAAA,EAAE,CAAC;oBACxB,OAAM;gBACR,CAAC;gBACD,IAAI,GAAG,IAAA,kBAAU,EAAC,IAAI,IAAI,CAAC,MAAA,EAAE,CAAC,QAAQ,0CAAE,KAAK,CAAC,CAAC,CAAA;gBAC/C,WAAW,GAAG,IAAA,+BAAuB,EAAC,IAAI,IAAI,CAAC,MAAA,EAAE,CAAC,QAAQ,0CAAE,KAAK,CAAC,CAAC,CAAA;gBACnE,MAAK;YACP,CAAC;YAED,KAAK,kCAA0B,CAAC,iBAAiB,CAAC,CAAC,CAAC;gBAClD,IAAM,MAAM,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAmC,CAAA;gBAChE,IAAI,CAAC,CAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,KAAK,CAAA,EAAE,CAAC;oBAC3B,OAAM;gBACR,CAAC;gBACD,IAAI,GAAG,IAAA,kBAAU,EAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;gBACjD,WAAW,GAAG,IAAA,+BAAuB,EAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;gBACrE,MAAK;YACP,CAAC;YAED,KAAK,kCAA0B,CAAC,UAAU,CAAC,CAAC,CAAC;gBAC3C,IAAM,KAAK,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAA4B,CAAA;gBACxD,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,KAAK,CAAA,EAAE,CAAC;oBAC3B,OAAM;gBACR,CAAC;gBACD,IAAI,GAAG,IAAA,kBAAU,EAAC,IAAI,IAAI,CAAC,MAAA,KAAK,CAAC,QAAQ,0CAAE,KAAK,CAAC,CAAC,CAAA;gBAClD,WAAW,GAAG,IAAA,+BAAuB,EAAC,IAAI,IAAI,CAAC,MAAA,KAAK,CAAC,QAAQ,0CAAE,KAAK,CAAC,CAAC,CAAA;gBACtE,MAAK;YACP,CAAC;YACD;gBACE,MAAM,KAAK,CAAC,4BAA4B,CAAC,CAAA;QAC7C,CAAC;QAED,IAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAA;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,aAAa,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,YAAY,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,CAAA;QAC5E,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;YAC9B,aAAa,CAAC,IAAI,CAAC,GAAG,MAAM,CAAA;QAC9B,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,IAAI,QAAQ,GAAG,CAAC,CAAA;IAEhB,IAAM,kBAAkB,GAAG,UAAC,GAAW,EAAE,MAAuB,EAAE,KAAc;QAC9E,IAAM,gBAAgB,gBAAQ,aAAa,CAAE,CAAA;QAE7C,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,KAAK,KAAK,EAAjB,CAAiB,CAAC,EAAE,CAAC;YAC/E,gBAAgB,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;QAC/B,CAAC;aAAM,CAAC;YACN,OAAO,gBAAgB,CAAC,GAAG,CAAC,CAAA;QAC9B,CAAC;QAED,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;QAClC,cAAc,IAAI,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAAjB,CAAiB,CAAC,CAAC,CAAA;IACpG,CAAC,CAAA;IAED,OAAO,CACL,wBAAC,cAAc,mBAA4B,UAAU,aAClD,OAAO,IAAI,CACV,uBAAC,aAAa,cACX,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,GAAG,IAAK,OAAA,CAC5B,wBAAC,YAAY,eACX,mCAAO,OAAO,EAAE,UAAG,MAAM,CAAC,KAAK,cAAI,GAAG,CAAE,aAAG,MAAM,CAAC,KAAK,SAAU,EACjE,uBAAC,gBAAM,IACL,EAAE,EAAE,UAAG,MAAM,CAAC,KAAK,cAAI,GAAG,CAAE,EAC5B,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA/C,CAA+C,GAChE,KANe,GAAG,CAOP,CAChB,EAT6B,CAS7B,CAAC,GACY,CACjB,EACA,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,UAAC,EAAgB;;oBAAf,OAAO,QAAA,EAAE,KAAK,QAAA;gBACjD,QAAQ,IAAI,CAAC,CAAA;gBACb,OAAO,CACL,gDAAgC,OAAO,aACrC,uBAAC,uBAAuB,cAAE,KAAK,CAAC,aAAa,GAA2B,EACxE,uBAAC,qBAAqB,IAAC,QAAQ,EAAE,QAAQ,YACtC,MAAA,KAAK,CAAC,IAAI,0CAAE,GAAG,CAAC,UAAC,YAAY,EAAE,GAAG;;gCACjC,IAAI,OAAO,GAAgB,kDAAK,CAAA;gCAChC,IAAI,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAA,EAAE,CAAC;oCAClC,OAAO,kDAAK,CAAA;gCACd,CAAC;gCACD,IAAI,WAAW,GAAG,EAAE,CAAA;gCACpB,IAAI,YAAY,GAAG,EAAE,CAAA;gCAErB,QAAQ,kBAAkB,EAAE,CAAC;oCAC3B,KAAK,kCAA0B,CAAC,qBAAqB,CAAC,CAAC,CAAC;wCACtD,IAAM,EAAE,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAuC,CAAA;wCAChE,IAAI,CAAC,CAAA,MAAA,EAAE,CAAC,QAAQ,0CAAE,KAAK,CAAA,EAAE,CAAC;4CACxB,OAAO,kDAAK,CAAA;wCACd,CAAC;wCACD,WAAW,GAAG,IAAA,kBAAU,EAAC,IAAI,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAA;wCACrD,YAAY,GAAG,WAAW,CAAA;wCAE1B,IAAI,GAAG,GAAG,CAAC,EAAE,CAAC;4CACZ,IAAM,YAAY,GAAG,MAAA,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,0CAAE,cAAuC,CAAA;4CACjF,IAAI,CAAC,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,0CAAE,KAAK,CAAA,EAAE,CAAC;gDACnC,OAAO,kDAAK,CAAA;4CACd,CAAC;4CACD,YAAY,GAAG,IAAA,kBAAU,EAAC,IAAI,IAAI,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAA;wCACnE,CAAC;wCACD,MAAK;oCACP,CAAC;oCACD,KAAK,kCAA0B,CAAC,iBAAiB,CAAC,CAAC,CAAC;wCAClD,IAAM,MAAM,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAmC,CAAA;wCAChE,IAAI,CAAC,CAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,KAAK,CAAA,EAAE,CAAC;4CAC3B,OAAO,kDAAK,CAAA;wCACd,CAAC;wCACD,WAAW,GAAG,IAAA,kBAAU,EAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;wCACxD,YAAY,GAAG,WAAW,CAAA;wCAE1B,IAAI,GAAG,GAAG,CAAC,EAAE,CAAC;4CACZ,IAAM,YAAY,GAAG,MAAA,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,0CAAE,cAAmC,CAAA;4CAC7E,IAAI,CAAC,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,KAAK,CAAA,EAAE,CAAC;gDAClC,OAAO,kDAAK,CAAA;4CACd,CAAC;4CACD,YAAY,GAAG,IAAA,kBAAU,EAAC,IAAI,IAAI,CAAC,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,KAAK,CAAC,CAAC,CAAA;wCACnE,CAAC;wCACD,MAAK;oCACP,CAAC;oCACD,KAAK,kCAA0B,CAAC,UAAU,CAAC,CAAC,CAAC;wCAC3C,IAAM,KAAK,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAA4B,CAAA;wCACxD,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,QAAQ,0CAAE,KAAK,CAAA,EAAE,CAAC;4CAC3B,OAAO,kDAAK,CAAA;wCACd,CAAC;wCACD,WAAW,GAAG,IAAA,kBAAU,EAAC,IAAI,IAAI,CAAC,MAAA,KAAK,CAAC,QAAQ,0CAAE,KAAK,CAAC,CAAC,CAAA;wCACzD,YAAY,GAAG,WAAW,CAAA;wCAE1B,IAAI,GAAG,GAAG,CAAC,EAAE,CAAC;4CACZ,IAAM,YAAY,GAAG,MAAA,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,0CAAE,cAA4B,CAAA;4CACtE,IAAI,CAAC,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,0CAAE,KAAK,CAAA,EAAE,CAAC;gDACnC,OAAO,kDAAK,CAAA;4CACd,CAAC;4CACD,YAAY,GAAG,IAAA,kBAAU,EAAC,IAAI,IAAI,CAAC,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,0CAAE,KAAK,CAAC,CAAC,CAAA;wCACpE,CAAC;wCACD,MAAK;oCACP,CAAC;gCACH,CAAC;gCAED,IAAI,WAAW,KAAK,YAAY,EAAE,CAAC;oCACjC,QAAQ,IAAI,CAAC,CAAA;gCACf,CAAC;gCAED,IAAM,OAAO,GAAG,4BAAqB,OAAO,cAAI,WAAW,cAAI,GAAG,CAAE,CAAA;gCAEpE,IAAM,UAAU,GAAG,MAAA,YAAY,CAAC,cAAc,CAAC,QAAQ,CAAC,UAAU,mCAAI,KAAK,CAAA;gCAE3E,IAAI,QAAQ,EAAE,CAAC;oCACb,OAAO,GAAG,CACR,uBAAC,wBAAwB,IAAC,QAAQ,kBAC/B,UAAU,CAAC,CAAC,CAAC,CACZ,uBAAC,gCAAoB,KAAG,CACzB,CAAC,CAAC,CAAC,CACF,uBAAC,uBAAY,IAAC,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,GAAI,CACrF,GACwB,CAC5B,CAAA;gCACH,CAAC;qCAAM,IAAI,QAAQ,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;oCAC9B,IAAM,UAAU,GAAG,uBAAgB,OAAO,CAAE,CAAA;oCAC5C,OAAO,GAAG,CACR,gDAAmC,UAAU,aAC3C,uBAAC,wBAAwB,IAAC,QAAQ,EAAE,KAAK,YACtC,UAAU,CAAC,CAAC,CAAC,CACZ,uBAAC,gCAAoB,KAAG,CACzB,CAAC,CAAC,CAAC,CACF,uBAAC,uBAAY,IAAC,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,GAAI,CACrF,GACwB,EAC3B,wBAAC,qBAAqB,eACpB,uBAAC,iBAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,GAAG,EACnE,uBAAC,iBAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,GAAG,IAC7C,EACxB,uBAAC,0BAA0B,cACzB,uBAAC,uBAAY,IACX,cAAc,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,EAC5C,kBAAkB,EAAE,kBAAkB,EACtC,uBAAuB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,uBAAuB,EAC9D,WAAW,EAAC,OAAO,GACnB,GACyB,KAnBrB,UAAU,CAoBd,CACP,CAAA;gCACH,CAAC;qCAAM,IAAI,QAAQ,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;oCAC9B,IAAM,UAAU,GAAG,wBAAiB,OAAO,CAAE,CAAA;oCAC7C,OAAO,GAAG,CACR,gDAAmC,UAAU,aAC3C,uBAAC,yBAAyB,cACxB,uBAAC,uBAAY,IACX,cAAc,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,EAC5C,kBAAkB,EAAE,kBAAkB,EACtC,uBAAuB,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,uBAAuB,EAC9D,WAAW,EAAC,MAAM,GAClB,GACwB,EAC5B,wBAAC,qBAAqB,eACpB,uBAAC,iBAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,GAAG,EACnE,uBAAC,iBAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,GAAG,IAC7C,EACxB,uBAAC,wBAAwB,IAAC,QAAQ,EAAE,KAAK,YACtC,UAAU,CAAC,CAAC,CAAC,CACZ,uBAAC,gCAAoB,KAAG,CACzB,CAAC,CAAC,CAAC,CACF,uBAAC,uBAAY,IAAC,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,GAAI,CACrF,GACwB,KAnBnB,UAAU,CAoBd,CACP,CAAA;gCACH,CAAC;gCAED,OAAO,CACL,uBAAC,qBAAqB,IAAC,QAAQ,EAAE,QAAQ,iBAA6B,OAAO,YAC1E,OAAO,IADsC,OAAO,CAE/B,CACzB,CAAA;4BACH,CAAC,CAAC,GACoB,KA7IhB,OAAO,CA8IX,CACP,CAAA;YACH,CAAC,CAAC,KAlKgB,UAAU,CAmKb,CAClB,CAAA;AACH,CAAC,CAAA;AAuBD,kBAAe,QAAQ,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ltht-react/timeline",
-  "version": "2.0.62",
+  "version": "2.0.64",
   "description": "> TODO: description",
   "author": "Jonny Dyson",
   "homepage": "",
@@ -24,16 +24,16 @@
   },
   "dependencies": {
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/banner": "^2.0.62",
-    "@ltht-react/button": "^2.0.62",
-    "@ltht-react/hooks": "^2.0.62",
-    "@ltht-react/icon": "^2.0.62",
-    "@ltht-react/select": "^2.0.62",
-    "@ltht-react/styles": "^2.0.62",
-    "@ltht-react/types": "^2.0.62",
-    "@ltht-react/utils": "^2.0.62",
+    "@ltht-react/banner": "^2.0.64",
+    "@ltht-react/button": "^2.0.64",
+    "@ltht-react/hooks": "^2.0.64",
+    "@ltht-react/icon": "^2.0.64",
+    "@ltht-react/select": "^2.0.64",
+    "@ltht-react/styles": "^2.0.64",
+    "@ltht-react/types": "^2.0.64",
+    "@ltht-react/utils": "^2.0.64",
     "html-react-parser": "^5.0.6",
     "react": "^18.2.0"
   },
-  "gitHead": "9b18b5726598e1643a8ee1f105773dea28bb1664"
+  "gitHead": "0cba014a75df54769f93f6dfa1a2c69a77296a4a"
 }

package/src/atoms/time-element.tsx

@@ -1,52 +1,52 @@
-import { FC } from 'react'
-import Icon from '@ltht-react/icon'
-import styled from '@emotion/styled'
-import { formatDateTime, formatTime } from '@ltht-react/utils'
-import { Button } from '@ltht-react/button'
-
-const StyledButton = styled(Button)`
-  width: auto;
-`
-
-const StyledTimelineTime = styled.div<OrientationProps>`
-  margin-top: -0.65rem;
-  display: flex;
-
-  ${(props) => (props.orientation === 'left' ? `justify-content: right` : `justify-content: left`)}
-`
-
-const TimeElement: FC<Props> = ({ date, orientation, pointInTimeClicked, ...rest }) => {
-  const time = formatTime(date)
-
-  if (!orientation || !pointInTimeClicked) {
-    return <>{time}</>
-  }
-
-  const buttonTitle = `Show the dashboard as it was at ${formatDateTime(date)}`
-
-  return (
-    <StyledTimelineTime orientation={orientation} {...rest}>
-      <StyledButton
-        title={buttonTitle}
-        styling={{ buttonStyle: 'clear' }}
-        iconColour="black"
-        icon={<Icon type="clock-rotate-left" size="medium" color="link-blue" />}
-        onClick={() => pointInTimeClicked(date)}
-        value={time}
-      />
-    </StyledTimelineTime>
-  )
-}
-
-export type Orientation = 'left' | 'right'
-
-interface OrientationProps {
-  orientation?: Orientation
-}
-
-interface Props extends OrientationProps {
-  date: Date
-  pointInTimeClicked?: (date: Date) => void
-}
-
-export default TimeElement
+import { FC } from 'react'
+import Icon from '@ltht-react/icon'
+import styled from '@emotion/styled'
+import { formatDateTime, formatTime } from '@ltht-react/utils'
+import { Button } from '@ltht-react/button'
+
+const StyledButton = styled(Button)`
+  width: auto;
+`
+
+const StyledTimelineTime = styled.div<OrientationProps>`
+  margin-top: -0.65rem;
+  display: flex;
+
+  ${(props) => (props.orientation === 'left' ? `justify-content: right` : `justify-content: left`)}
+`
+
+const TimeElement: FC<Props> = ({ date, orientation, pointInTimeClicked, ...rest }) => {
+  const time = formatTime(date)
+
+  if (!orientation || !pointInTimeClicked) {
+    return <>{time}</>
+  }
+
+  const buttonTitle = `Show the dashboard as it was at ${formatDateTime(date)}`
+
+  return (
+    <StyledTimelineTime orientation={orientation} {...rest}>
+      <StyledButton
+        title={buttonTitle}
+        styling={{ buttonStyle: 'clear' }}
+        iconColour="black"
+        icon={<Icon type="clock-rotate-left" size="medium" color="link-blue" />}
+        onClick={() => pointInTimeClicked(date)}
+        value={time}
+      />
+    </StyledTimelineTime>
+  )
+}
+
+export type Orientation = 'left' | 'right'
+
+interface OrientationProps {
+  orientation?: Orientation
+}
+
+interface Props extends OrientationProps {
+  date: Date
+  pointInTimeClicked?: (date: Date) => void
+}
+
+export default TimeElement