@ltht-react/timeline 1.0.89 → 1.0.90

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.90 (2022-08-05)
+
+**Note:** Version bump only for package @ltht-react/timeline
+
+
+
+
+
 ## 1.0.89 (2022-08-05)
 
 **Note:** Version bump only for package @ltht-react/timeline

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

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

package/lib/atoms/timeline-author.js

@@ -1,35 +1,40 @@
-"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 icon_1 = require("@ltht-react/icon");
-var styled_1 = __importDefault(require("@emotion/styled"));
-var StyledTimelineItemLeft = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
-var PRIMARY_AUTHOR = 'PRIMAUTH';
-var TimelineAuthor = function (_a) {
-    var audit = _a.audit;
-    if (!audit)
-        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-    var authorName = '';
-    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) === PRIMARY_AUTHOR; }));
-            !authorName && isPrimaryAuthor && (authorName = ((_b = agent.who) === null || _b === void 0 ? void 0 : _b.display) || '');
-        });
-    });
-    if (!authorName) {
-        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-    }
-    return (jsx_runtime_1.jsxs(StyledTimelineItemLeft, { children: [jsx_runtime_1.jsx(icon_1.UserIcon, { size: "medium" }, void 0), " by ", authorName] }, void 0));
-};
-exports.default = TimelineAuthor;
-var templateObject_1;
+"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 icon_1 = require("@ltht-react/icon");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var methods_1 = __importDefault(require("../methods"));
+var StyledTimelineItemLeft = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
+var PRIMARY_AUTHOR = 'PRIMAUTH';
+var TimelineAuthor = function (_a) {
+    var domainResource = _a.domainResource;
+    if (!domainResource)
+        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+    if (methods_1.default(domainResource)) {
+        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+    }
+    var audit = domainResource;
+    var authorName = '';
+    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) === PRIMARY_AUTHOR; }));
+            !authorName && isPrimaryAuthor && (authorName = ((_b = agent.who) === null || _b === void 0 ? void 0 : _b.display) || '');
+        });
+    });
+    if (!authorName) {
+        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+    }
+    return (jsx_runtime_1.jsxs(StyledTimelineItemLeft, { children: [jsx_runtime_1.jsx(icon_1.UserIcon, { size: "medium" }, void 0), " by ", authorName] }, void 0));
+};
+exports.default = TimelineAuthor;
+var templateObject_1;
 //# sourceMappingURL=timeline-author.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"timeline-author.js","sourceRoot":"","sources":["../../src/atoms/timeline-author.tsx"],"names":[],"mappings":";;;;;;;;;;AACA,yCAA2C;AAC3C,2DAAoC;AAIpC,IAAM,sBAAsB,GAAG,gBAAM,CAAC,GAAG,wFAAA,qBAExC,IAAA,CAAA;AAED,IAAM,cAAc,GAAG,UAAU,CAAA;AAEjC,IAAM,cAAc,GAAc,UAAC,EAAS;QAAP,KAAK,WAAA;IACxC,IAAI,CAAC,KAAK;QAAE,OAAO,qDAAK,CAAA;IAExB,IAAI,UAAU,GAAG,EAAE,CAAA;IAEnB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAC,KAAK;;QACxB,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,0CAAE,OAAO,CAAC,UAAC,IAAI;;YACxB,IAAM,eAAe,GAAG,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,MAAK,cAAc,EAA1B,CAA0B,CAAC,CAAA,CAAA;YAC/E,CAAC,UAAU,IAAI,eAAe,IAAI,CAAC,UAAU,GAAG,CAAA,MAAA,KAAK,CAAC,GAAG,0CAAE,OAAO,KAAI,EAAE,CAAC,CAAA;QAC3E,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,qDAAK,CAAA;KACb;IAED,OAAO,CACL,mBAAC,sBAAsB,eACrB,kBAAC,eAAQ,IAAC,IAAI,EAAC,QAAQ,WAAG,UAAK,UAAU,YAClB,CAC1B,CAAA;AACH,CAAC,CAAA;AAMD,kBAAe,cAAc,CAAA"}
+{"version":3,"file":"timeline-author.js","sourceRoot":"","sources":["../../src/atoms/timeline-author.tsx"],"names":[],"mappings":";;;;;;;;;;AACA,yCAA2C;AAC3C,2DAAoC;AAGpC,uDAA4C;AAE5C,IAAM,sBAAsB,GAAG,gBAAM,CAAC,GAAG,wFAAA,qBAExC,IAAA,CAAA;AAED,IAAM,cAAc,GAAG,UAAU,CAAA;AAEjC,IAAM,cAAc,GAAc,UAAC,EAAkB;QAAhB,cAAc,oBAAA;IACjD,IAAI,CAAC,cAAc;QAAE,OAAO,qDAAK,CAAA;IAEjC,IAAI,iBAAmB,CAAC,cAAc,CAAC,EAAE;QACvC,OAAO,qDAAK,CAAA;KACb;IAED,IAAM,KAAK,GAAG,cAA4B,CAAA;IAC1C,IAAI,UAAU,GAAG,EAAE,CAAA;IAEnB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAC,KAAK;;QACxB,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,0CAAE,OAAO,CAAC,UAAC,IAAI;;YACxB,IAAM,eAAe,GAAG,CAAC,CAAC,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAAE,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,MAAK,cAAc,EAA1B,CAA0B,CAAC,CAAA,CAAA;YAC/E,CAAC,UAAU,IAAI,eAAe,IAAI,CAAC,UAAU,GAAG,CAAA,MAAA,KAAK,CAAC,GAAG,0CAAE,OAAO,KAAI,EAAE,CAAC,CAAA;QAC3E,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,qDAAK,CAAA;KACb;IAED,OAAO,CACL,mBAAC,sBAAsB,eACrB,kBAAC,eAAQ,IAAC,IAAI,EAAC,QAAQ,WAAG,UAAK,UAAU,YAClB,CAC1B,CAAA;AACH,CAAC,CAAA;AAMD,kBAAe,cAAc,CAAA"}

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

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

package/lib/atoms/timeline-description.js

@@ -1,22 +1,30 @@
-"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 react_html_parser_1 = __importDefault(require("react-html-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 (props) {
-    if (!props.outcomeDesc) {
-        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-    }
-    return jsx_runtime_1.jsx(StyledDescription, { children: react_html_parser_1.default(props.outcomeDesc) }, void 0);
-};
-exports.default = TimelineDescription;
-var templateObject_1;
+"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 react_html_parser_1 = __importDefault(require("react-html-parser"));
+var styled_1 = __importDefault(require("@emotion/styled"));
+var methods_1 = __importDefault(require("../methods"));
+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 domainResource = _a.domainResource;
+    if (!domainResource)
+        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+    if (methods_1.default(domainResource)) {
+        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+    }
+    var audit = domainResource;
+    if (!audit.outcomeDesc) {
+        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+    }
+    return jsx_runtime_1.jsx(StyledDescription, { children: react_html_parser_1.default(audit.outcomeDesc) }, void 0);
+};
+exports.default = TimelineDescription;
+var templateObject_1;
 //# sourceMappingURL=timeline-description.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"timeline-description.js","sourceRoot":"","sources":["../../src/atoms/timeline-description.tsx"],"names":[],"mappings":";;;;;;;;;;AAEA,wEAA+C;AAC/C,2DAAoC;AAEpC,IAAM,iBAAiB,GAAG,gBAAM,CAAC,GAAG,gIAAA,6DAKnC,IAAA,CAAA;AAED,IAAM,mBAAmB,GAAc,UAAC,KAAK;IAC3C,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;QACtB,OAAO,qDAAK,CAAA;KACb;IAED,OAAO,kBAAC,iBAAiB,cAAE,2BAAe,CAAC,KAAK,CAAC,WAAW,CAAC,WAAqB,CAAA;AACpF,CAAC,CAAA;AAMD,kBAAe,mBAAmB,CAAA"}
+{"version":3,"file":"timeline-description.js","sourceRoot":"","sources":["../../src/atoms/timeline-description.tsx"],"names":[],"mappings":";;;;;;;;;;AAEA,wEAA+C;AAC/C,2DAAoC;AACpC,uDAA4C;AAE5C,IAAM,iBAAiB,GAAG,gBAAM,CAAC,GAAG,gIAAA,6DAKnC,IAAA,CAAA;AAED,IAAM,mBAAmB,GAAc,UAAC,EAAkB;QAAhB,cAAc,oBAAA;IACtD,IAAI,CAAC,cAAc;QAAE,OAAO,qDAAK,CAAA;IACjC,IAAI,iBAAmB,CAAC,cAAc,CAAC,EAAE;QACvC,OAAO,qDAAK,CAAA;KACb;IACD,IAAM,KAAK,GAAG,cAA4B,CAAA;IAC1C,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;QACtB,OAAO,qDAAK,CAAA;KACb;IAED,OAAO,kBAAC,iBAAiB,cAAE,2BAAe,CAAC,KAAK,CAAC,WAAW,CAAC,WAAqB,CAAA;AACpF,CAAC,CAAA;AAMD,kBAAe,mBAAmB,CAAA"}

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

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

package/lib/atoms/timeline-status.js

@@ -1,6 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var TimelineStatus = function () { return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0); };
-exports.default = TimelineStatus;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TimelineStatus = function () { return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0); };
+exports.default = TimelineStatus;
 //# sourceMappingURL=timeline-status.js.map

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

@@ -1,7 +1,7 @@
-import { FC, HTMLAttributes } from 'react';
-import { AuditEvent, Maybe } from '@ltht-react/types';
-declare const TimelineTime: FC<Props>;
-interface Props extends HTMLAttributes<HTMLDivElement> {
-    audit: Maybe<AuditEvent>;
-}
-export default TimelineTime;
+import { FC, HTMLAttributes } from 'react';
+import { AuditEvent, DocumentReference, Maybe } from '@ltht-react/types';
+declare const TimelineTime: FC<Props>;
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    domainResource: Maybe<AuditEvent | DocumentReference>;
+}
+export default TimelineTime;

package/lib/atoms/timeline-time.js

@@ -1,15 +1,31 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var utils_1 = require("@ltht-react/utils");
-var TimelineTime = function (_a) {
-    var _b, _c;
-    var audit = _a.audit;
-    if (!((_c = (_b = audit === null || audit === void 0 ? void 0 : audit.period) === null || _b === void 0 ? void 0 : _b.start) === null || _c === void 0 ? void 0 : _c.value)) {
-        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-    }
-    var time = utils_1.formatTime(new Date(audit.period.start.value));
-    return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: time }, void 0);
-};
-exports.default = TimelineTime;
+"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 utils_1 = require("@ltht-react/utils");
+var methods_1 = __importDefault(require("../methods"));
+var TimelineTime = function (_a) {
+    var _b, _c, _d;
+    var domainResource = _a.domainResource;
+    if (!domainResource)
+        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+    if (methods_1.default(domainResource)) {
+        var docRef = domainResource;
+        if (docRef && ((_b = docRef === null || docRef === void 0 ? void 0 : docRef.created) === null || _b === void 0 ? void 0 : _b.value)) {
+            var time = utils_1.formatTime(new Date(docRef.created.value));
+            return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: time }, void 0);
+        }
+    }
+    else {
+        var audit = domainResource;
+        if (audit && ((_d = (_c = audit === null || audit === void 0 ? void 0 : audit.period) === null || _c === void 0 ? void 0 : _c.start) === null || _d === void 0 ? void 0 : _d.value)) {
+            var time = utils_1.formatTime(new Date(audit.period.start.value));
+            return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: time }, void 0);
+        }
+    }
+    return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+};
+exports.default = TimelineTime;
 //# sourceMappingURL=timeline-time.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"timeline-time.js","sourceRoot":"","sources":["../../src/atoms/timeline-time.tsx"],"names":[],"mappings":";;;AAEA,2CAA8C;AAE9C,IAAM,YAAY,GAAc,UAAC,EAAS;;QAAP,KAAK,WAAA;IACtC,IAAI,CAAC,CAAA,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,KAAK,0CAAE,KAAK,CAAA,EAAE;QAChC,OAAO,qDAAK,CAAA;KACb;IAED,IAAM,IAAI,GAAG,kBAAU,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAC3D,OAAO,sDAAG,IAAI,WAAI,CAAA;AACpB,CAAC,CAAA;AAMD,kBAAe,YAAY,CAAA"}
+{"version":3,"file":"timeline-time.js","sourceRoot":"","sources":["../../src/atoms/timeline-time.tsx"],"names":[],"mappings":";;;;;;AAEA,2CAA8C;AAC9C,uDAA4C;AAE5C,IAAM,YAAY,GAAc,UAAC,EAAkB;;QAAhB,cAAc,oBAAA;IAC/C,IAAI,CAAC,cAAc;QAAE,OAAO,qDAAK,CAAA;IAEjC,IAAI,iBAAmB,CAAC,cAAc,CAAC,EAAE;QACvC,IAAM,MAAM,GAAG,cAAmC,CAAA;QAClD,IAAI,MAAM,KAAI,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,KAAK,CAAA,EAAE;YACpC,IAAM,IAAI,GAAG,kBAAU,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;YACvD,OAAO,sDAAG,IAAI,WAAI,CAAA;SACnB;KACF;SAAM;QACL,IAAM,KAAK,GAAG,cAA4B,CAAA;QAC1C,IAAI,KAAK,KAAI,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,KAAK,0CAAE,KAAK,CAAA,EAAE;YACxC,IAAM,IAAI,GAAG,kBAAU,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;YAC3D,OAAO,sDAAG,IAAI,WAAI,CAAA;SACnB;KACF;IACD,OAAO,qDAAK,CAAA;AACd,CAAC,CAAA;AAMD,kBAAe,YAAY,CAAA"}

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

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

package/lib/atoms/timeline-title.js

@@ -1,13 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var TimelineTitle = function (_a) {
-    var _b;
-    var audit = _a.audit;
-    if (!audit)
-        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-    var title = audit.metadata.isRedacted ? 'Insufficient privileges' : (_b = audit.text) === null || _b === void 0 ? void 0 : _b.text;
-    return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: title }, void 0);
-};
-exports.default = TimelineTitle;
+"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 methods_1 = __importDefault(require("../methods"));
+var TimelineTitle = function (_a) {
+    var _b, _c;
+    var domainResource = _a.domainResource;
+    if (!domainResource)
+        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+    if (methods_1.default(domainResource)) {
+        var docRef = domainResource;
+        var title_1 = domainResource.metadata.isRedacted ? 'Insufficient privileges' : (_b = docRef.text) === null || _b === void 0 ? void 0 : _b.text;
+        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: title_1 }, void 0);
+    }
+    var audit = domainResource;
+    var title = domainResource.metadata.isRedacted ? 'Insufficient privileges' : (_c = audit.text) === null || _c === void 0 ? void 0 : _c.text;
+    return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: title }, void 0);
+};
+exports.default = TimelineTitle;
 //# sourceMappingURL=timeline-title.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"timeline-title.js","sourceRoot":"","sources":["../../src/atoms/timeline-title.tsx"],"names":[],"mappings":";;;AAGA,IAAM,aAAa,GAAc,UAAC,EAAS;;QAAP,KAAK,WAAA;IACvC,IAAI,CAAC,KAAK;QAAE,OAAO,qDAAK,CAAA;IAExB,IAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,IAAI,0CAAE,IAAI,CAAA;IACtF,OAAO,sDAAG,KAAK,WAAI,CAAA;AACrB,CAAC,CAAA;AAMD,kBAAe,aAAa,CAAA"}
+{"version":3,"file":"timeline-title.js","sourceRoot":"","sources":["../../src/atoms/timeline-title.tsx"],"names":[],"mappings":";;;;;;AAEA,uDAA4C;AAE5C,IAAM,aAAa,GAAc,UAAC,EAAkB;;QAAhB,cAAc,oBAAA;IAChD,IAAI,CAAC,cAAc;QAAE,OAAO,qDAAK,CAAA;IAEjC,IAAI,iBAAmB,CAAC,cAAc,CAAC,EAAE;QACvC,IAAM,MAAM,GAAG,cAAmC,CAAA;QAClD,IAAM,OAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,MAAA,MAAM,CAAC,IAAI,0CAAE,IAAI,CAAA;QAChG,OAAO,sDAAG,OAAK,WAAI,CAAA;KACpB;IACD,IAAM,KAAK,GAAG,cAA4B,CAAA;IAC1C,IAAM,KAAK,GAAG,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,IAAI,0CAAE,IAAI,CAAA;IAC/F,OAAO,sDAAG,KAAK,WAAI,CAAA;AACrB,CAAC,CAAA;AAMD,kBAAe,aAAa,CAAA"}

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-import Timeline from './organisms/timeline';
-import { ITimelineItem } from './molecules/timeline-item';
-export default Timeline;
-export { ITimelineItem };
+import Timeline from './organisms/timeline';
+import { ITimelineItem } from './molecules/timeline-item';
+export default Timeline;
+export { ITimelineItem };

package/lib/index.js

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

package/lib/methods.d.ts

@@ -0,0 +1,3 @@
+import { AuditEvent, DocumentReference } from '@ltht-react/types';
+declare const isDocumentReference: (domainResource: AuditEvent | DocumentReference) => boolean;
+export default isDocumentReference;

package/lib/methods.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var isDocumentReference = function (domainResource) {
+    var docRef = domainResource;
+    return docRef.status !== undefined;
+};
+exports.default = isDocumentReference;
+//# sourceMappingURL=methods.js.map

package/lib/methods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"methods.js","sourceRoot":"","sources":["../src/methods.ts"],"names":[],"mappings":";;AAEA,IAAM,mBAAmB,GAAG,UAAC,cAA8C;IACzE,IAAM,MAAM,GAAG,cAAmC,CAAA;IAClD,OAAO,MAAM,CAAC,MAAM,KAAK,SAAS,CAAA;AACpC,CAAC,CAAA;AAED,kBAAe,mBAAmB,CAAA"}

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

@@ -1,14 +1,14 @@
-import { FC } from 'react';
-import { AuditEvent, Maybe } from '@ltht-react/types';
-declare const TimelineItem: FC<IProps>;
-interface IProps {
-    timelineItem: Maybe<ITimelineItem>;
-}
-export interface ITimelineItem {
-    auditEvent: Maybe<AuditEvent>;
-    clickHandler?(): void;
-    clickPrompt?: string;
-    isSelected: boolean;
-    deselectPrompt?: string;
-}
-export default TimelineItem;
+import { FC } from 'react';
+import { AuditEvent, DocumentReference, Maybe } from '@ltht-react/types';
+declare const TimelineItem: FC<IProps>;
+interface IProps {
+    timelineItem: Maybe<ITimelineItem>;
+}
+export interface ITimelineItem {
+    domainResource?: Maybe<AuditEvent | DocumentReference>;
+    clickHandler?(): void;
+    clickPrompt?: string;
+    isSelected: boolean | undefined;
+    deselectPrompt?: string;
+}
+export default TimelineItem;

package/lib/molecules/timeline-item.js

@@ -1,68 +1,70 @@
-"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 styled_1 = __importDefault(require("@emotion/styled"));
-var banner_1 = __importDefault(require("@ltht-react/banner"));
-var icon_1 = require("@ltht-react/icon");
-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_status_1 = __importDefault(require("../atoms/timeline-status"));
-var timeline_title_1 = __importDefault(require("../atoms/timeline-title"));
-var timeline_time_1 = __importDefault(require("../atoms/timeline-time"));
-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 StyledTimelineItemLeft = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
-var StyledTimelineItemRight = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  text-align: right;\n"], ["\n  text-align: right;\n"])));
-var StyledTimelineTime = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: black;\n"], ["\n  color: black;\n"])));
-var StyledTimelineItemTop = styled_1.default.div(templateObject_5 || (templateObject_5 = __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 StyledTimelineItemMiddle = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: black;\n  padding-bottom: 1rem;\n"], ["\n  color: black;\n  padding-bottom: 1rem;\n"])));
-var StyledTimelineItemBottom = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: grey;\n  display: flex;\n"], ["\n  color: grey;\n  display: flex;\n"])));
-var StyledTitle = styled_1.default.div(templateObject_8 || (templateObject_8 = __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 StyledDescription = styled_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  color: black;\n  font-size: small;\n"], ["\n  color: black;\n  font-size: small;\n"])));
-var StyledStatus = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  text-align: right;\n"], ["\n  text-align: right;\n"])));
-var StyledBanner = styled_1.default(banner_1.default)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  margin: -0.5rem;\n  margin-top: 0.5rem;\n"], ["\n  margin: -0.5rem;\n  margin-top: 0.5rem;\n"])));
-var StyledBannerContent = styled_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject([""], [""])));
-var TimelineItem = function (_a) {
-    var timelineItem = _a.timelineItem;
-    var width = hooks_1.useWindowSize().width;
-    var isMobile = utils_1.isMobileView(width);
-    if (!(timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.auditEvent)) {
-        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-    }
-    return (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: jsx_runtime_1.jsxs(StyledTimelineItem, __assign({ isSelected: timelineItem.isSelected }, { children: [jsx_runtime_1.jsxs(StyledTimelineItemTop, { children: [jsx_runtime_1.jsx(StyledTitle, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(timeline_title_1.default, { audit: timelineItem.auditEvent }, void 0) }), void 0),
-                        isMobile && (jsx_runtime_1.jsx(StyledTimelineTime, { children: jsx_runtime_1.jsx(timeline_time_1.default, { audit: timelineItem.auditEvent }, void 0) }, void 0))] }, void 0),
-                jsx_runtime_1.jsx(StyledTimelineItemMiddle, { children: jsx_runtime_1.jsx(StyledDescription, { children: jsx_runtime_1.jsx(timeline_description_1.default, { outcomeDesc: timelineItem.auditEvent.outcomeDesc }, void 0) }, void 0) }, void 0),
-                jsx_runtime_1.jsxs(StyledTimelineItemBottom, { children: [jsx_runtime_1.jsx(StyledTimelineItemLeft, { children: jsx_runtime_1.jsx(timeline_author_1.default, { audit: timelineItem.auditEvent }, void 0) }, void 0),
-                        jsx_runtime_1.jsx(StyledTimelineItemRight, { children: jsx_runtime_1.jsx(StyledStatus, { children: jsx_runtime_1.jsx(timeline_status_1.default, {}, void 0) }, void 0) }, void 0)] }, void 0),
-                timelineItem.clickHandler && !timelineItem.isSelected && (jsx_runtime_1.jsx(StyledBanner, __assign({ type: "info", onClick: timelineItem.clickHandler }, { children: timelineItem.clickPrompt && jsx_runtime_1.jsx(StyledBannerContent, { children: timelineItem.clickPrompt }, void 0) }), void 0)),
-                timelineItem.clickHandler && timelineItem.isSelected && (jsx_runtime_1.jsx(StyledBanner, __assign({ type: "highlight", icon: jsx_runtime_1.jsx(icon_1.InfoCircleIcon, { status: "info", size: "medium" }, void 0), onClick: timelineItem.clickHandler }, { children: timelineItem.deselectPrompt && jsx_runtime_1.jsx(StyledBannerContent, { children: timelineItem.deselectPrompt }, void 0) }), void 0))] }), void 0) }, void 0));
-};
-exports.default = TimelineItem;
-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;
+"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 styled_1 = __importDefault(require("@emotion/styled"));
+var banner_1 = __importDefault(require("@ltht-react/banner"));
+var icon_1 = require("@ltht-react/icon");
+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_status_1 = __importDefault(require("../atoms/timeline-status"));
+var timeline_title_1 = __importDefault(require("../atoms/timeline-title"));
+var timeline_time_1 = __importDefault(require("../atoms/timeline-time"));
+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 StyledTimelineItemLeft = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
+var StyledTimelineItemRight = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  text-align: right;\n"], ["\n  text-align: right;\n"])));
+var StyledTimelineTime = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: black;\n"], ["\n  color: black;\n"])));
+var StyledTimelineItemTop = styled_1.default.div(templateObject_5 || (templateObject_5 = __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 StyledTimelineItemMiddle = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: black;\n  padding-bottom: 1rem;\n"], ["\n  color: black;\n  padding-bottom: 1rem;\n"])));
+var StyledTimelineItemBottom = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: grey;\n  display: flex;\n"], ["\n  color: grey;\n  display: flex;\n"])));
+var StyledTitle = styled_1.default.div(templateObject_8 || (templateObject_8 = __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 StyledDescription = styled_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  color: black;\n  font-size: small;\n"], ["\n  color: black;\n  font-size: small;\n"])));
+var StyledStatus = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  text-align: right;\n"], ["\n  text-align: right;\n"])));
+var StyledBanner = styled_1.default(banner_1.default)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  margin: -0.5rem;\n  margin-top: 0.5rem;\n"], ["\n  margin: -0.5rem;\n  margin-top: 0.5rem;\n"])));
+var StyledBannerContent = styled_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject([""], [""])));
+var TimelineItem = function (_a) {
+    var _b;
+    var timelineItem = _a.timelineItem;
+    var width = hooks_1.useWindowSize().width;
+    var isMobile = utils_1.isMobileView(width);
+    if (!(timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource)) {
+        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+    }
+    var itemKey = "timelineItem_" + timelineItem.domainResource.id;
+    return (jsx_runtime_1.jsxs(StyledTimelineItem, __assign({ isSelected: (_b = timelineItem.isSelected) !== null && _b !== void 0 ? _b : false }, { children: [jsx_runtime_1.jsxs(StyledTimelineItemTop, { children: [jsx_runtime_1.jsx(StyledTitle, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(timeline_title_1.default, { domainResource: timelineItem.domainResource }, void 0) }), void 0),
+                    isMobile && (jsx_runtime_1.jsx(StyledTimelineTime, { children: jsx_runtime_1.jsx(timeline_time_1.default, { domainResource: timelineItem.domainResource }, void 0) }, void 0))] }, void 0),
+            jsx_runtime_1.jsx(StyledTimelineItemMiddle, { children: jsx_runtime_1.jsx(StyledDescription, { children: jsx_runtime_1.jsx(timeline_description_1.default, { domainResource: timelineItem.domainResource }, void 0) }, void 0) }, void 0),
+            jsx_runtime_1.jsxs(StyledTimelineItemBottom, { children: [jsx_runtime_1.jsx(StyledTimelineItemLeft, { children: jsx_runtime_1.jsx(timeline_author_1.default, { domainResource: timelineItem.domainResource }, void 0) }, void 0),
+                    jsx_runtime_1.jsx(StyledTimelineItemRight, { children: jsx_runtime_1.jsx(StyledStatus, { children: jsx_runtime_1.jsx(timeline_status_1.default, {}, void 0) }, void 0) }, void 0)] }, void 0),
+            timelineItem.clickHandler && !timelineItem.isSelected && (jsx_runtime_1.jsx(StyledBanner, __assign({ type: "info", onClick: timelineItem.clickHandler }, { children: timelineItem.clickPrompt && jsx_runtime_1.jsx(StyledBannerContent, { children: timelineItem.clickPrompt }, void 0) }), void 0)),
+            timelineItem.clickHandler && timelineItem.isSelected && (jsx_runtime_1.jsx(StyledBanner, __assign({ type: "highlight", icon: jsx_runtime_1.jsx(icon_1.InfoCircleIcon, { status: "info", size: "medium" }, void 0), onClick: timelineItem.clickHandler }, { children: timelineItem.deselectPrompt && jsx_runtime_1.jsx(StyledBannerContent, { children: timelineItem.deselectPrompt }, void 0) }), void 0))] }), itemKey));
+};
+exports.default = TimelineItem;
+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-item.js.map

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

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

package/lib/organisms/timeline.d.ts

@@ -1,8 +1,8 @@
-import { FC } from 'react';
-import { Maybe } from '@ltht-react/types';
-import { ITimelineItem } from '../molecules/timeline-item';
-declare const Timeline: FC<IProps>;
-interface IProps {
-    timelineItems: Maybe<ITimelineItem>[];
-}
-export default Timeline;
+import { FC } from 'react';
+import { Maybe } from '@ltht-react/types';
+import { ITimelineItem } from '../molecules/timeline-item';
+declare const Timeline: FC<IProps>;
+interface IProps {
+    timelineItems: Maybe<ITimelineItem>[];
+}
+export default Timeline;

package/lib/organisms/timeline.js

@@ -1,118 +1,160 @@
-"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 styled_1 = __importDefault(require("@emotion/styled"));
-var icon_1 = require("@ltht-react/icon");
-var styles_1 = require("@ltht-react/styles");
-var utils_1 = require("@ltht-react/utils");
-var hooks_1 = require("@ltht-react/hooks");
-var timeline_time_1 = __importDefault(require("../atoms/timeline-time"));
-var timeline_item_1 = __importDefault(require("../molecules/timeline-item"));
-var StyledTimeline = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: -0.75rem;\n"], ["\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 = styled_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  .icon__circle {\n    position: absolute;\n    z-index: 1;\n    transform: translate(-50%);\n    -webkit-transform: translate(-50%);\n    -ms-transform: translate(-50%);\n    left: 50%;\n    color: ", ";\n    font-size: 0.75rem;\n  }\n"], ["\n  .icon__circle {\n    position: absolute;\n    z-index: 1;\n    transform: translate(-50%);\n    -webkit-transform: translate(-50%);\n    -ms-transform: translate(-50%);\n    left: 50%;\n    color: ", ";\n    font-size: 0.75rem;\n  }\n"])), styles_1.TEXT_COLOURS.INFO);
-var StyledInnerCircle = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  .icon__circle {\n    position: absolute;\n    z-index: 2;\n    top: 0.125rem;\n    transform: translate(-50%);\n    -webkit-transform: translate(-50%);\n    -ms-transform: translate(-50%);\n    left: 50%;\n    color: white;\n    font-size: 0.5rem;\n  }\n"], ["\n  .icon__circle {\n    position: absolute;\n    z-index: 2;\n    top: 0.125rem;\n    transform: translate(-50%);\n    -webkit-transform: translate(-50%);\n    -ms-transform: translate(-50%);\n    left: 50%;\n    color: white;\n    font-size: 0.5rem;\n  }\n"])));
-var Timeline = function (props) {
-    var _a;
-    var rest = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        rest[_i - 1] = arguments[_i];
-    }
-    var width = hooks_1.useWindowSize().width;
-    var isMobile = utils_1.isMobileView(width);
-    var audit = props.timelineItems.map(function (i) { return i === null || i === void 0 ? void 0 : i.auditEvent; });
-    var timelineDates = {};
-    (_a = props.timelineItems) === null || _a === void 0 ? void 0 : _a.forEach(function (timelineItem) {
-        var _a, _b, _c, _d, _e, _f;
-        if (!((_c = (_b = (_a = timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.auditEvent) === null || _a === void 0 ? void 0 : _a.period) === null || _b === void 0 ? void 0 : _b.start) === null || _c === void 0 ? void 0 : _c.value)) {
-            return;
-        }
-        var date = utils_1.formatDateExplicitMonth(new Date((_f = (_e = (_d = timelineItem.auditEvent) === null || _d === void 0 ? void 0 : _d.period) === null || _e === void 0 ? void 0 : _e.start) === null || _f === void 0 ? void 0 : _f.value));
-        var lookup = timelineDates[date];
-        if (!lookup) {
-            timelineDates[date] = [timelineItem];
-        }
-        else {
-            lookup.push(timelineItem);
-            timelineDates[date] = lookup;
-        }
-    });
-    var position = 0;
-    return (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: jsx_runtime_1.jsx(StyledTimeline, __assign({}, rest, { children: Object.entries(timelineDates).map(function (_a) {
-                var key = _a[0], value = _a[1];
-                position += 1;
-                if (isMobile) {
-                    return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(StyledTimelineDayHeader, { children: key }, void 0),
-                            jsx_runtime_1.jsx(StyledTimelineDayBody, __assign({ isMobile: isMobile }, { children: value === null || value === void 0 ? void 0 : value.map(function (timelineItem) { return (jsx_runtime_1.jsx(StyledTimelineDayItem, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(StyledTimelineDayContent, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(timeline_item_1.default, { timelineItem: timelineItem }, void 0) }), void 0) }), void 0)); }) }), void 0)] }, void 0));
-                }
-                return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(StyledTimelineDayHeader, { children: key }, void 0),
-                        jsx_runtime_1.jsx(StyledTimelineDayBody, __assign({ isMobile: isMobile }, { children: value === null || value === void 0 ? void 0 : value.map(function (timelineItem, idx) {
-                                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-                                if (!((_c = (_b = (_a = timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.auditEvent) === null || _a === void 0 ? void 0 : _a.period) === null || _b === void 0 ? void 0 : _b.start) === null || _c === void 0 ? void 0 : _c.value)) {
-                                    return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-                                }
-                                var currentTime = utils_1.formatTime(new Date((_f = (_e = (_d = timelineItem.auditEvent) === null || _d === void 0 ? void 0 : _d.period) === null || _e === void 0 ? void 0 : _e.start) === null || _f === void 0 ? void 0 : _f.value));
-                                var previousTime = currentTime;
-                                if (idx > 0) {
-                                    var previousItem = audit[idx - 1];
-                                    if (!((_h = (_g = previousItem === null || previousItem === void 0 ? void 0 : previousItem.period) === null || _g === void 0 ? void 0 : _g.start) === null || _h === void 0 ? void 0 : _h.value)) {
-                                        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-                                    }
-                                    previousTime = utils_1.formatTime(new Date((_k = (_j = previousItem === null || previousItem === void 0 ? void 0 : previousItem.period) === null || _j === void 0 ? void 0 : _j.start) === null || _k === void 0 ? void 0 : _k.value));
-                                }
-                                if (currentTime !== previousTime) {
-                                    position += 1;
-                                }
-                                var key = currentTime + "_" + idx;
-                                if (position % 2 === 1) {
-                                    return (jsx_runtime_1.jsxs(StyledTimelineDayItem, __assign({ isMobile: isMobile }, { children: [jsx_runtime_1.jsx(StyledTimelineDayContent, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(timeline_item_1.default, { timelineItem: timelineItem }, void 0) }), void 0),
-                                            jsx_runtime_1.jsxs(StyledTimelineDayLine, { children: [jsx_runtime_1.jsx(StyledOuterCircle, { children: jsx_runtime_1.jsx(icon_1.CircleIcon, { status: "info", size: "medium" }, void 0) }, void 0),
-                                                    jsx_runtime_1.jsx(StyledInnerCircle, { children: jsx_runtime_1.jsx(icon_1.CircleIcon, { status: "info", size: "medium" }, void 0) }, void 0)] }, void 0),
-                                            jsx_runtime_1.jsx(StyledTimelineDayTimeRight, { children: jsx_runtime_1.jsx(timeline_time_1.default, { audit: timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.auditEvent }, void 0) }, void 0)] }), key));
-                                }
-                                return (jsx_runtime_1.jsxs(StyledTimelineDayItem, __assign({ isMobile: isMobile }, { children: [jsx_runtime_1.jsx(StyledTimelineDayTimeLeft, { children: jsx_runtime_1.jsx(timeline_time_1.default, { audit: timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.auditEvent }, void 0) }, void 0),
-                                        jsx_runtime_1.jsxs(StyledTimelineDayLine, { children: [jsx_runtime_1.jsx(StyledOuterCircle, { children: jsx_runtime_1.jsx(icon_1.CircleIcon, { status: "info", size: "medium" }, void 0) }, void 0),
-                                                jsx_runtime_1.jsx(StyledInnerCircle, { children: jsx_runtime_1.jsx(icon_1.CircleIcon, { status: "info", size: "medium" }, void 0) }, void 0)] }, void 0),
-                                        jsx_runtime_1.jsx(StyledTimelineDayContent, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(timeline_item_1.default, { timelineItem: timelineItem }, void 0) }), void 0)] }), key));
-                            }) }), void 0)] }, void 0));
-            }) }), void 0) }, void 0));
-};
-exports.default = Timeline;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
+"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 styled_1 = __importDefault(require("@emotion/styled"));
+var icon_1 = require("@ltht-react/icon");
+var styles_1 = require("@ltht-react/styles");
+var utils_1 = require("@ltht-react/utils");
+var hooks_1 = require("@ltht-react/hooks");
+var timeline_time_1 = __importDefault(require("../atoms/timeline-time"));
+var timeline_item_1 = __importDefault(require("../molecules/timeline-item"));
+var methods_1 = __importDefault(require("../methods"));
+var StyledTimeline = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: -0.75rem;\n"], ["\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 = styled_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  .icon__circle {\n    position: absolute;\n    z-index: 1;\n    transform: translate(-50%);\n    -webkit-transform: translate(-50%);\n    -ms-transform: translate(-50%);\n    left: 50%;\n    color: ", ";\n    font-size: 0.75rem;\n  }\n"], ["\n  .icon__circle {\n    position: absolute;\n    z-index: 1;\n    transform: translate(-50%);\n    -webkit-transform: translate(-50%);\n    -ms-transform: translate(-50%);\n    left: 50%;\n    color: ", ";\n    font-size: 0.75rem;\n  }\n"])), styles_1.TEXT_COLOURS.INFO);
+var StyledInnerCircle = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  .icon__circle {\n    position: absolute;\n    z-index: 2;\n    top: 0.125rem;\n    transform: translate(-50%);\n    -webkit-transform: translate(-50%);\n    -ms-transform: translate(-50%);\n    left: 50%;\n    color: white;\n    font-size: 0.5rem;\n  }\n"], ["\n  .icon__circle {\n    position: absolute;\n    z-index: 2;\n    top: 0.125rem;\n    transform: translate(-50%);\n    -webkit-transform: translate(-50%);\n    -ms-transform: translate(-50%);\n    left: 50%;\n    color: white;\n    font-size: 0.5rem;\n  }\n"])));
+var Timeline = function (_a) {
+    var timelineItems = _a.timelineItems;
+    var width = hooks_1.useWindowSize().width;
+    var isMobile = utils_1.isMobileView(width);
+    var timelineDates = {};
+    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 = '';
+        if (methods_1.default(timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource)) {
+            var docRef = timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource;
+            if (!((_a = docRef.created) === null || _a === void 0 ? void 0 : _a.value)) {
+                return;
+            }
+            date = utils_1.formatDate(new Date(docRef.created.value));
+            displayDate = utils_1.formatDateExplicitMonth(new Date(docRef.created.value));
+        }
+        else {
+            var audit = timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource;
+            if (!((_c = (_b = audit.period) === null || _b === void 0 ? void 0 : _b.start) === null || _c === void 0 ? void 0 : _c.value)) {
+                return;
+            }
+            date = utils_1.formatDate(new Date((_e = (_d = audit.period) === null || _d === void 0 ? void 0 : _d.start) === null || _e === void 0 ? void 0 : _e.value));
+            displayDate = utils_1.formatDateExplicitMonth(new Date((_g = (_f = audit.period) === null || _f === void 0 ? void 0 : _f.start) === null || _g === void 0 ? void 0 : _g.value));
+        }
+        var lookup = timelineDates[date];
+        if (!lookup) {
+            timelineDates[date] = { item: [timelineItem], formattedDate: displayDate };
+        }
+        else {
+            lookup.item.push(timelineItem);
+            timelineDates[date] = lookup;
+        }
+    });
+    var position = 0;
+    return (jsx_runtime_1.jsx(StyledTimeline, __assign({ "data-testid": "timeline" }, { children: Object.entries(timelineDates).map(function (_a) {
+            var _b;
+            var dateKey = _a[0], value = _a[1];
+            position += 1;
+            return (jsx_runtime_1.jsxs("div", __assign({ "data-testid": dateKey }, { children: [jsx_runtime_1.jsx(StyledTimelineDayHeader, { children: value.formattedDate }, void 0),
+                    jsx_runtime_1.jsx(StyledTimelineDayBody, __assign({ 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 = jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+                            if (!(timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource)) {
+                                return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+                            }
+                            var currentTime = '';
+                            var previousTime = '';
+                            if (methods_1.default(timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource)) {
+                                var docRef = timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource;
+                                if (!((_a = docRef.created) === null || _a === void 0 ? void 0 : _a.value)) {
+                                    return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+                                }
+                                currentTime = utils_1.formatTime(new Date(docRef.created.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.created) === null || _c === void 0 ? void 0 : _c.value)) {
+                                        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+                                    }
+                                    previousTime = utils_1.formatTime(new Date((_d = previousItem === null || previousItem === void 0 ? void 0 : previousItem.created) === null || _d === void 0 ? void 0 : _d.value));
+                                }
+                            }
+                            else {
+                                var audit = timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource;
+                                if (!((_f = (_e = audit.period) === null || _e === void 0 ? void 0 : _e.start) === null || _f === void 0 ? void 0 : _f.value)) {
+                                    return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+                                }
+                                currentTime = utils_1.formatTime(new Date((_h = (_g = audit.period) === null || _g === void 0 ? void 0 : _g.start) === null || _h === void 0 ? void 0 : _h.value));
+                                previousTime = currentTime;
+                                if (idx > 0) {
+                                    var previousItem = (_j = value.item[idx - 1]) === null || _j === void 0 ? void 0 : _j.domainResource;
+                                    if (!((_l = (_k = previousItem === null || previousItem === void 0 ? void 0 : previousItem.period) === null || _k === void 0 ? void 0 : _k.start) === null || _l === void 0 ? void 0 : _l.value)) {
+                                        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+                                    }
+                                    previousTime = utils_1.formatTime(new Date((_o = (_m = previousItem === null || previousItem === void 0 ? void 0 : previousItem.period) === null || _m === void 0 ? void 0 : _m.start) === null || _o === void 0 ? void 0 : _o.value));
+                                }
+                            }
+                            if (currentTime !== previousTime) {
+                                position += 1;
+                            }
+                            var itemKey = "timeline_day_item_" + dateKey + "_" + currentTime + "_" + idx;
+                            if (isMobile) {
+                                content = (jsx_runtime_1.jsx(StyledTimelineDayContent, __assign({ isMobile: true }, { children: jsx_runtime_1.jsx(timeline_item_1.default, { timelineItem: timelineItem }, void 0) }), void 0));
+                            }
+                            else if (position % 2 === 1) {
+                                var contentKey = "content_left_" + itemKey;
+                                content = (jsx_runtime_1.jsxs("div", __assign({ "data-testid": contentKey }, { children: [jsx_runtime_1.jsx(StyledTimelineDayContent, __assign({ isMobile: false }, { children: jsx_runtime_1.jsx(timeline_item_1.default, { timelineItem: timelineItem }, void 0) }), void 0),
+                                        jsx_runtime_1.jsxs(StyledTimelineDayLine, { children: [jsx_runtime_1.jsx(StyledOuterCircle, { children: jsx_runtime_1.jsx(icon_1.CircleIcon, { status: "info", size: "medium" }, void 0) }, void 0),
+                                                jsx_runtime_1.jsx(StyledInnerCircle, { children: jsx_runtime_1.jsx(icon_1.CircleIcon, { status: "info", size: "medium" }, void 0) }, void 0)] }, void 0),
+                                        jsx_runtime_1.jsx(StyledTimelineDayTimeRight, { children: jsx_runtime_1.jsx(timeline_time_1.default, { domainResource: timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource }, void 0) }, void 0)] }), contentKey));
+                            }
+                            else if (position % 2 === 0) {
+                                var contentKey = "content_right_" + itemKey;
+                                content = (jsx_runtime_1.jsxs("div", __assign({ "data-testid": contentKey }, { children: [jsx_runtime_1.jsx(StyledTimelineDayTimeLeft, { children: jsx_runtime_1.jsx(timeline_time_1.default, { domainResource: timelineItem === null || timelineItem === void 0 ? void 0 : timelineItem.domainResource }, void 0) }, void 0),
+                                        jsx_runtime_1.jsxs(StyledTimelineDayLine, { children: [jsx_runtime_1.jsx(StyledOuterCircle, { children: jsx_runtime_1.jsx(icon_1.CircleIcon, { status: "info", size: "medium" }, void 0) }, void 0),
+                                                jsx_runtime_1.jsx(StyledInnerCircle, { children: jsx_runtime_1.jsx(icon_1.CircleIcon, { status: "info", size: "medium" }, void 0) }, void 0)] }, void 0),
+                                        jsx_runtime_1.jsx(StyledTimelineDayContent, __assign({ isMobile: false }, { children: jsx_runtime_1.jsx(timeline_item_1.default, { timelineItem: timelineItem }, void 0) }), void 0)] }), contentKey));
+                            }
+                            return (jsx_runtime_1.jsx(StyledTimelineDayItem, __assign({ isMobile: isMobile, "data-testid": itemKey }, { children: content }), itemKey));
+                        }) }), void 0)] }), 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;
 //# sourceMappingURL=timeline.js.map

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":";;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AACpC,yCAA6C;AAC7C,6CAAiE;AAEjE,2CAAiG;AACjG,2CAAiD;AAEjD,yEAAiD;AACjD,6EAAwE;AACxE,uDAA4C;AAE5C,IAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,4FAAA,yBAEhC,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,gBAAM,CAAC,GAAG,mTAAA,2MAQvB,EAAiB,mCAG7B,KAHY,qBAAY,CAAC,IAAI,CAG7B,CAAA;AAED,IAAM,iBAAiB,GAAG,gBAAM,CAAC,GAAG,yUAAA,oQAYnC,IAAA,CAAA;AAED,IAAM,QAAQ,GAAe,UAAC,EAAiB;QAAf,aAAa,mBAAA;IACnC,IAAA,KAAK,GAAK,qBAAa,EAAE,MAApB,CAAoB;IACjC,IAAM,QAAQ,GAAG,oBAAY,CAAC,KAAK,CAAC,CAAA;IACpC,IAAM,aAAa,GAAgF,EAAE,CAAA;IAErG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,UAAC,YAAY;;QAClC,IAAI,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAA,EAAE;YACjC,OAAM;SACP;QACD,IAAI,IAAI,GAAG,EAAE,CAAA;QACb,IAAI,WAAW,GAAG,EAAE,CAAA;QACpB,IAAI,iBAAmB,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAC,EAAE;YACrD,IAAM,MAAM,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAmC,CAAA;YAChE,IAAI,CAAC,CAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,KAAK,CAAA,EAAE;gBAC1B,OAAM;aACP;YACD,IAAI,GAAG,kBAAU,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;YACjD,WAAW,GAAG,+BAAuB,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;SACtE;aAAM;YACL,IAAM,KAAK,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAA4B,CAAA;YACxD,IAAI,CAAC,CAAA,MAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,KAAK,0CAAE,KAAK,CAAA,EAAE;gBAC/B,OAAM;aACP;YACD,IAAI,GAAG,kBAAU,CAAC,IAAI,IAAI,CAAC,MAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC,CAAA;YACvD,WAAW,GAAG,+BAAuB,CAAC,IAAI,IAAI,CAAC,MAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC,CAAA;SAC5E;QAED,IAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAA;QAClC,IAAI,CAAC,MAAM,EAAE;YACX,aAAa,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,YAAY,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,CAAA;SAC3E;aAAM;YACL,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;YAC9B,aAAa,CAAC,IAAI,CAAC,GAAG,MAAM,CAAA;SAC7B;IACH,CAAC,CAAC,CAAA;IAEF,IAAI,QAAQ,GAAG,CAAC,CAAA;IAEhB,OAAO,CACL,kBAAC,cAAc,4BAA4B,UAAU,gBAClD,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,UAAC,EAAgB;;gBAAf,OAAO,QAAA,EAAE,KAAK,QAAA;YACjD,QAAQ,IAAI,CAAC,CAAA;YACb,OAAO,CACL,oDAAgC,OAAO,iBACrC,kBAAC,uBAAuB,cAAE,KAAK,CAAC,aAAa,WAA2B;oBACxE,kBAAC,qBAAqB,aAAC,QAAQ,EAAE,QAAQ,gBACtC,MAAA,KAAK,CAAC,IAAI,0CAAE,GAAG,CAAC,UAAC,YAAY,EAAE,GAAG;;4BACjC,IAAI,OAAO,GAAgB,qDAAK,CAAA;4BAChC,IAAI,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAA,EAAE;gCACjC,OAAO,qDAAK,CAAA;6BACb;4BACD,IAAI,WAAW,GAAG,EAAE,CAAA;4BACpB,IAAI,YAAY,GAAG,EAAE,CAAA;4BACrB,IAAI,iBAAmB,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAC,EAAE;gCACrD,IAAM,MAAM,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAmC,CAAA;gCAChE,IAAI,CAAC,CAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,KAAK,CAAA,EAAE;oCAC1B,OAAO,qDAAK,CAAA;iCACb;gCACD,WAAW,GAAG,kBAAU,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;gCACxD,YAAY,GAAG,WAAW,CAAA;gCAE1B,IAAI,GAAG,GAAG,CAAC,EAAE;oCACX,IAAM,YAAY,GAAG,MAAA,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,0CAAE,cAAmC,CAAA;oCAC7E,IAAI,CAAC,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,KAAK,CAAA,EAAE;wCACjC,OAAO,qDAAK,CAAA;qCACb;oCACD,YAAY,GAAG,kBAAU,CAAC,IAAI,IAAI,CAAC,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,KAAK,CAAC,CAAC,CAAA;iCAClE;6BACF;iCAAM;gCACL,IAAM,KAAK,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAA4B,CAAA;gCACxD,IAAI,CAAC,CAAA,MAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,KAAK,0CAAE,KAAK,CAAA,EAAE;oCAC/B,OAAO,qDAAK,CAAA;iCACb;gCACD,WAAW,GAAG,kBAAU,CAAC,IAAI,IAAI,CAAC,MAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC,CAAA;gCAC9D,YAAY,GAAG,WAAW,CAAA;gCAE1B,IAAI,GAAG,GAAG,CAAC,EAAE;oCACX,IAAM,YAAY,GAAG,MAAA,KAAK,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,0CAAE,cAA4B,CAAA;oCACtE,IAAI,CAAC,CAAA,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,0CAAE,KAAK,0CAAE,KAAK,CAAA,EAAE;wCACvC,OAAO,qDAAK,CAAA;qCACb;oCACD,YAAY,GAAG,kBAAU,CAAC,IAAI,IAAI,CAAC,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,0CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC,CAAA;iCACxE;6BACF;4BAED,IAAI,WAAW,KAAK,YAAY,EAAE;gCAChC,QAAQ,IAAI,CAAC,CAAA;6BACd;4BAED,IAAM,OAAO,GAAG,uBAAqB,OAAO,SAAI,WAAW,SAAI,GAAK,CAAA;4BAEpE,IAAI,QAAQ,EAAE;gCACZ,OAAO,GAAG,CACR,kBAAC,wBAAwB,aAAC,QAAQ,sBAChC,kBAAC,uBAAY,IAAC,YAAY,EAAE,YAAY,WAAI,YACnB,CAC5B,CAAA;6BACF;iCAAM,IAAI,QAAQ,GAAG,CAAC,KAAK,CAAC,EAAE;gCAC7B,IAAM,UAAU,GAAG,kBAAgB,OAAS,CAAA;gCAC5C,OAAO,GAAG,CACR,oDAAmC,UAAU,iBAC3C,kBAAC,wBAAwB,aAAC,QAAQ,EAAE,KAAK,gBACvC,kBAAC,uBAAY,IAAC,YAAY,EAAE,YAAY,WAAI,YACnB;wCAC3B,mBAAC,qBAAqB,eACpB,kBAAC,iBAAiB,cAChB,kBAAC,iBAAU,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,WAAG,WACxB;gDACpB,kBAAC,iBAAiB,cAChB,kBAAC,iBAAU,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,WAAG,WACxB,YACE;wCACxB,kBAAC,0BAA0B,cACzB,kBAAC,uBAAY,IAAC,cAAc,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,WAAI,WACnC,MAdrB,UAAU,CAed,CACP,CAAA;6BACF;iCAAM,IAAI,QAAQ,GAAG,CAAC,KAAK,CAAC,EAAE;gCAC7B,IAAM,UAAU,GAAG,mBAAiB,OAAS,CAAA;gCAC7C,OAAO,GAAG,CACR,oDAAmC,UAAU,iBAC3C,kBAAC,yBAAyB,cACxB,kBAAC,uBAAY,IAAC,cAAc,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,WAAI,WACpC;wCAC5B,mBAAC,qBAAqB,eACpB,kBAAC,iBAAiB,cAChB,kBAAC,iBAAU,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,WAAG,WACxB;gDACpB,kBAAC,iBAAiB,cAChB,kBAAC,iBAAU,IAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,WAAG,WACxB,YACE;wCACxB,kBAAC,wBAAwB,aAAC,QAAQ,EAAE,KAAK,gBACvC,kBAAC,uBAAY,IAAC,YAAY,EAAE,YAAY,WAAI,YACnB,MAdnB,UAAU,CAed,CACP,CAAA;6BACF;4BAED,OAAO,CACL,kBAAC,qBAAqB,aAAC,QAAQ,EAAE,QAAQ,iBAA6B,OAAO,gBAC1E,OAAO,KADsC,OAAO,CAE/B,CACzB,CAAA;wBACH,CAAC,CAAC,YACoB,MAtGhB,OAAO,CAuGX,CACP,CAAA;QACH,CAAC,CAAC,KA7GgB,UAAU,CA8Gb,CAClB,CAAA;AACH,CAAC,CAAA;AAUD,kBAAe,QAAQ,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ltht-react/timeline",
-  "version": "1.0.89",
+  "version": "1.0.90",
   "description": "> TODO: description",
   "author": "Jonny Dyson",
   "homepage": "",
@@ -23,14 +23,14 @@
   },
   "dependencies": {
     "@emotion/styled": "^11.0.0",
-    "@ltht-react/banner": "^1.0.74",
-    "@ltht-react/hooks": "^1.0.91",
-    "@ltht-react/icon": "^1.3.101",
-    "@ltht-react/styles": "^1.3.93",
-    "@ltht-react/types": "^1.0.97",
-    "@ltht-react/utils": "^1.1.99",
+    "@ltht-react/banner": "^1.0.75",
+    "@ltht-react/hooks": "^1.0.92",
+    "@ltht-react/icon": "^1.3.102",
+    "@ltht-react/styles": "^1.3.94",
+    "@ltht-react/types": "^1.0.98",
+    "@ltht-react/utils": "^1.1.100",
     "react": "^17.0.0",
     "react-html-parser": "^2.0.2"
   },
-  "gitHead": "2fb86b61740e666c0d9765d6468c2b886ecf9c2e"
+  "gitHead": "0df7b363c079586ccf5938661dfc455d5b60ec72"
 }