@ltht-react/timeline 1.0.74 → 1.0.75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.js +3 -0
- package/lib/index.js.map +1 -1
- package/lib/molecules/timeline-item.d.ts +6 -1
- package/lib/molecules/timeline-item.js +13 -7
- package/lib/molecules/timeline-item.js.map +1 -1
- package/lib/organisms/timeline.d.ts +3 -2
- package/lib/organisms/timeline.js +19 -18
- package/lib/organisms/timeline.js.map +1 -1
- package/package.json +8 -7
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 1.0.75 (2022-06-24)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @ltht-react/timeline
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## 1.0.74 (2022-06-22)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @ltht-react/timeline
|
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -3,6 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ITimelineItem = void 0;
|
|
6
7
|
var timeline_1 = __importDefault(require("./organisms/timeline"));
|
|
8
|
+
var timeline_item_1 = __importDefault(require("./molecules/timeline-item"));
|
|
9
|
+
exports.ITimelineItem = timeline_item_1.default;
|
|
7
10
|
exports.default = timeline_1.default;
|
|
8
11
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kEAA2C;AAC3C,4EAAqD;AAG5C,wBAHF,uBAAa,CAGE;AADtB,kBAAe,kBAAQ,CAAA"}
|
|
@@ -2,6 +2,11 @@ import { FC } from 'react';
|
|
|
2
2
|
import { AuditEvent, Maybe } from '@ltht-react/types';
|
|
3
3
|
declare const TimelineItem: FC<IProps>;
|
|
4
4
|
interface IProps {
|
|
5
|
-
|
|
5
|
+
timelineItem: Maybe<ITimelineItem>;
|
|
6
|
+
}
|
|
7
|
+
export interface ITimelineItem {
|
|
8
|
+
auditEvent: Maybe<AuditEvent>;
|
|
9
|
+
clickHandler?(): void;
|
|
10
|
+
clickPrompt?: string;
|
|
6
11
|
}
|
|
7
12
|
export default TimelineItem;
|
|
@@ -20,6 +20,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
21
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
22
|
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
23
|
+
var banner_1 = __importDefault(require("@ltht-react/banner"));
|
|
24
|
+
var icon_1 = require("@ltht-react/icon");
|
|
23
25
|
var styles_1 = require("@ltht-react/styles");
|
|
24
26
|
var hooks_1 = require("@ltht-react/hooks");
|
|
25
27
|
var utils_1 = require("@ltht-react/utils");
|
|
@@ -41,18 +43,22 @@ var StyledTitle = styled_1.default.div(templateObject_8 || (templateObject_8 = _
|
|
|
41
43
|
});
|
|
42
44
|
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"])));
|
|
43
45
|
var StyledStatus = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
46
|
+
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"])));
|
|
47
|
+
var StyledBannerContent = styled_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject([""], [""])));
|
|
44
48
|
var TimelineItem = function (props) {
|
|
49
|
+
var _a;
|
|
45
50
|
var width = hooks_1.useWindowSize().width;
|
|
46
51
|
var isMobile = utils_1.isMobileView(width);
|
|
47
|
-
if (!props.
|
|
52
|
+
if (!((_a = props.timelineItem) === null || _a === void 0 ? void 0 : _a.auditEvent)) {
|
|
48
53
|
return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
|
|
49
54
|
}
|
|
50
|
-
return (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: jsx_runtime_1.jsxs(StyledTimelineItem, { 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: props.
|
|
51
|
-
isMobile ? (jsx_runtime_1.jsx(StyledTimelineTime, { children: jsx_runtime_1.jsx(timeline_time_1.default, { audit: props.
|
|
52
|
-
jsx_runtime_1.jsx(StyledTimelineItemMiddle, { children: jsx_runtime_1.jsx(StyledDescription, { children: jsx_runtime_1.jsx(timeline_description_1.default, { outcomeDesc: props.
|
|
53
|
-
jsx_runtime_1.jsxs(StyledTimelineItemBottom, { children: [jsx_runtime_1.jsx(StyledTimelineItemLeft, { children: jsx_runtime_1.jsx(timeline_author_1.default, { audit: props.
|
|
54
|
-
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)
|
|
55
|
+
return (jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: jsx_runtime_1.jsxs(StyledTimelineItem, { 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: props.timelineItem.auditEvent }, void 0) }), void 0),
|
|
56
|
+
isMobile ? (jsx_runtime_1.jsx(StyledTimelineTime, { children: jsx_runtime_1.jsx(timeline_time_1.default, { audit: props.timelineItem.auditEvent }, void 0) }, void 0)) : null] }, void 0),
|
|
57
|
+
jsx_runtime_1.jsx(StyledTimelineItemMiddle, { children: jsx_runtime_1.jsx(StyledDescription, { children: jsx_runtime_1.jsx(timeline_description_1.default, { outcomeDesc: props.timelineItem.auditEvent.outcomeDesc }, void 0) }, void 0) }, void 0),
|
|
58
|
+
jsx_runtime_1.jsxs(StyledTimelineItemBottom, { children: [jsx_runtime_1.jsx(StyledTimelineItemLeft, { children: jsx_runtime_1.jsx(timeline_author_1.default, { audit: props.timelineItem.auditEvent }, void 0) }, void 0),
|
|
59
|
+
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),
|
|
60
|
+
props.timelineItem.clickHandler && (jsx_runtime_1.jsx(StyledBanner, __assign({ type: "info", icon: jsx_runtime_1.jsx(icon_1.ExternalLinkIcon, { size: "medium" }, void 0), onClick: props.timelineItem.clickHandler }, { children: props.timelineItem.clickPrompt && (jsx_runtime_1.jsx(StyledBannerContent, { children: props.timelineItem.clickPrompt }, void 0)) }), void 0))] }, void 0) }, void 0));
|
|
55
61
|
};
|
|
56
62
|
exports.default = TimelineItem;
|
|
57
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
|
|
63
|
+
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;
|
|
58
64
|
//# sourceMappingURL=timeline-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeline-item.js","sourceRoot":"","sources":["../../src/molecules/timeline-item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AACpC,6CAA0D;AAE1D,2CAAiD;AACjD,2CAAgD;AAChD,uFAA+D;AAC/D,6EAAqD;AACrD,6EAAqD;AACrD,2EAAmD;AACnD,yEAAiD;AAEjD,IAAM,kBAAkB,GAAG,gBAAM,CAAC,GAAG,sHAAA,wBACf,EAAqB,yBAE1C,KAFqB,8BAAqB,CAE1C,CAAA;AAED,IAAM,sBAAsB,GAAG,gBAAM,CAAC,GAAG,wFAAA,qBAExC,IAAA,CAAA;AAED,IAAM,uBAAuB,GAAG,gBAAM,CAAC,GAAG,6FAAA,0BAEzC,IAAA,CAAA;AAED,IAAM,kBAAkB,GAAG,gBAAM,CAAC,GAAG,wFAAA,qBAEpC,IAAA,CAAA;AAED,IAAM,qBAAqB,GAAG,gBAAM,CAAC,GAAG,sIAAA,mEAIvC,IAAA,CAAA;AAED,IAAM,wBAAwB,GAAG,gBAAM,CAAC,GAAG,iHAAA,8CAG1C,IAAA,CAAA;AAED,IAAM,wBAAwB,GAAG,gBAAM,CAAC,GAAG,yGAAA,sCAG1C,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,gBAAM,CAAC,GAAG,mJAAe,mDAG9B,EAAiD,2BAE/D,KAFc,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;AAA/B,CAA+B,CAE/D,CAAA;AAED,IAAM,iBAAiB,GAAG,gBAAM,CAAC,GAAG,6GAAA,0CAGnC,IAAA,CAAA;AAED,IAAM,YAAY,GAAG,gBAAM,CAAC,GAAG,+FAAA,0BAE9B,IAAA,CAAA;AAED,IAAM,YAAY,GAAe,UAAC,KAAK
|
|
1
|
+
{"version":3,"file":"timeline-item.js","sourceRoot":"","sources":["../../src/molecules/timeline-item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { Maybe } from '@ltht-react/types';
|
|
3
|
+
import { ITimelineItem } from '../molecules/timeline-item';
|
|
3
4
|
declare const Timeline: FC<IProps>;
|
|
4
5
|
interface IProps {
|
|
5
|
-
|
|
6
|
+
timelineItems: Maybe<ITimelineItem>[];
|
|
6
7
|
}
|
|
7
8
|
export default Timeline;
|
|
@@ -49,26 +49,27 @@ var StyledTimelineDayTimeRight = styled_1.default.div(templateObject_8 || (templ
|
|
|
49
49
|
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);
|
|
50
50
|
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"])));
|
|
51
51
|
var Timeline = function (props) {
|
|
52
|
+
var _a;
|
|
52
53
|
var rest = [];
|
|
53
54
|
for (var _i = 1; _i < arguments.length; _i++) {
|
|
54
55
|
rest[_i - 1] = arguments[_i];
|
|
55
56
|
}
|
|
56
57
|
var width = hooks_1.useWindowSize().width;
|
|
57
58
|
var isMobile = utils_1.isMobileView(width);
|
|
58
|
-
var audit = props.
|
|
59
|
+
var audit = props.timelineItems.map(function (i) { return i === null || i === void 0 ? void 0 : i.auditEvent; });
|
|
59
60
|
var timelineDates = {};
|
|
60
|
-
|
|
61
|
-
var _a, _b, _c, _d;
|
|
62
|
-
if (!((_b = (_a =
|
|
61
|
+
(_a = props.timelineItems) === null || _a === void 0 ? void 0 : _a.forEach(function (timelineItem) {
|
|
62
|
+
var _a, _b, _c, _d, _e, _f;
|
|
63
|
+
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)) {
|
|
63
64
|
return;
|
|
64
65
|
}
|
|
65
|
-
var date = utils_1.formatDateExplicitMonth(new Date((
|
|
66
|
+
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));
|
|
66
67
|
var lookup = timelineDates[date];
|
|
67
68
|
if (!lookup) {
|
|
68
|
-
timelineDates[date] = [
|
|
69
|
+
timelineDates[date] = [timelineItem];
|
|
69
70
|
}
|
|
70
71
|
else {
|
|
71
|
-
lookup.push(
|
|
72
|
+
lookup.push(timelineItem);
|
|
72
73
|
timelineDates[date] = lookup;
|
|
73
74
|
}
|
|
74
75
|
});
|
|
@@ -78,37 +79,37 @@ var Timeline = function (props) {
|
|
|
78
79
|
position += 1;
|
|
79
80
|
if (isMobile) {
|
|
80
81
|
return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(StyledTimelineDayHeader, { children: key }, void 0),
|
|
81
|
-
jsx_runtime_1.jsx(StyledTimelineDayBody, __assign({ isMobile: isMobile }, { children: value === null || value === void 0 ? void 0 : value.map(function (
|
|
82
|
+
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));
|
|
82
83
|
}
|
|
83
84
|
return (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(StyledTimelineDayHeader, { children: key }, void 0),
|
|
84
|
-
jsx_runtime_1.jsx(StyledTimelineDayBody, __assign({ isMobile: isMobile }, { children: value === null || value === void 0 ? void 0 : value.map(function (
|
|
85
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
86
|
-
if (!((_b = (_a =
|
|
85
|
+
jsx_runtime_1.jsx(StyledTimelineDayBody, __assign({ isMobile: isMobile }, { children: value === null || value === void 0 ? void 0 : value.map(function (timelineItem, idx) {
|
|
86
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
87
|
+
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)) {
|
|
87
88
|
return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
|
|
88
89
|
}
|
|
89
|
-
var currentTime = utils_1.formatTime(new Date((
|
|
90
|
+
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));
|
|
90
91
|
var previousTime = currentTime;
|
|
91
92
|
if (idx > 0) {
|
|
92
93
|
var previousItem = audit[idx - 1];
|
|
93
|
-
if (!((
|
|
94
|
+
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)) {
|
|
94
95
|
return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
|
|
95
96
|
}
|
|
96
|
-
previousTime = utils_1.formatTime(new Date((
|
|
97
|
+
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));
|
|
97
98
|
}
|
|
98
99
|
if (currentTime !== previousTime) {
|
|
99
100
|
position += 1;
|
|
100
101
|
}
|
|
101
102
|
var key = currentTime + "_" + idx;
|
|
102
103
|
if (position % 2 === 1) {
|
|
103
|
-
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, {
|
|
104
|
+
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),
|
|
104
105
|
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),
|
|
105
106
|
jsx_runtime_1.jsx(StyledInnerCircle, { children: jsx_runtime_1.jsx(icon_1.CircleIcon, { status: "info", size: "medium" }, void 0) }, void 0)] }, void 0),
|
|
106
|
-
jsx_runtime_1.jsx(StyledTimelineDayTimeRight, { children: jsx_runtime_1.jsx(timeline_time_1.default, { audit:
|
|
107
|
+
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));
|
|
107
108
|
}
|
|
108
|
-
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:
|
|
109
|
+
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),
|
|
109
110
|
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),
|
|
110
111
|
jsx_runtime_1.jsx(StyledInnerCircle, { children: jsx_runtime_1.jsx(icon_1.CircleIcon, { status: "info", size: "medium" }, void 0) }, void 0)] }, void 0),
|
|
111
|
-
jsx_runtime_1.jsx(StyledTimelineDayContent, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(timeline_item_1.default, {
|
|
112
|
+
jsx_runtime_1.jsx(StyledTimelineDayContent, __assign({ isMobile: isMobile }, { children: jsx_runtime_1.jsx(timeline_item_1.default, { timelineItem: timelineItem }, void 0) }), void 0)] }), key));
|
|
112
113
|
}) }), void 0)] }, void 0));
|
|
113
114
|
}) }), void 0) }, void 0));
|
|
114
115
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeline.js","sourceRoot":"","sources":["../../src/organisms/timeline.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AACA,2DAAoC;AACpC,yCAA6C;AAC7C,6CAAiE;AAEjE,2CAAqF;AACrF,2CAAiD;AAEjD,yEAAiD;AACjD,
|
|
1
|
+
{"version":3,"file":"timeline.js","sourceRoot":"","sources":["../../src/organisms/timeline.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ltht-react/timeline",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.75",
|
|
4
4
|
"description": "> TODO: description",
|
|
5
5
|
"author": "Jonny Dyson",
|
|
6
6
|
"homepage": "",
|
|
@@ -23,13 +23,14 @@
|
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"@emotion/styled": "^11.0.0",
|
|
26
|
-
"@ltht-react/
|
|
27
|
-
"@ltht-react/
|
|
28
|
-
"@ltht-react/
|
|
29
|
-
"@ltht-react/
|
|
30
|
-
"@ltht-react/
|
|
26
|
+
"@ltht-react/banner": "^1.0.60",
|
|
27
|
+
"@ltht-react/hooks": "^1.0.77",
|
|
28
|
+
"@ltht-react/icon": "^1.3.87",
|
|
29
|
+
"@ltht-react/styles": "^1.3.79",
|
|
30
|
+
"@ltht-react/types": "^1.0.83",
|
|
31
|
+
"@ltht-react/utils": "^1.1.85",
|
|
31
32
|
"react": "^17.0.0",
|
|
32
33
|
"react-html-parser": "^2.0.2"
|
|
33
34
|
},
|
|
34
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "013664f9fca2b499d3fefaf8c1224e7e9e5248a9"
|
|
35
36
|
}
|