@ltht-react/timeline 1.0.223 → 1.0.225

package/lib/atoms/timeline-time.js

@@ -1,63 +1,63 @@
-"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 utils_1 = require("@ltht-react/utils");
-var TimelineTime = function (_a) {
-    var _b, _c, _d;
-    var domainResource = _a.domainResource, domainResourceType = _a.domainResourceType, rest = __rest(_a, ["domainResource", "domainResourceType"]);
-    if (!domainResource)
-        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-    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 jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-            }
-            var time = utils_1.formatTime(new Date(qr === null || qr === void 0 ? void 0 : qr.authored.value));
-            return jsx_runtime_1.jsx("div", __assign({}, rest, { children: time }), void 0);
-        }
-        case types_1.TimelineDomainResourceType.DocumentReference: {
-            var docRef = domainResource;
-            if (docRef && ((_c = docRef === null || docRef === void 0 ? void 0 : docRef.created) === null || _c === void 0 ? void 0 : _c.value)) {
-                var time = utils_1.formatTime(new Date(docRef.created.value));
-                return jsx_runtime_1.jsx("div", __assign({}, rest, { children: time }), void 0);
-            }
-            return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-        }
-        case types_1.TimelineDomainResourceType.AuditEvent: {
-            var audit = domainResource;
-            if (audit && ((_d = audit === null || audit === void 0 ? void 0 : audit.recorded) === null || _d === void 0 ? void 0 : _d.value)) {
-                var time = utils_1.formatTime(new Date(audit.recorded.value));
-                return jsx_runtime_1.jsx("div", __assign({}, rest, { children: time }), void 0);
-            }
-            return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-        }
-        default:
-            return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-    }
-};
-exports.default = TimelineTime;
+"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 utils_1 = require("@ltht-react/utils");
+var TimelineTime = function (_a) {
+    var _b, _c, _d;
+    var domainResource = _a.domainResource, domainResourceType = _a.domainResourceType, rest = __rest(_a, ["domainResource", "domainResourceType"]);
+    if (!domainResource)
+        return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+    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 jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+            }
+            var time = utils_1.formatTime(new Date(qr === null || qr === void 0 ? void 0 : qr.authored.value));
+            return jsx_runtime_1.jsx("div", __assign({}, rest, { children: time }), void 0);
+        }
+        case types_1.TimelineDomainResourceType.DocumentReference: {
+            var docRef = domainResource;
+            if (docRef && ((_c = docRef === null || docRef === void 0 ? void 0 : docRef.created) === null || _c === void 0 ? void 0 : _c.value)) {
+                var time = utils_1.formatTime(new Date(docRef.created.value));
+                return jsx_runtime_1.jsx("div", __assign({}, rest, { children: time }), void 0);
+            }
+            return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+        }
+        case types_1.TimelineDomainResourceType.AuditEvent: {
+            var audit = domainResource;
+            if (audit && ((_d = audit === null || audit === void 0 ? void 0 : audit.recorded) === null || _d === void 0 ? void 0 : _d.value)) {
+                var time = utils_1.formatTime(new Date(audit.recorded.value));
+                return jsx_runtime_1.jsx("div", __assign({}, rest, { children: time }), void 0);
+            }
+            return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+        }
+        default:
+            return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+    }
+};
+exports.default = TimelineTime;
 //# sourceMappingURL=timeline-time.js.map

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

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

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

@@ -1,28 +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 (jsx_runtime_1.jsx(StyledRedactedMessage, __assign({}, props, { children: "Insufficient Privileges" }), void 0)); };
-exports.default = TimelineTitleRedacted;
-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 __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 (jsx_runtime_1.jsx(StyledRedactedMessage, __assign({}, props, { children: "Insufficient Privileges" }), void 0)); };
+exports.default = TimelineTitleRedacted;
+var templateObject_1;
 //# sourceMappingURL=timeline-title-redacted.js.map

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

@@ -1,8 +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;
+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

@@ -1,55 +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 jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-    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 jsx_runtime_1.jsx("div", __assign({}, rest, { children: questionnaireTitle }), void 0);
-        }
-        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 jsx_runtime_1.jsx("div", __assign({}, rest, { children: docTitle }), void 0);
-        }
-        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 jsx_runtime_1.jsx("div", __assign({}, rest, { children: auditTitle }), void 0);
-        }
-        default:
-            return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
-    }
-};
-exports.default = TimelineTitle;
+"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 jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+    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 jsx_runtime_1.jsx("div", __assign({}, rest, { children: questionnaireTitle }), void 0);
+        }
+        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 jsx_runtime_1.jsx("div", __assign({}, rest, { children: docTitle }), void 0);
+        }
+        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 jsx_runtime_1.jsx("div", __assign({}, rest, { children: auditTitle }), void 0);
+        }
+        default:
+            return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
+    }
+};
+exports.default = TimelineTitle;
 //# sourceMappingURL=timeline-title.js.map

package/lib/constants.d.ts

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

package/lib/constants.js

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

package/lib/index.d.ts

@@ -1,5 +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 };
+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

@@ -1,11 +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;
+"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/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-redacted.d.ts

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

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

@@ -1,43 +1,43 @@
-"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 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 = hooks_1.useWindowSize().width;
-    var isMobile = utils_1.isMobileView(width);
-    return (jsx_runtime_1.jsx(StyledTimelineItem, __assign({ isSelected: false }, { children: jsx_runtime_1.jsx(StyledTimelineItemTop, { children: jsx_runtime_1.jsx(StyledTitle, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(timeline_title_redacted_1.default, {}, void 0) }), void 0) }, void 0) }), void 0));
-};
-exports.default = TimelineItemRedacted;
-var templateObject_1, templateObject_2, templateObject_3;
+"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 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 = hooks_1.useWindowSize().width;
+    var isMobile = utils_1.isMobileView(width);
+    return (jsx_runtime_1.jsx(StyledTimelineItem, __assign({ isSelected: false }, { children: jsx_runtime_1.jsx(StyledTimelineItemTop, { children: jsx_runtime_1.jsx(StyledTitle, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(timeline_title_redacted_1.default, {}, void 0) }), void 0) }, void 0) }), void 0));
+};
+exports.default = TimelineItemRedacted;
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=timeline-item-redacted.js.map

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

@@ -1,15 +1,15 @@
-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;
-    clickHandler?(): void;
-    buttonText?: string;
-}
-declare type TimeLineItemButtonState = 'no-button' | 'selectable-button' | 'selected-button' | 'permission-denied-button';
-export default TimelineItem;
+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;
+    clickHandler?(): void;
+    buttonText?: string;
+}
+declare type TimeLineItemButtonState = 'no-button' | 'selectable-button' | 'selected-button' | 'permission-denied-button';
+export default TimelineItem;