@progress/kendo-react-layout 5.18.0-dev.202309081432 → 5.18.0-dev.202309111325
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/dist/cdn/js/kendo-react-layout.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/timeline/TimelineVertical.js +7 -2
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/timeline/TimelineVertical.js +7 -2
- package/dist/systemjs/kendo-react-layout.js +1 -1
- package/package.json +13 -13
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-react-layout',
|
|
6
6
|
productName: 'KendoReact',
|
|
7
7
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1694436689,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
11
11
|
};
|
|
@@ -50,16 +50,21 @@ export var TimelineVertical = function (props) {
|
|
|
50
50
|
element.click();
|
|
51
51
|
}
|
|
52
52
|
};
|
|
53
|
+
var _alterIncreaser = 0;
|
|
53
54
|
return (React.createElement("ul", { ref: eventAxisRef, onKeyDown: handleKeyDown }, eventsList && eventsList.map(function (event, index) {
|
|
54
55
|
var cardId = guid();
|
|
56
|
+
var oddIndex = (index + _alterIncreaser) % 2 === 0;
|
|
57
|
+
if (event.yearFlag) {
|
|
58
|
+
_alterIncreaser += 1;
|
|
59
|
+
}
|
|
55
60
|
return (React.createElement(React.Fragment, { key: index }, event.yearFlag
|
|
56
61
|
? (React.createElement("li", { className: "k-timeline-flag-wrap" },
|
|
57
62
|
React.createElement("span", { className: "k-timeline-flag" }, event.yearFlag)))
|
|
58
|
-
: (React.createElement("li", { className: classNames('k-timeline-event', { 'k-reverse':
|
|
63
|
+
: (React.createElement("li", { className: classNames('k-timeline-event', { 'k-reverse': oddIndex }) },
|
|
59
64
|
React.createElement("div", { className: "k-timeline-date-wrap" },
|
|
60
65
|
React.createElement("span", { className: "k-timeline-date", id: cardId }, intl.formatDate(event.date, dateFormat))),
|
|
61
66
|
React.createElement("a", { className: "k-timeline-circle" }),
|
|
62
|
-
React.createElement(TimelineCard, { id: cardId, tabindex: navigatable ? 0 : -1, eventData: event, alternated: alterMode &&
|
|
67
|
+
React.createElement(TimelineCard, { id: cardId, tabindex: navigatable ? 0 : -1, eventData: event, alternated: alterMode && oddIndex, collapsible: collapsibleEvents, transitionDuration: transitionDuration, onChange: onChange, onActionClick: onActionClick })))));
|
|
63
68
|
})));
|
|
64
69
|
};
|
|
65
70
|
TimelineVertical.propTypes = {
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-layout',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1694436689,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
14
14
|
};
|
|
@@ -53,16 +53,21 @@ var TimelineVertical = function (props) {
|
|
|
53
53
|
element.click();
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
|
+
var _alterIncreaser = 0;
|
|
56
57
|
return (React.createElement("ul", { ref: eventAxisRef, onKeyDown: handleKeyDown }, eventsList && eventsList.map(function (event, index) {
|
|
57
58
|
var cardId = (0, kendo_react_common_1.guid)();
|
|
59
|
+
var oddIndex = (index + _alterIncreaser) % 2 === 0;
|
|
60
|
+
if (event.yearFlag) {
|
|
61
|
+
_alterIncreaser += 1;
|
|
62
|
+
}
|
|
58
63
|
return (React.createElement(React.Fragment, { key: index }, event.yearFlag
|
|
59
64
|
? (React.createElement("li", { className: "k-timeline-flag-wrap" },
|
|
60
65
|
React.createElement("span", { className: "k-timeline-flag" }, event.yearFlag)))
|
|
61
|
-
: (React.createElement("li", { className: (0, kendo_react_common_1.classNames)('k-timeline-event', { 'k-reverse':
|
|
66
|
+
: (React.createElement("li", { className: (0, kendo_react_common_1.classNames)('k-timeline-event', { 'k-reverse': oddIndex }) },
|
|
62
67
|
React.createElement("div", { className: "k-timeline-date-wrap" },
|
|
63
68
|
React.createElement("span", { className: "k-timeline-date", id: cardId }, intl.formatDate(event.date, dateFormat))),
|
|
64
69
|
React.createElement("a", { className: "k-timeline-circle" }),
|
|
65
|
-
React.createElement(TimelineCard_1.TimelineCard, { id: cardId, tabindex: navigatable ? 0 : -1, eventData: event, alternated: alterMode &&
|
|
70
|
+
React.createElement(TimelineCard_1.TimelineCard, { id: cardId, tabindex: navigatable ? 0 : -1, eventData: event, alternated: alterMode && oddIndex, collapsible: collapsibleEvents, transitionDuration: transitionDuration, onChange: onChange, onActionClick: onActionClick })))));
|
|
66
71
|
})));
|
|
67
72
|
};
|
|
68
73
|
exports.TimelineVertical = TimelineVertical;
|