@ltht-react/timeline 2.0.194 → 2.0.197

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-author.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes } from 'react';
+import { AuditEvent, DocumentReference, Maybe, QuestionnaireResponse, TimelineDomainResourceType } from '@ltht-react/types';
+declare const TimelineAuthor: FC<Props>;
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    domainResource?: Maybe<AuditEvent | QuestionnaireResponse | DocumentReference>;
+    domainResourceType: TimelineDomainResourceType;
+}
+export default TimelineAuthor;

package/lib/atoms/timeline-author.js

@@ -0,0 +1,88 @@
+"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 types_1 = require("@ltht-react/types");
+var constants_1 = __importDefault(require("../constants"));
+var StyledTimelineItemLeft = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
+var TimelineAuthor = function (_a) {
+    var _b;
+    var domainResource = _a.domainResource, domainResourceType = _a.domainResourceType, rest = __rest(_a, ["domainResource", "domainResourceType"]);
+    if (!domainResource)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    switch (domainResourceType) {
+        case types_1.TimelineDomainResourceType.QuestionnaireResponse: {
+            var qr = domainResource;
+            if (!(qr === null || qr === void 0 ? void 0 : qr.author)) {
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+            }
+            return ((0, jsx_runtime_1.jsxs)(StyledTimelineItemLeft, __assign({}, rest, { children: [(0, jsx_runtime_1.jsx)(icon_1.default, { type: "user", size: "medium", color: "grey" }), " by ", (_b = qr === null || qr === void 0 ? void 0 : qr.author) === null || _b === void 0 ? void 0 : _b.display] })));
+        }
+        case types_1.TimelineDomainResourceType.DocumentReference: {
+            var docRef = domainResource;
+            var authorList_1 = [];
+            if ((docRef === null || docRef === void 0 ? void 0 : docRef.author) == null) {
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+            }
+            docRef.author.forEach(function (auth) {
+                if (auth) {
+                    authorList_1.push(auth.specialty ? "".concat(auth.fullName, " (").concat(auth.specialty, ")") : "".concat(auth.fullName));
+                }
+            });
+            if (authorList_1.length === 0) {
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+            }
+            return ((0, jsx_runtime_1.jsxs)(StyledTimelineItemLeft, __assign({}, rest, { children: [(0, jsx_runtime_1.jsx)(icon_1.default, { type: "user", size: "medium", color: "grey" }), " by ", authorList_1.join(', ')] })));
+        }
+        case types_1.TimelineDomainResourceType.AuditEvent: {
+            var audit = domainResource;
+            var authorName_1 = '';
+            audit.agent.forEach(function (agent) {
+                var _a;
+                (_a = agent === null || agent === void 0 ? void 0 : agent.role) === null || _a === void 0 ? void 0 : _a.forEach(function (role) {
+                    var _a, _b;
+                    var isPrimaryAuthor = !!((_a = role === null || role === void 0 ? void 0 : role.coding) === null || _a === void 0 ? void 0 : _a.find(function (x) { return (x === null || x === void 0 ? void 0 : x.code) === constants_1.default; }));
+                    !authorName_1 && isPrimaryAuthor && (authorName_1 = ((_b = agent.who) === null || _b === void 0 ? void 0 : _b.display) || '');
+                });
+            });
+            if (!authorName_1) {
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+            }
+            return ((0, jsx_runtime_1.jsxs)(StyledTimelineItemLeft, __assign({}, rest, { children: [(0, jsx_runtime_1.jsx)(icon_1.default, { type: "user", size: "medium", color: "grey" }), " by ", authorName_1] })));
+        }
+    }
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+};
+exports.default = TimelineAuthor;
+var templateObject_1;
+//# sourceMappingURL=timeline-author.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-author.js","sourceRoot":"","sources":["../../src/atoms/timeline-author.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import { FC, HTMLAttributes } from 'react';
+import { ITimelineItem } from '../molecules/timeline-item';
+declare const TimelineButton: FC<Props>;
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    timelineItem: ITimelineItem;
+}
+export default TimelineButton;

package/lib/atoms/timeline-button.js

@@ -0,0 +1,26 @@
+"use strict";
+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 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 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: 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: itemClickHandler, children: buttonText !== null && buttonText !== void 0 ? buttonText : '' }));
+        default:
+            throw new Error('ButtonState must be a valid value.');
+    }
+};
+exports.default = TimelineButton;
+//# sourceMappingURL=timeline-button.js.map

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

@@ -0,0 +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,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-description.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes } from 'react';
+import { AuditEvent, DocumentReference, Maybe, QuestionnaireResponse, TimelineDomainResourceType } from '@ltht-react/types';
+declare const TimelineDescription: FC<Props>;
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    domainResource?: Maybe<AuditEvent | QuestionnaireResponse | DocumentReference>;
+    domainResourceType: TimelineDomainResourceType;
+}
+export default TimelineDescription;

package/lib/atoms/timeline-description.js

@@ -0,0 +1,67 @@
+"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 types_1 = require("@ltht-react/types");
+var html_react_parser_1 = __importDefault(require("html-react-parser"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var StyledDescription = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  p {\n    margin: 0 0.2rem;\n    display: inline;\n  }\n"], ["\n  p {\n    margin: 0 0.2rem;\n    display: inline;\n  }\n"])));
+var TimelineDescription = function (_a) {
+    var _b, _c;
+    var domainResource = _a.domainResource, domainResourceType = _a.domainResourceType, rest = __rest(_a, ["domainResource", "domainResourceType"]);
+    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.questionnaire) === null || _b === void 0 ? void 0 : _b.description)) {
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+            }
+            return (0, jsx_runtime_1.jsx)(StyledDescription, __assign({}, rest, { children: (0, html_react_parser_1.default)((_c = qr.questionnaire) === null || _c === void 0 ? void 0 : _c.description) }));
+        }
+        case types_1.TimelineDomainResourceType.DocumentReference: {
+            var docRef = domainResource;
+            return docRef.description ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: docRef.description }) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+        }
+        case types_1.TimelineDomainResourceType.AuditEvent: {
+            var audit = domainResource;
+            if (!audit.outcomeDesc) {
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+            }
+            return (0, jsx_runtime_1.jsx)(StyledDescription, __assign({}, rest, { children: (0, html_react_parser_1.default)(audit.outcomeDesc) }));
+        }
+        default:
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+};
+exports.default = TimelineDescription;
+var templateObject_1;
+//# sourceMappingURL=timeline-description.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-description.js","sourceRoot":"","sources":["../../src/atoms/timeline-description.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAM0B;AAC1B,wEAAyC;AACzC,2DAAoC;AAEpC,IAAM,iBAAiB,GAAG,gBAAM,CAAC,GAAG,gIAAA,6DAKnC,IAAA,CAAA;AAED,IAAM,mBAAmB,GAAc,UAAC,EAA+C;;IAA7C,IAAA,cAAc,oBAAA,EAAE,kBAAkB,wBAAA,EAAK,IAAI,cAA7C,wCAA+C,CAAF;IACnF,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,CAAC,aAAa,0CAAE,WAAW,CAAA,EAAE,CAAC;gBACnC,OAAO,kDAAK,CAAA;YACd,CAAC;YACD,OAAO,uBAAC,iBAAiB,eAAK,IAAI,cAAG,IAAA,2BAAS,EAAC,MAAA,EAAE,CAAC,aAAa,0CAAE,WAAW,CAAC,IAAqB,CAAA;QACpG,CAAC;QACD,KAAK,kCAA0B,CAAC,iBAAiB,CAAC,CAAC,CAAC;YAClD,IAAM,MAAM,GAAG,cAAmC,CAAA;YAClD,OAAO,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,2DAAG,MAAM,CAAC,WAAW,GAAI,CAAC,CAAC,CAAC,kDAAK,CAAA;QAC/D,CAAC;QACD,KAAK,kCAA0B,CAAC,UAAU,CAAC,CAAC,CAAC;YAC3C,IAAM,KAAK,GAAG,cAA4B,CAAA;YAC1C,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;gBACvB,OAAO,kDAAK,CAAA;YACd,CAAC;YAED,OAAO,uBAAC,iBAAiB,eAAK,IAAI,cAAG,IAAA,2BAAS,EAAC,KAAK,CAAC,WAAW,CAAC,IAAqB,CAAA;QACxF,CAAC;QACD;YACE,OAAO,kDAAK,CAAA;IAChB,CAAC;AACH,CAAC,CAAA;AAOD,kBAAe,mBAAmB,CAAA"}

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

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

@@ -0,0 +1,66 @@
+"use strict";
+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 types_1 = require("@ltht-react/types");
+var time_element_1 = __importDefault(require("./time-element"));
+var TimelineTime = function (_a) {
+    var _b, _c, _d;
+    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 null;
+            }
+            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 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 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 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 null;
+        }
+        default:
+            return null;
+    }
+};
+exports.default = TimelineTime;
+//# sourceMappingURL=timeline-time.js.map

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

@@ -0,0 +1 @@
+{"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/atoms/timeline-title-redacted.d.ts

@@ -0,0 +1,3 @@
+import { FC, HTMLAttributes } from 'react';
+declare const TimelineTitleRedacted: FC<HTMLAttributes<HTMLDivElement>>;
+export default TimelineTitleRedacted;

package/lib/atoms/timeline-title-redacted.js

@@ -0,0 +1,28 @@
+"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 styles_1 = require("@ltht-react/styles");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var StyledRedactedMessage = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), styles_1.TEXT_COLOURS.SECONDARY.VALUE);
+var TimelineTitleRedacted = function (props) { return ((0, jsx_runtime_1.jsx)(StyledRedactedMessage, __assign({}, props, { children: "Insufficient Privileges" }))); };
+exports.default = TimelineTitleRedacted;
+var templateObject_1;
+//# sourceMappingURL=timeline-title-redacted.js.map

package/lib/atoms/timeline-title-redacted.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-title-redacted.js","sourceRoot":"","sources":["../../src/atoms/timeline-title-redacted.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,6CAAiD;AACjD,2DAAoC;AAEpC,IAAM,qBAAqB,GAAG,gBAAM,CAAC,GAAG,uFAAA,aAC7B,EAA4B,KACtC,KADU,qBAAY,CAAC,SAAS,CAAC,KAAK,CACtC,CAAA;AAED,IAAM,qBAAqB,GAAuC,UAAC,KAAK,IAAK,OAAA,CAC3E,uBAAC,qBAAqB,eAAK,KAAK,2CAAiD,CAClF,EAF4E,CAE5E,CAAA;AAED,kBAAe,qBAAqB,CAAA"}

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

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes } from 'react';
+import { AuditEvent, DocumentReference, Maybe, QuestionnaireResponse, TimelineDomainResourceType } from '@ltht-react/types';
+declare const TimelineTitle: FC<Props>;
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    domainResource?: Maybe<AuditEvent | QuestionnaireResponse | DocumentReference>;
+    domainResourceType: TimelineDomainResourceType;
+}
+export default TimelineTitle;

package/lib/atoms/timeline-title.js

@@ -0,0 +1,55 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var types_1 = require("@ltht-react/types");
+var TimelineTitle = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var domainResource = _a.domainResource, domainResourceType = _a.domainResourceType, rest = __rest(_a, ["domainResource", "domainResourceType"]);
+    if (!domainResource)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    switch (domainResourceType) {
+        case types_1.TimelineDomainResourceType.QuestionnaireResponse: {
+            var qr = domainResource;
+            var questionnaireTitle = qr.metadata.isRedacted
+                ? 'Insufficient privileges'
+                : (_c = (_b = qr.text) === null || _b === void 0 ? void 0 : _b.text) !== null && _c !== void 0 ? _c : (_d = qr.questionnaire) === null || _d === void 0 ? void 0 : _d.title;
+            return (0, jsx_runtime_1.jsx)("div", __assign({}, rest, { children: questionnaireTitle }));
+        }
+        case types_1.TimelineDomainResourceType.DocumentReference: {
+            var docRef = domainResource;
+            var docTitle = docRef.metadata.isRedacted ? 'Insufficient privileges' : (_e = docRef.text) === null || _e === void 0 ? void 0 : _e.text;
+            return (0, jsx_runtime_1.jsx)("div", __assign({}, rest, { children: docTitle }));
+        }
+        case types_1.TimelineDomainResourceType.AuditEvent: {
+            var audit = domainResource;
+            var auditTitle = audit.metadata.isRedacted ? 'Insufficient privileges' : (_f = audit.text) === null || _f === void 0 ? void 0 : _f.text;
+            return (0, jsx_runtime_1.jsx)("div", __assign({}, rest, { children: auditTitle }));
+        }
+        default:
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+};
+exports.default = TimelineTitle;
+//# sourceMappingURL=timeline-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-title.js","sourceRoot":"","sources":["../../src/atoms/timeline-title.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAM0B;AAE1B,IAAM,aAAa,GAAc,UAAC,EAA+C;;IAA7C,IAAA,cAAc,oBAAA,EAAE,kBAAkB,wBAAA,EAAK,IAAI,cAA7C,wCAA+C,CAAF;IAC7E,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,IAAM,kBAAkB,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU;gBAC/C,CAAC,CAAC,yBAAyB;gBAC3B,CAAC,CAAC,MAAA,MAAA,EAAE,CAAC,IAAI,0CAAE,IAAI,mCAAI,MAAA,EAAE,CAAC,aAAa,0CAAE,KAAK,CAAA;YAC5C,OAAO,2CAAS,IAAI,cAAG,kBAAkB,IAAO,CAAA;QAClD,CAAC;QACD,KAAK,kCAA0B,CAAC,iBAAiB,CAAC,CAAC,CAAC;YAClD,IAAM,MAAM,GAAG,cAAmC,CAAA;YAClD,IAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,IAAI,0CAAE,IAAI,CAAA;YAC3F,OAAO,2CAAS,IAAI,cAAG,QAAQ,IAAO,CAAA;QACxC,CAAC;QACD,KAAK,kCAA0B,CAAC,UAAU,CAAC,CAAC,CAAC;YAC3C,IAAM,KAAK,GAAG,cAA4B,CAAA;YAC1C,IAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,IAAI,0CAAE,IAAI,CAAA;YAC3F,OAAO,2CAAS,IAAI,cAAG,UAAU,IAAO,CAAA;QAC1C,CAAC;QACD;YACE,OAAO,kDAAK,CAAA;IAChB,CAAC;AACH,CAAC,CAAA;AAOD,kBAAe,aAAa,CAAA"}

package/lib/constants.d.ts

@@ -0,0 +1,2 @@
+declare const PRIMARY_AUTHOR = "PRIMAUTH";
+export default PRIMARY_AUTHOR;

package/lib/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var PRIMARY_AUTHOR = 'PRIMAUTH';
+exports.default = PRIMARY_AUTHOR;
+//# sourceMappingURL=constants.js.map

package/lib/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;AAAA,IAAM,cAAc,GAAG,UAAU,CAAA;AAEjC,kBAAe,cAAc,CAAA"}

package/lib/index.d.ts

@@ -0,0 +1,5 @@
+import Timeline, { ITimelineFilter, ITimelineFilterOption } from './organisms/timeline';
+import { ITimelineItem } from './molecules/timeline-item';
+import PRIMARY_AUTHOR from './constants';
+export default Timeline;
+export { ITimelineItem, ITimelineFilter, ITimelineFilterOption, PRIMARY_AUTHOR };

package/lib/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PRIMARY_AUTHOR = void 0;
+var timeline_1 = __importDefault(require("./organisms/timeline"));
+var constants_1 = __importDefault(require("./constants"));
+exports.PRIMARY_AUTHOR = constants_1.default;
+exports.default = timeline_1.default;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kEAAuF;AAEvF,0DAAwC;AAGwB,yBAHzD,mBAAc,CAGyD;AAD9E,kBAAe,kBAAQ,CAAA"}

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const TimelineItemRedacted: FC;
+export default TimelineItemRedacted;

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

@@ -0,0 +1,32 @@
+"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_title_redacted_1 = __importDefault(require("../atoms/timeline-title-redacted"));
+var StyledTimelineItem = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  padding: 0.5rem;\n"], ["\n  background-color: ", ";\n  padding: 0.5rem;\n"])), function (_a) {
+    var isSelected = _a.isSelected;
+    return (isSelected ? styles_1.HIGHLIGHT_GREEN.VALUE : styles_1.TRANSLUCENT_DARK_BLUE);
+});
+var StyledTimelineItemTop = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  color: black;\n  padding-bottom: 0.25rem;\n"], ["\n  display: flex;\n  color: black;\n  padding-bottom: 0.25rem;\n"])));
+var StyledTitle = styled_1.default.div(templateObject_3 || (templateObject_3 = __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 TimelineItemRedacted = function () {
+    var width = (0, hooks_1.useWindowSize)().width;
+    var isMobile = (0, utils_1.isMobileView)(width);
+    return ((0, jsx_runtime_1.jsx)(StyledTimelineItem, { isSelected: false, children: (0, jsx_runtime_1.jsx)(StyledTimelineItemTop, { children: (0, jsx_runtime_1.jsx)(StyledTitle, { isMobile: isMobile, children: (0, jsx_runtime_1.jsx)(timeline_title_redacted_1.default, {}) }) }) }));
+};
+exports.default = TimelineItemRedacted;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=timeline-item-redacted.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-item-redacted.js","sourceRoot":"","sources":["../../src/molecules/timeline-item-redacted.tsx"],"names":[],"mappings":";;;;;;;;;;AACA,2DAAoC;AACpC,6CAA2E;AAC3E,2CAAiD;AACjD,2CAAgD;AAChD,6FAAoE;AAEpE,IAAM,kBAAkB,GAAG,gBAAM,CAAC,GAAG,sHAAqB,wBACpC,EAAgF,yBAErG,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;AACD,IAAM,qBAAqB,GAAG,gBAAM,CAAC,GAAG,sIAAA,mEAIvC,IAAA,CAAA;AACD,IAAM,WAAW,GAAG,gBAAM,CAAC,GAAG,mJAAe,mDAG9B,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,oBAAoB,GAAO;IACvB,IAAA,KAAK,GAAK,IAAA,qBAAa,GAAE,MAApB,CAAoB;IACjC,IAAM,QAAQ,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAA;IAEpC,OAAO,CACL,uBAAC,kBAAkB,IAAC,UAAU,EAAE,KAAK,YACnC,uBAAC,qBAAqB,cACpB,uBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,YAC7B,uBAAC,iCAAqB,KAAG,GACb,GACQ,GACL,CACtB,CAAA;AACH,CAAC,CAAA;AAUD,kBAAe,oBAAoB,CAAA"}

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":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ltht-react/timeline",
-  "version": "2.0.194",
+  "version": "2.0.197",
   "description": "> TODO: description",
   "author": "Jonny Dyson",
   "homepage": "",
@@ -24,16 +24,16 @@
   },
   "dependencies": {
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/banner": "^2.0.194",
-    "@ltht-react/button": "^2.0.194",
-    "@ltht-react/hooks": "^2.0.194",
-    "@ltht-react/icon": "^2.0.194",
-    "@ltht-react/select": "^2.0.194",
-    "@ltht-react/styles": "^2.0.194",
-    "@ltht-react/types": "^2.0.194",
-    "@ltht-react/utils": "^2.0.194",
+    "@ltht-react/banner": "^2.0.197",
+    "@ltht-react/button": "^2.0.197",
+    "@ltht-react/hooks": "^2.0.197",
+    "@ltht-react/icon": "^2.0.197",
+    "@ltht-react/select": "^2.0.197",
+    "@ltht-react/styles": "^2.0.197",
+    "@ltht-react/types": "^2.0.197",
+    "@ltht-react/utils": "^2.0.197",
     "html-react-parser": "^5.0.6",
     "react": "^18.2.0"
   },
-  "gitHead": "2eb4b88fa2bc19baa1be9433dbe29fe1a947dc62"
+  "gitHead": "4a6b00c93b6516bf271fc09c9bcc252cc0f13ef4"
 }