@ltht-react/timeline 2.0.41 → 2.0.43

package/lib/atoms/time-element.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+declare const TimeElement: FC<Props>;
+export type Orientation = 'left' | 'right';
+interface OrientationProps {
+    orientation?: Orientation;
+}
+interface Props extends OrientationProps {
+    date: Date;
+    pointInTimeClicked?: (date: Date) => void;
+}
+export default TimeElement;

package/lib/atoms/time-element.js

@@ -0,0 +1,50 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 icon_1 = __importDefault(require("@ltht-react/icon"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var utils_1 = require("@ltht-react/utils");
+var button_1 = require("@ltht-react/button");
+var StyledButton = (0, styled_1.default)(button_1.Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: auto;\n"], ["\n  width: auto;\n"])));
+var StyledTimelineTime = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-top: -0.65rem;\n  display: flex;\n\n  ", "\n"], ["\n  margin-top: -0.65rem;\n  display: flex;\n\n  ", "\n"])), function (props) { return (props.orientation === 'left' ? "justify-content: right" : "justify-content: left"); });
+var TimeElement = function (_a) {
+    var date = _a.date, orientation = _a.orientation, pointInTimeClicked = _a.pointInTimeClicked, rest = __rest(_a, ["date", "orientation", "pointInTimeClicked"]);
+    var time = (0, utils_1.formatTime)(date);
+    if (!orientation || !pointInTimeClicked) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: time });
+    }
+    var buttonTitle = "Show the dashboard as it was at ".concat((0, utils_1.formatDateTime)(date));
+    return ((0, jsx_runtime_1.jsx)(StyledTimelineTime, __assign({ orientation: orientation }, rest, { children: (0, jsx_runtime_1.jsx)(StyledButton, { title: buttonTitle, styling: { buttonStyle: 'clear' }, iconColour: "black", icon: (0, jsx_runtime_1.jsx)(icon_1.default, { type: "clock-rotate-left", size: "medium", color: "link-blue" }), onClick: function () { return pointInTimeClicked(date); }, value: time }) })));
+};
+exports.default = TimeElement;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=time-element.js.map

package/lib/atoms/time-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-element.js","sourceRoot":"","sources":["../../src/atoms/time-element.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAmC;AACnC,2DAAoC;AACpC,2CAA8D;AAC9D,6CAA2C;AAE3C,IAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,eAAM,CAAC,uFAAA,oBAElC,IAAA,CAAA;AAED,IAAM,kBAAkB,GAAG,gBAAM,CAAC,GAAG,4HAAkB,mDAInD,EAA8F,IACjG,KADG,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,uBAAuB,CAAC,EAAnF,CAAmF,CACjG,CAAA;AAED,IAAM,WAAW,GAAc,UAAC,EAAkD;IAAhD,IAAA,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAE,kBAAkB,wBAAA,EAAK,IAAI,cAAhD,6CAAkD,CAAF;IAC9E,IAAM,IAAI,GAAG,IAAA,kBAAU,EAAC,IAAI,CAAC,CAAA;IAE7B,IAAI,CAAC,WAAW,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxC,OAAO,2DAAG,IAAI,GAAI,CAAA;IACpB,CAAC;IAED,IAAM,WAAW,GAAG,0CAAmC,IAAA,sBAAc,EAAC,IAAI,CAAC,CAAE,CAAA;IAE7E,OAAO,CACL,uBAAC,kBAAkB,aAAC,WAAW,EAAE,WAAW,IAAM,IAAI,cACpD,uBAAC,YAAY,IACX,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,EACjC,UAAU,EAAC,OAAO,EAClB,IAAI,EAAE,uBAAC,cAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,GAAG,EACvE,OAAO,EAAE,cAAM,OAAA,kBAAkB,CAAC,IAAI,CAAC,EAAxB,CAAwB,EACvC,KAAK,EAAE,IAAI,GACX,IACiB,CACtB,CAAA;AACH,CAAC,CAAA;AAaD,kBAAe,WAAW,CAAA"}

package/lib/atoms/timeline-button.js

@@ -8,16 +8,16 @@ var banner_1 = require("@ltht-react/banner");
 var icon_1 = __importDefault(require("@ltht-react/icon"));
 var TimelineButton = function (_a) {
     var timelineItem = _a.timelineItem, className = _a.className;
-    var clickHandler = timelineItem.clickHandler, buttonState = timelineItem.buttonState, buttonText = timelineItem.buttonText;
+    var itemClickHandler = timelineItem.itemClickHandler, buttonState = timelineItem.buttonState, buttonText = timelineItem.buttonText;
     switch (buttonState) {
         case 'no-button':
             return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
         case 'permission-denied-button':
             return ((0, jsx_runtime_1.jsx)(banner_1.ButtonBanner, { className: className, type: "warning", disabled: true, children: buttonText !== null && buttonText !== void 0 ? buttonText : 'Insufficient privileges to view this item' }));
         case 'selectable-button':
-            return ((0, jsx_runtime_1.jsx)(banner_1.ButtonBanner, { className: className, type: "info", onClick: clickHandler, children: buttonText !== null && buttonText !== void 0 ? buttonText : '' }));
+            return ((0, jsx_runtime_1.jsx)(banner_1.ButtonBanner, { className: className, type: "info", onClick: itemClickHandler, children: buttonText !== null && buttonText !== void 0 ? buttonText : '' }));
         case 'selected-button':
-            return ((0, jsx_runtime_1.jsx)(banner_1.ButtonBanner, { className: className, type: "highlight", icon: (0, jsx_runtime_1.jsx)(icon_1.default, { type: "info-circle", color: "info-blue", size: "medium" }), onClick: clickHandler, children: buttonText !== null && buttonText !== void 0 ? buttonText : '' }));
+            return ((0, jsx_runtime_1.jsx)(banner_1.ButtonBanner, { className: className, type: "highlight", icon: (0, jsx_runtime_1.jsx)(icon_1.default, { type: "info-circle", color: "info-blue", size: "medium" }), onClick: itemClickHandler, children: buttonText !== null && buttonText !== void 0 ? buttonText : '' }));
         default:
             throw new Error('ButtonState must be a valid value.');
     }

package/lib/atoms/timeline-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-button.js","sourceRoot":"","sources":["../../src/atoms/timeline-button.tsx"],"names":[],"mappings":";;;;;;AAAA,6CAAiD;AACjD,0DAAmC;AAInC,IAAM,cAAc,GAAc,UAAC,EAA2B;QAAzB,YAAY,kBAAA,EAAE,SAAS,eAAA;IAClD,IAAA,YAAY,GAA8B,YAAY,aAA1C,EAAE,WAAW,GAAiB,YAAY,YAA7B,EAAE,UAAU,GAAK,YAAY,WAAjB,CAAiB;IAE9D,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,WAAW;YACd,OAAO,kDAAK,CAAA;QACd,KAAK,0BAA0B;YAC7B,OAAO,CACL,uBAAC,qBAAY,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,SAAS,EAAC,QAAQ,kBACxD,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,2CAA2C,GAC7C,CAChB,CAAA;QACH,KAAK,mBAAmB;YACtB,OAAO,CACL,uBAAC,qBAAY,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,YAAY,YAClE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,GACJ,CAChB,CAAA;QACH,KAAK,iBAAiB;YACpB,OAAO,CACL,uBAAC,qBAAY,IACX,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,GAAG,EACjE,OAAO,EAAE,YAAY,YAEpB,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,GACJ,CAChB,CAAA;QACH;YACE,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAA;IACzD,CAAC;AACH,CAAC,CAAA;AAMD,kBAAe,cAAc,CAAA"}
+{"version":3,"file":"timeline-button.js","sourceRoot":"","sources":["../../src/atoms/timeline-button.tsx"],"names":[],"mappings":";;;;;;AAAA,6CAAiD;AACjD,0DAAmC;AAInC,IAAM,cAAc,GAAc,UAAC,EAA2B;QAAzB,YAAY,kBAAA,EAAE,SAAS,eAAA;IAClD,IAAA,gBAAgB,GAA8B,YAAY,iBAA1C,EAAE,WAAW,GAAiB,YAAY,YAA7B,EAAE,UAAU,GAAK,YAAY,WAAjB,CAAiB;IAElE,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,WAAW;YACd,OAAO,kDAAK,CAAA;QACd,KAAK,0BAA0B;YAC7B,OAAO,CACL,uBAAC,qBAAY,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,SAAS,EAAC,QAAQ,kBACxD,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,2CAA2C,GAC7C,CAChB,CAAA;QACH,KAAK,mBAAmB;YACtB,OAAO,CACL,uBAAC,qBAAY,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,gBAAgB,YACtE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,GACJ,CAChB,CAAA;QACH,KAAK,iBAAiB;YACpB,OAAO,CACL,uBAAC,qBAAY,IACX,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,uBAAC,cAAI,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,QAAQ,GAAG,EACjE,OAAO,EAAE,gBAAgB,YAExB,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,GACJ,CAChB,CAAA;QACH;YACE,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAA;IACzD,CAAC;AACH,CAAC,CAAA;AAMD,kBAAe,cAAc,CAAA"}

package/lib/atoms/timeline-time.d.ts

@@ -1,8 +1,11 @@
 import { FC, HTMLAttributes } from 'react';
 import { AuditEvent, DocumentReference, Maybe, QuestionnaireResponse, TimelineDomainResourceType } from '@ltht-react/types';
+import { Orientation } from './time-element';
 declare const TimelineTime: FC<Props>;
 interface Props extends HTMLAttributes<HTMLDivElement> {
     domainResource?: Maybe<AuditEvent | QuestionnaireResponse | DocumentReference>;
     domainResourceType: TimelineDomainResourceType;
+    orientation?: Orientation;
+    pointInTimeClickHandler?: (date: Date) => void;
 }
 export default TimelineTime;

package/lib/atoms/timeline-time.js

@@ -21,42 +21,45 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+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 types_1 = require("@ltht-react/types");
-var utils_1 = require("@ltht-react/utils");
+var time_element_1 = __importDefault(require("./time-element"));
 var TimelineTime = function (_a) {
     var _b, _c, _d;
-    var domainResource = _a.domainResource, domainResourceType = _a.domainResourceType, rest = __rest(_a, ["domainResource", "domainResourceType"]);
+    var domainResource = _a.domainResource, domainResourceType = _a.domainResourceType, orientation = _a.orientation, pointInTimeClickHandler = _a.pointInTimeClickHandler, rest = __rest(_a, ["domainResource", "domainResourceType", "orientation", "pointInTimeClickHandler"]);
     if (!domainResource)
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     switch (domainResourceType) {
         case types_1.TimelineDomainResourceType.QuestionnaireResponse: {
             var qr = domainResource;
             if (!((_b = qr === null || qr === void 0 ? void 0 : qr.authored) === null || _b === void 0 ? void 0 : _b.value)) {
-                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+                return null;
             }
-            var time = (0, utils_1.formatTime)(new Date(qr === null || qr === void 0 ? void 0 : qr.authored.value));
-            return (0, jsx_runtime_1.jsx)("div", __assign({}, rest, { children: time }));
+            var date = new Date(qr === null || qr === void 0 ? void 0 : qr.authored.value);
+            return ((0, jsx_runtime_1.jsx)("div", __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(time_element_1.default, { orientation: orientation, date: date, pointInTimeClicked: pointInTimeClickHandler }) })));
         }
         case types_1.TimelineDomainResourceType.DocumentReference: {
             var docRef = domainResource;
             if (docRef && ((_c = docRef === null || docRef === void 0 ? void 0 : docRef.created) === null || _c === void 0 ? void 0 : _c.value)) {
-                var time = (0, utils_1.formatTime)(new Date(docRef.created.value));
-                return (0, jsx_runtime_1.jsx)("div", __assign({}, rest, { children: time }));
+                var date = new Date(docRef.created.value);
+                return ((0, jsx_runtime_1.jsx)("div", __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(time_element_1.default, { orientation: orientation, date: date, pointInTimeClicked: pointInTimeClickHandler }) })));
             }
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+            return null;
         }
         case types_1.TimelineDomainResourceType.AuditEvent: {
             var audit = domainResource;
             if (audit && ((_d = audit === null || audit === void 0 ? void 0 : audit.recorded) === null || _d === void 0 ? void 0 : _d.value)) {
-                var time = (0, utils_1.formatTime)(new Date(audit.recorded.value));
-                return (0, jsx_runtime_1.jsx)("div", __assign({}, rest, { children: time }));
+                var date = new Date(audit.recorded.value);
+                return ((0, jsx_runtime_1.jsx)("div", __assign({}, rest, { children: (0, jsx_runtime_1.jsx)(time_element_1.default, { orientation: orientation, date: date, pointInTimeClicked: pointInTimeClickHandler }) })));
             }
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+            return null;
         }
         default:
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+            return null;
     }
 };
 exports.default = TimelineTime;

package/lib/atoms/timeline-time.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-time.js","sourceRoot":"","sources":["../../src/atoms/timeline-time.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAM0B;AAC1B,2CAA8C;AAE9C,IAAM,YAAY,GAAc,UAAC,EAA+C;;IAA7C,IAAA,cAAc,oBAAA,EAAE,kBAAkB,wBAAA,EAAK,IAAI,cAA7C,wCAA+C,CAAF;IAC5E,IAAI,CAAC,cAAc;QAAE,OAAO,kDAAK,CAAA;IAEjC,QAAQ,kBAAkB,EAAE,CAAC;QAC3B,KAAK,kCAA0B,CAAC,qBAAqB,CAAC,CAAC,CAAC;YACtD,IAAM,EAAE,GAAG,cAAuC,CAAA;YAClD,IAAI,CAAC,CAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,QAAQ,0CAAE,KAAK,CAAA,EAAE,CAAC;gBACzB,OAAO,kDAAK,CAAA;YACd,CAAC;YACD,IAAM,IAAI,GAAG,IAAA,kBAAU,EAAC,IAAI,IAAI,CAAC,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAA;YACrD,OAAO,2CAAS,IAAI,cAAG,IAAI,IAAO,CAAA;QACpC,CAAC;QACD,KAAK,kCAA0B,CAAC,iBAAiB,CAAC,CAAC,CAAC;YAClD,IAAM,MAAM,GAAG,cAAmC,CAAA;YAClD,IAAI,MAAM,KAAI,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,KAAK,CAAA,EAAE,CAAC;gBACrC,IAAM,IAAI,GAAG,IAAA,kBAAU,EAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;gBACvD,OAAO,2CAAS,IAAI,cAAG,IAAI,IAAO,CAAA;YACpC,CAAC;YACD,OAAO,kDAAK,CAAA;QACd,CAAC;QACD,KAAK,kCAA0B,CAAC,UAAU,CAAC,CAAC,CAAC;YAC3C,IAAM,KAAK,GAAG,cAA4B,CAAA;YAC1C,IAAI,KAAK,KAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,KAAK,CAAA,EAAE,CAAC;gBACpC,IAAM,IAAI,GAAG,IAAA,kBAAU,EAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAA;gBACvD,OAAO,2CAAS,IAAI,cAAG,IAAI,IAAO,CAAA;YACpC,CAAC;YACD,OAAO,kDAAK,CAAA;QACd,CAAC;QACD;YACE,OAAO,kDAAK,CAAA;IAChB,CAAC;AACH,CAAC,CAAA;AAOD,kBAAe,YAAY,CAAA"}
+{"version":3,"file":"timeline-time.js","sourceRoot":"","sources":["../../src/atoms/timeline-time.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAM0B;AAC1B,gEAAyD;AAEzD,IAAM,YAAY,GAAc,UAAC,EAMhC;;IALC,IAAA,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACX,uBAAuB,6BAAA,EACpB,IAAI,cALwB,kFAMhC,CADQ;IAEP,IAAI,CAAC,cAAc;QAAE,OAAO,kDAAK,CAAA;IAEjC,QAAQ,kBAAkB,EAAE,CAAC;QAC3B,KAAK,kCAA0B,CAAC,qBAAqB,CAAC,CAAC,CAAC;YACtD,IAAM,EAAE,GAAG,cAAuC,CAAA;YAClD,IAAI,CAAC,CAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,QAAQ,0CAAE,KAAK,CAAA,EAAE,CAAC;gBACzB,OAAO,IAAI,CAAA;YACb,CAAC;YACD,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;YACzC,OAAO,CACL,2CAAS,IAAI,cACX,uBAAC,sBAAW,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,kBAAkB,EAAE,uBAAuB,GAAI,IAC9F,CACP,CAAA;QACH,CAAC;QACD,KAAK,kCAA0B,CAAC,iBAAiB,CAAC,CAAC,CAAC;YAClD,IAAM,MAAM,GAAG,cAAmC,CAAA;YAClD,IAAI,MAAM,KAAI,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,KAAK,CAAA,EAAE,CAAC;gBACrC,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;gBAC3C,OAAO,CACL,2CAAS,IAAI,cACX,uBAAC,sBAAW,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,kBAAkB,EAAE,uBAAuB,GAAI,IAC9F,CACP,CAAA;YACH,CAAC;YACD,OAAO,IAAI,CAAA;QACb,CAAC;QACD,KAAK,kCAA0B,CAAC,UAAU,CAAC,CAAC,CAAC;YAC3C,IAAM,KAAK,GAAG,cAA4B,CAAA;YAC1C,IAAI,KAAK,KAAI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,KAAK,CAAA,EAAE,CAAC;gBACpC,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;gBAC3C,OAAO,CACL,2CAAS,IAAI,cACX,uBAAC,sBAAW,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,kBAAkB,EAAE,uBAAuB,GAAI,IAC9F,CACP,CAAA;YACH,CAAC;YACD,OAAO,IAAI,CAAA;QACb,CAAC;QACD;YACE,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC,CAAA;AASD,kBAAe,YAAY,CAAA"}

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

@@ -8,7 +8,8 @@ interface IProps {
 export interface ITimelineItem {
     domainResource?: Maybe<AuditEvent | QuestionnaireResponse | DocumentReference>;
     buttonState: TimeLineItemButtonState;
-    clickHandler?(): void;
+    itemClickHandler?(): void;
+    pointInTimeClickHandler?: (date: Date) => void;
     buttonText?: string;
 }
 type TimeLineItemButtonState = 'no-button' | 'selectable-button' | 'selected-button' | 'permission-denied-button';

package/lib/molecules/timeline-item.js

@@ -42,7 +42,7 @@ var TimelineItem = function (_a) {
     }
     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));
+    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, pointInTimeClickHandler: timelineItem.pointInTimeClickHandler }))] }), (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;

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

@@ -1 +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;AAwBD,kBAAe,YAAY,CAAA"}
+{"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,IACjB,cAAc,EAAE,YAAY,CAAC,cAAc,EAC3C,kBAAkB,EAAE,kBAAkB,EACtC,uBAAuB,EAAE,YAAY,CAAC,uBAAuB,GAC7D,CACH,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,KA3BwB,OAAO,CA4B1D,CACtB,CAAA;AACH,CAAC,CAAA;AAyBD,kBAAe,YAAY,CAAA"}

package/lib/organisms/timeline.js

@@ -192,11 +192,11 @@ var Timeline = function (_a) {
                                 }
                                 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 }) })] }, contentKey));
+                                    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, 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 }) }), (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));
+                                    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, 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));

package/lib/organisms/timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.js","sourceRoot":"","sources":["../../src/organisms/timeline.tsx"],"names":[],"mappings":"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"}
+{"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,WAAW,EAAC,OAAO,GACnB,GACyB,KAlBrB,UAAU,CAmBd,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,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,KAlBnB,UAAU,CAmBd,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,KA3IhB,OAAO,CA4IX,CACP,CAAA;YACH,CAAC,CAAC,KAhKgB,UAAU,CAiKb,CAClB,CAAA;AACH,CAAC,CAAA;AAuBD,kBAAe,QAAQ,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ltht-react/timeline",
-  "version": "2.0.41",
+  "version": "2.0.43",
   "description": "> TODO: description",
   "author": "Jonny Dyson",
   "homepage": "",
@@ -24,15 +24,15 @@
   },
   "dependencies": {
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/banner": "^2.0.41",
-    "@ltht-react/hooks": "^2.0.41",
-    "@ltht-react/icon": "^2.0.41",
-    "@ltht-react/select": "^2.0.41",
-    "@ltht-react/styles": "^2.0.41",
-    "@ltht-react/types": "^2.0.41",
-    "@ltht-react/utils": "^2.0.41",
+    "@ltht-react/banner": "^2.0.43",
+    "@ltht-react/hooks": "^2.0.43",
+    "@ltht-react/icon": "^2.0.43",
+    "@ltht-react/select": "^2.0.43",
+    "@ltht-react/styles": "^2.0.43",
+    "@ltht-react/types": "^2.0.43",
+    "@ltht-react/utils": "^2.0.43",
     "html-react-parser": "^5.0.6",
     "react": "^18.2.0"
   },
-  "gitHead": "d0e307f5d6f3680b6dd05bf80adadde3a33299e1"
+  "gitHead": "394dcf00b6fe077fba9cc0f3a3f58b622f2180da"
 }

package/src/atoms/time-element.tsx

@@ -0,0 +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

package/src/atoms/timeline-button.tsx

@@ -4,7 +4,7 @@ import { FC, HTMLAttributes } from 'react'
 import { ITimelineItem } from '../molecules/timeline-item'
 
 const TimelineButton: FC<Props> = ({ timelineItem, className }) => {
-  const { clickHandler, buttonState, buttonText } = timelineItem
+  const { itemClickHandler, buttonState, buttonText } = timelineItem
 
   switch (buttonState) {
     case 'no-button':
@@ -17,7 +17,7 @@ const TimelineButton: FC<Props> = ({ timelineItem, className }) => {
       )
     case 'selectable-button':
       return (
-        <ButtonBanner className={className} type="info" onClick={clickHandler}>
+        <ButtonBanner className={className} type="info" onClick={itemClickHandler}>
           {buttonText ?? ''}
         </ButtonBanner>
       )
@@ -27,7 +27,7 @@ const TimelineButton: FC<Props> = ({ timelineItem, className }) => {
           className={className}
           type="highlight"
           icon={<Icon type="info-circle" color="info-blue" size="medium" />}
-          onClick={clickHandler}
+          onClick={itemClickHandler}
         >
           {buttonText ?? ''}
         </ButtonBanner>

package/src/atoms/timeline-time.tsx

@@ -6,44 +6,64 @@ import {
   QuestionnaireResponse,
   TimelineDomainResourceType,
 } from '@ltht-react/types'
-import { formatTime } from '@ltht-react/utils'
+import TimeElement, { Orientation } from './time-element'
 
-const TimelineTime: FC<Props> = ({ domainResource, domainResourceType, ...rest }) => {
+const TimelineTime: FC<Props> = ({
+  domainResource,
+  domainResourceType,
+  orientation,
+  pointInTimeClickHandler,
+  ...rest
+}) => {
   if (!domainResource) return <></>
 
   switch (domainResourceType) {
     case TimelineDomainResourceType.QuestionnaireResponse: {
       const qr = domainResource as QuestionnaireResponse
       if (!qr?.authored?.value) {
-        return <></>
+        return null
       }
-      const time = formatTime(new Date(qr?.authored.value))
-      return <div {...rest}>{time}</div>
+      const date = new Date(qr?.authored.value)
+      return (
+        <div {...rest}>
+          <TimeElement orientation={orientation} date={date} pointInTimeClicked={pointInTimeClickHandler} />
+        </div>
+      )
     }
     case TimelineDomainResourceType.DocumentReference: {
       const docRef = domainResource as DocumentReference
       if (docRef && docRef?.created?.value) {
-        const time = formatTime(new Date(docRef.created.value))
-        return <div {...rest}>{time}</div>
+        const date = new Date(docRef.created.value)
+        return (
+          <div {...rest}>
+            <TimeElement orientation={orientation} date={date} pointInTimeClicked={pointInTimeClickHandler} />
+          </div>
+        )
       }
-      return <></>
+      return null
     }
     case TimelineDomainResourceType.AuditEvent: {
       const audit = domainResource as AuditEvent
       if (audit && audit?.recorded?.value) {
-        const time = formatTime(new Date(audit.recorded.value))
-        return <div {...rest}>{time}</div>
+        const date = new Date(audit.recorded.value)
+        return (
+          <div {...rest}>
+            <TimeElement orientation={orientation} date={date} pointInTimeClicked={pointInTimeClickHandler} />
+          </div>
+        )
       }
-      return <></>
+      return null
     }
     default:
-      return <></>
+      return null
   }
 }
 
 interface Props extends HTMLAttributes<HTMLDivElement> {
   domainResource?: Maybe<AuditEvent | QuestionnaireResponse | DocumentReference>
   domainResourceType: TimelineDomainResourceType
+  orientation?: Orientation
+  pointInTimeClickHandler?: (date: Date) => void
 }
 
 export default TimelineTime

package/src/molecules/timeline-item.tsx

@@ -84,7 +84,11 @@ const TimelineItem: FC<IProps> = ({ timelineItem, domainResourceType }) => {
           domainResourceType={domainResourceType}
         />
         {isMobile && (
-          <StyledTimelineTime domainResource={timelineItem.domainResource} domainResourceType={domainResourceType} />
+          <StyledTimelineTime
+            domainResource={timelineItem.domainResource}
+            domainResourceType={domainResourceType}
+            pointInTimeClickHandler={timelineItem.pointInTimeClickHandler}
+          />
         )}
       </StyledTimelineItemTop>
 
@@ -112,7 +116,8 @@ interface IProps {
 export interface ITimelineItem {
   domainResource?: Maybe<AuditEvent | QuestionnaireResponse | DocumentReference>
   buttonState: TimeLineItemButtonState
-  clickHandler?(): void
+  itemClickHandler?(): void
+  pointInTimeClickHandler?: (date: Date) => void
   buttonText?: string
 }
 

package/src/organisms/timeline.tsx

@@ -348,6 +348,7 @@ const Timeline: FC<IProps> = ({ timelineItems, domainResourceType, filters, onFi
                         <TimelineTime
                           domainResource={timelineItem?.domainResource}
                           domainResourceType={domainResourceType}
+                          orientation="right"
                         />
                       </StyledTimelineDayTimeRight>
                     </div>
@@ -360,6 +361,7 @@ const Timeline: FC<IProps> = ({ timelineItems, domainResourceType, filters, onFi
                         <TimelineTime
                           domainResource={timelineItem?.domainResource}
                           domainResourceType={domainResourceType}
+                          orientation="left"
                         />
                       </StyledTimelineDayTimeLeft>
                       <StyledTimelineDayLine>