@ltht-react/timeline 1.0.256 → 1.0.257

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/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;

package/lib/molecules/timeline-item.js

@@ -1,64 +1,64 @@
-"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_description_1 = __importDefault(require("../atoms/timeline-description"));
-var timeline_author_1 = __importDefault(require("../atoms/timeline-author"));
-var timeline_title_1 = __importDefault(require("../atoms/timeline-title"));
-var timeline_time_1 = __importDefault(require("../atoms/timeline-time"));
-var timeline_button_1 = __importDefault(require("../atoms/timeline-button"));
-var StyledTimelineItem = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  padding-top: 0.5rem;\n"], ["\n  background-color: ", ";\n  padding-top: 0.5rem;\n"])), function (_a) {
-    var isSelected = _a.isSelected;
-    return (isSelected ? styles_1.HIGHLIGHT_GREEN.VALUE : styles_1.TRANSLUCENT_DARK_BLUE);
-});
-var StyledTimelineAuthor = styled_1.default(timeline_author_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-grow: 1;\n  margin-bottom: 0.5rem;\n"], ["\n  flex-grow: 1;\n  margin-bottom: 0.5rem;\n"])));
-var StyledTimelineTime = styled_1.default(timeline_time_1.default)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: black;\n"], ["\n  color: black;\n"])));
-var StyledTimelineItemTop = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  color: black;\n  padding-bottom: 0.25rem;\n  margin: 0.5rem;\n"], ["\n  display: flex;\n  color: black;\n  padding-bottom: 0.25rem;\n  margin: 0.5rem;\n"])));
-var StyledTimelineItemMiddle = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: black;\n  padding-bottom: 1rem;\n  margin: 0.5rem;\n"], ["\n  color: black;\n  padding-bottom: 1rem;\n  margin: 0.5rem;\n"])));
-var StyledTimelineItemBottom = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: grey;\n  display: flex;\n  margin: 0.5rem;\n"], ["\n  color: grey;\n  display: flex;\n  margin: 0.5rem;\n"])));
-var StyledTimelineTitle = styled_1.default(timeline_title_1.default, {
-    shouldForwardProp: function (prop) { return prop !== 'isMobile'; },
-})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  flex-grow: 1;\n  color: black;\n  font-size: ", ";\n  font-weight: bold;\n"], ["\n  flex-grow: 1;\n  color: black;\n  font-size: ", ";\n  font-weight: bold;\n"])), function (_a) {
-    var isMobile = _a.isMobile;
-    return (isMobile ? 'medium' : 'large');
-});
-var StyledTimelineDescription = styled_1.default(timeline_description_1.default)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  color: black;\n  font-size: small;\n"], ["\n  color: black;\n  font-size: small;\n"])));
-var TimelineItem = function (_a) {
-    var timelineItem = _a.timelineItem, domainResourceType = _a.domainResourceType;
-    var width = 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 domainResource = timelineItem.domainResource, buttonState = timelineItem.buttonState;
-    var itemKey = "timelineItem_" + domainResource.id;
-    return (jsx_runtime_1.jsxs(StyledTimelineItem, __assign({ isSelected: buttonState === 'selected-button' }, { children: [jsx_runtime_1.jsxs(StyledTimelineItemTop, { children: [jsx_runtime_1.jsx(StyledTimelineTitle, { isMobile: isMobile, domainResource: domainResource, domainResourceType: domainResourceType }, void 0),
-                    isMobile && (jsx_runtime_1.jsx(StyledTimelineTime, { domainResource: timelineItem.domainResource, domainResourceType: domainResourceType }, void 0))] }, void 0),
-            jsx_runtime_1.jsx(StyledTimelineItemMiddle, { children: jsx_runtime_1.jsx(StyledTimelineDescription, { domainResource: timelineItem.domainResource, domainResourceType: domainResourceType }, void 0) }, void 0),
-            jsx_runtime_1.jsx(StyledTimelineItemBottom, { children: jsx_runtime_1.jsx(StyledTimelineAuthor, { domainResource: timelineItem.domainResource, domainResourceType: domainResourceType }, void 0) }, void 0),
-            jsx_runtime_1.jsx(timeline_button_1.default, { timelineItem: timelineItem }, void 0)] }), itemKey));
-};
-exports.default = TimelineItem;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+"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_description_1 = __importDefault(require("../atoms/timeline-description"));
+var timeline_author_1 = __importDefault(require("../atoms/timeline-author"));
+var timeline_title_1 = __importDefault(require("../atoms/timeline-title"));
+var timeline_time_1 = __importDefault(require("../atoms/timeline-time"));
+var timeline_button_1 = __importDefault(require("../atoms/timeline-button"));
+var StyledTimelineItem = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  padding-top: 0.5rem;\n"], ["\n  background-color: ", ";\n  padding-top: 0.5rem;\n"])), function (_a) {
+    var isSelected = _a.isSelected;
+    return (isSelected ? styles_1.HIGHLIGHT_GREEN.VALUE : styles_1.TRANSLUCENT_DARK_BLUE);
+});
+var StyledTimelineAuthor = styled_1.default(timeline_author_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-grow: 1;\n  margin-bottom: 0.5rem;\n"], ["\n  flex-grow: 1;\n  margin-bottom: 0.5rem;\n"])));
+var StyledTimelineTime = styled_1.default(timeline_time_1.default)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: black;\n"], ["\n  color: black;\n"])));
+var StyledTimelineItemTop = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  color: black;\n  padding-bottom: 0.25rem;\n  margin: 0.5rem;\n"], ["\n  display: flex;\n  color: black;\n  padding-bottom: 0.25rem;\n  margin: 0.5rem;\n"])));
+var StyledTimelineItemMiddle = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: black;\n  padding-bottom: 1rem;\n  margin: 0.5rem;\n"], ["\n  color: black;\n  padding-bottom: 1rem;\n  margin: 0.5rem;\n"])));
+var StyledTimelineItemBottom = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: grey;\n  display: flex;\n  margin: 0.5rem;\n"], ["\n  color: grey;\n  display: flex;\n  margin: 0.5rem;\n"])));
+var StyledTimelineTitle = styled_1.default(timeline_title_1.default, {
+    shouldForwardProp: function (prop) { return prop !== 'isMobile'; },
+})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  flex-grow: 1;\n  color: black;\n  font-size: ", ";\n  font-weight: bold;\n"], ["\n  flex-grow: 1;\n  color: black;\n  font-size: ", ";\n  font-weight: bold;\n"])), function (_a) {
+    var isMobile = _a.isMobile;
+    return (isMobile ? 'medium' : 'large');
+});
+var StyledTimelineDescription = styled_1.default(timeline_description_1.default)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  color: black;\n  font-size: small;\n"], ["\n  color: black;\n  font-size: small;\n"])));
+var TimelineItem = function (_a) {
+    var timelineItem = _a.timelineItem, domainResourceType = _a.domainResourceType;
+    var width = 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 domainResource = timelineItem.domainResource, buttonState = timelineItem.buttonState;
+    var itemKey = "timelineItem_" + domainResource.id;
+    return (jsx_runtime_1.jsxs(StyledTimelineItem, __assign({ isSelected: buttonState === 'selected-button' }, { children: [jsx_runtime_1.jsxs(StyledTimelineItemTop, { children: [jsx_runtime_1.jsx(StyledTimelineTitle, { isMobile: isMobile, domainResource: domainResource, domainResourceType: domainResourceType }, void 0),
+                    isMobile && (jsx_runtime_1.jsx(StyledTimelineTime, { domainResource: timelineItem.domainResource, domainResourceType: domainResourceType }, void 0))] }, void 0),
+            jsx_runtime_1.jsx(StyledTimelineItemMiddle, { children: jsx_runtime_1.jsx(StyledTimelineDescription, { domainResource: timelineItem.domainResource, domainResourceType: domainResourceType }, void 0) }, void 0),
+            jsx_runtime_1.jsx(StyledTimelineItemBottom, { children: jsx_runtime_1.jsx(StyledTimelineAuthor, { domainResource: timelineItem.domainResource, domainResourceType: domainResourceType }, void 0) }, void 0),
+            jsx_runtime_1.jsx(timeline_button_1.default, { timelineItem: timelineItem }, void 0)] }), itemKey));
+};
+exports.default = TimelineItem;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 //# sourceMappingURL=timeline-item.js.map

package/lib/organisms/timeline.d.ts

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