@ltht-react/timeline 1.0.223 → 1.0.225

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;