funda-ui 1.1.140 → 1.1.142

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.
@@ -1146,7 +1146,7 @@ var EventCalendar = function EventCalendar(props) {
1146
1146
  if (typeof v === 'undefined') return '';
1147
1147
 
1148
1148
  // YYYY-MM-DD
1149
- var date = typeof v === 'string' ? new Date(v) : v;
1149
+ var date = typeof v === 'string' ? new Date(v.replace(/-/g, "/")) : v; // fix "Invalid date in safari"
1150
1150
  var padZero = function padZero(num) {
1151
1151
  if (padZeroEnabled) {
1152
1152
  return num < 10 ? '0' + num : num.toString();
@@ -166,7 +166,7 @@
166
166
  --e-cal-tl-table-header-w: 150px;
167
167
  --e-cal-tl-table-cell-padding: 0.5rem 0.75rem;
168
168
  --e-cal-tl-table-cell-h: 2.5rem;
169
- --e-cal-tl-table-cell-max-w: 100px;
169
+ --e-cal-tl-table-cell-max-w: 300px;
170
170
  --e-cal-tl-table-cell-line-height: 1.7;
171
171
  --e-cal-tl-table-primary-border: 1px solid #ddd;
172
172
  --e-cal-tl-table-bodycell-border: 1px solid #eee;
@@ -196,6 +196,7 @@
196
196
  }
197
197
  */
198
198
  /* cell */
199
+ /* header */
199
200
  /* event container */
200
201
  /* days container */
201
202
  /* remove empty cells */
@@ -282,15 +283,20 @@
282
283
  .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-body__content > tbody > tr > td {
283
284
  border-right: var(--e-cal-tl-table-bodycell-border);
284
285
  }
285
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__timeline-header {
286
+ .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__timeline-headertitle {
286
287
  background: var(--e-cal-tl-table-header-bg);
287
288
  border-bottom: var(--e-cal-tl-table-header-border);
289
+ overflow: hidden;
290
+ }
291
+ .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__timeline-header {
292
+ background: var(--e-cal-tl-table-header-bg);
288
293
  }
289
294
  .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-header__title {
290
295
  border-spacing: 0;
291
296
  }
292
297
  .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-header__content {
293
298
  border-spacing: 0;
299
+ border-bottom: var(--e-cal-tl-table-header-border);
294
300
  }
295
301
  .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-header__content > tbody > tr > th {
296
302
  border-right: var(--e-cal-tl-table-primary-border);
@@ -298,33 +304,29 @@
298
304
  .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-title,
299
305
  .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content {
300
306
  word-break: break-all;
301
- overflow: hidden;
302
- height: var(--e-cal-tl-table-cell-h);
303
307
  max-width: var(--e-cal-tl-table-cell-max-w);
304
308
  /* If the maximum width is not increased and the screen becomes smaller,
305
309
  the cell width of ".e-cal-tl-table__datagrid-header__content" may be
306
310
  slightly inconsistent with the cell width of ".e-cal-tl-table__datagrid-body__content" */
307
311
  }
308
312
  .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headercontent {
309
- overflow: hidden;
313
+ white-space: nowrap;
310
314
  }
311
315
  .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headercontent,
312
316
  .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headertitle {
313
317
  font-size: var(--e-cal-tl-table-headercell-font-size);
314
318
  }
315
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headercontent,
316
319
  .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headertitle,
317
320
  .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-title {
318
- white-space: nowrap;
321
+ word-break: break-all;
319
322
  }
320
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headertitle,
321
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-header {
323
+ .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headertitle {
322
324
  width: var(--e-cal-tl-table-header-w);
323
325
  }
324
326
  .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container {
325
327
  position: relative;
326
328
  }
327
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container:hover {
329
+ .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container.selected, .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container:hover {
328
330
  background-color: var(--e-cal-tl-table-event-hover-bg);
329
331
  box-shadow: var(--e-cal-tl-table-event-hover-shadow);
330
332
  }
@@ -1231,16 +1231,22 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1231
1231
  var scrollHeaderRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
1232
1232
  var scrollBodyRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
1233
1233
  var scrollListRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
1234
+ var _useState27 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),
1235
+ _useState28 = _slicedToArray(_useState27, 2),
1236
+ tableRowNum = _useState28[0],
1237
+ setTableRowNum = _useState28[1];
1238
+
1239
+ // table grid tooltip
1234
1240
  var CELL_TOOLTIP_POS_OFFSET = typeof tableTooltipOffset === 'undefined' ? 10 : tableTooltipOffset;
1235
1241
  var tableTooltipModalRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
1236
- var _useState27 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
1237
- _useState28 = _slicedToArray(_useState27, 2),
1238
- isShowTableTooltip = _useState28[0],
1239
- setIsShowTableTooltip = _useState28[1];
1240
- var _useState29 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
1242
+ var _useState29 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
1241
1243
  _useState30 = _slicedToArray(_useState29, 2),
1242
- tableTooltipContent = _useState30[0],
1243
- setTableTooltipContent = _useState30[1];
1244
+ isShowTableTooltip = _useState30[0],
1245
+ setIsShowTableTooltip = _useState30[1];
1246
+ var _useState31 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
1247
+ _useState32 = _slicedToArray(_useState31, 2),
1248
+ tableTooltipContent = _useState32[0],
1249
+ setTableTooltipContent = _useState32[1];
1244
1250
 
1245
1251
  // cell
1246
1252
  var getCells = function getCells() {
@@ -1427,7 +1433,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1427
1433
  if (typeof v === 'undefined') return '';
1428
1434
 
1429
1435
  // YYYY-MM-DD
1430
- var date = typeof v === 'string' ? new Date(v) : v;
1436
+ var date = typeof v === 'string' ? new Date(v.replace(/-/g, "/")) : v; // fix "Invalid date in safari"
1431
1437
  var padZero = function padZero(num) {
1432
1438
  if (padZeroEnabled) {
1433
1439
  return num < 10 ? '0' + num : num.toString();
@@ -1474,8 +1480,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1474
1480
  setSelectedMonth(_date.getMonth());
1475
1481
  setSelectedYear(_date.getFullYear());
1476
1482
 
1477
- // reset scroll position
1478
- resetTableScrollPosition();
1483
+ // restore table grid init status
1484
+ restoreTableGridInitStatus();
1479
1485
  return _date;
1480
1486
  });
1481
1487
  }
@@ -1487,8 +1493,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1487
1493
  setSelectedMonth(_date.getMonth());
1488
1494
  setSelectedYear(_date.getFullYear());
1489
1495
 
1490
- // reset scroll position
1491
- resetTableScrollPosition();
1496
+ // restore table grid init status
1497
+ restoreTableGridInitStatus();
1492
1498
  return _date;
1493
1499
  });
1494
1500
  }
@@ -1503,8 +1509,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1503
1509
  // close win
1504
1510
  setWinYear(false);
1505
1511
 
1506
- // reset scroll position
1507
- resetTableScrollPosition();
1512
+ // restore table grid init status
1513
+ restoreTableGridInitStatus();
1508
1514
  }
1509
1515
  function handleMonthChange(currentIndex) {
1510
1516
  setSelectedMonth(currentIndex);
@@ -1514,16 +1520,16 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1514
1520
  // close win
1515
1521
  setWinMonth(false);
1516
1522
 
1517
- // reset scroll position
1518
- resetTableScrollPosition();
1523
+ // restore table grid init status
1524
+ restoreTableGridInitStatus();
1519
1525
  }
1520
1526
  function handleTodayChange() {
1521
1527
  setSelectedMonth(now.getMonth());
1522
1528
  setSelectedYear(now.getFullYear());
1523
1529
  setTodayDate(now);
1524
1530
 
1525
- // reset scroll position
1526
- resetTableScrollPosition();
1531
+ // restore table grid init status
1532
+ restoreTableGridInitStatus();
1527
1533
  }
1528
1534
  function handleShowWinYear() {
1529
1535
  setWinYear(function (prevState) {
@@ -1544,7 +1550,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1544
1550
  return val.map(function (item, i) {
1545
1551
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tr", {
1546
1552
  key: i,
1547
- role: "row"
1553
+ role: "row",
1554
+ "data-index": i
1548
1555
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
1549
1556
  role: "gridcell",
1550
1557
  "data-resource-index": i,
@@ -1560,7 +1567,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1560
1567
  function generateDaysUi() {
1561
1568
  var eventSourcesData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
1562
1569
  var listSectionData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
1563
- var showEvents = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
1570
+ var rowIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
1571
+ var showEvents = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
1564
1572
  if (forwardAndBackFillDisabled) {
1565
1573
  //#######################
1566
1574
 
@@ -1593,9 +1601,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1593
1601
  minWidth: CELL_MIN_W + 'px'
1594
1602
  },
1595
1603
  onClick: function onClick(e) {
1604
+ // update row data
1605
+ setTableRowNum(-1);
1596
1606
  if (_currentData.length > 0) {
1597
1607
  _currentData[0].rowData = listSectionData;
1598
1608
  }
1609
+
1610
+ //
1599
1611
  if (d > 0) {
1600
1612
  handleDayChange(e, d);
1601
1613
  onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, _currentData.length === 0 ? {
@@ -1668,19 +1680,21 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1668
1680
  fill: "#000"
1669
1681
  }))), cellCloseBtnLabel || ''))) : '';
1670
1682
  return d > 0 && d <= days[month] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
1671
- className: "e-cal-tl-table__cell-cushion-content__container ".concat(eventSourcesData && _currentData.length > 0 ? 'has-event' : '', " ").concat(d > 0 ? '' : 'empty', " ").concat(d === now.getDate() ? 'today' : '', " ").concat(d === day ? 'selected' : '', " ").concat(isLastCol ? 'last-cell' : ''),
1683
+ className: "e-cal-tl-table__cell-cushion-content__container ".concat(eventSourcesData && _currentData.length > 0 ? 'has-event' : '', " ").concat(d > 0 ? '' : 'empty', " ").concat(d === now.getDate() ? 'today' : '', " ").concat(d === day && tableRowNum === rowIndex ? 'selected' : '', " ").concat(isLastCol ? 'last-cell' : ''),
1672
1684
  key: "col" + i,
1673
1685
  "data-index": colIndex - 1,
1674
1686
  colSpan: 1,
1675
1687
  "data-date": getCalendarDate(_dateShow),
1676
1688
  "data-week": i,
1677
- style: {
1678
- minWidth: CELL_MIN_W + 'px'
1679
- },
1689
+ "data-row": rowIndex,
1680
1690
  onClick: function onClick(e) {
1691
+ // update row data
1692
+ setTableRowNum(rowIndex);
1681
1693
  if (_currentData.length > 0) {
1682
1694
  _currentData[0].rowData = listSectionData;
1683
1695
  }
1696
+
1697
+ //
1684
1698
  if (d > 0) {
1685
1699
  handleDayChange(e, d);
1686
1700
  onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, _currentData.length === 0 ? {
@@ -1764,9 +1778,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1764
1778
  minWidth: CELL_MIN_W + 'px'
1765
1779
  },
1766
1780
  onClick: function onClick(e) {
1781
+ // update row data
1782
+ setTableRowNum(-1);
1767
1783
  if (_currentData.length > 0) {
1768
1784
  _currentData[0].rowData = listSectionData;
1769
1785
  }
1786
+
1787
+ //
1770
1788
  if (d > 0) {
1771
1789
  handleDayChange(e, d);
1772
1790
  onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, _currentData.length === 0 ? {
@@ -1845,19 +1863,21 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1845
1863
  fill: "#000"
1846
1864
  }))), cellCloseBtnLabel || ''))) : '';
1847
1865
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
1848
- className: "e-cal-tl-table__cell-cushion-content__container ".concat(_currentData.length > 0 ? 'has-event' : '', " ").concat(d > 0 ? '' : 'empty', " ").concat(d === now.getDate() ? 'today' : '', " ").concat(d === day ? 'selected' : '', " ").concat(isLastCol ? 'last-cell' : ''),
1866
+ className: "e-cal-tl-table__cell-cushion-content__container ".concat(_currentData.length > 0 ? 'has-event' : '', " ").concat(d > 0 ? '' : 'empty', " ").concat(d === now.getDate() ? 'today' : '', " ").concat(d === day && tableRowNum === rowIndex ? 'selected' : '', " ").concat(isLastCol ? 'last-cell' : ''),
1849
1867
  key: "col" + i,
1850
1868
  "data-index": _colIndex - 1,
1851
1869
  colSpan: 1,
1852
1870
  "data-date": getCalendarDate(_dateShow),
1853
1871
  "data-week": i,
1854
- style: {
1855
- minWidth: CELL_MIN_W + 'px'
1856
- },
1872
+ "data-row": rowIndex,
1857
1873
  onClick: function onClick(e) {
1874
+ // update row data
1875
+ setTableRowNum(rowIndex);
1858
1876
  if (_currentData.length > 0) {
1859
1877
  _currentData[0].rowData = listSectionData;
1860
1878
  }
1879
+
1880
+ //
1861
1881
  if (d > 0) {
1862
1882
  handleDayChange(e, d);
1863
1883
  onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, _currentData.length === 0 ? {
@@ -1953,26 +1973,33 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1953
1973
  var _latestScrollTop = el.scrollTop;
1954
1974
  if (scrollBodyRef.current) scrollBodyRef.current.scrollTop = _latestScrollTop;
1955
1975
  }
1956
- function resetTableScrollPosition() {
1976
+ function restoreTableGridInitStatus() {
1977
+ // restore table grid init status
1957
1978
  if (scrollListRef.current) scrollListRef.current.scrollTop = 0;
1958
1979
  if (scrollBodyRef.current) scrollBodyRef.current.scrollLeft = 0;
1959
1980
  }
1960
1981
  function tableGridInit() {
1982
+ //
1961
1983
  if (tableGridRef.current === null) return;
1962
1984
  var tableGridEl = tableGridRef.current;
1963
1985
 
1964
- // calculate min width
1986
+ //****************
1987
+ // STEP 1:
1988
+ //****************
1989
+ // calculate min width
1965
1990
  //--------------
1966
1991
  var cellMinWidth = CELL_MIN_W;
1967
1992
  var colCount = forwardAndBackFillDisabled ? days[month] : 7 * getCells().length;
1968
1993
  var scrollableMinWidth = cellMinWidth * colCount;
1969
1994
 
1970
- // initialize scrollable wrapper
1995
+ //****************
1996
+ // STEP 2:
1997
+ //****************
1998
+ // initialize scrollable wrapper (width)
1971
1999
  //--------------
1972
2000
  var _scrollableWrapper = tableGridEl.querySelectorAll('.e-cal-tl-table__scroller-harness');
1973
2001
  [].slice.call(_scrollableWrapper).forEach(function (el) {
1974
2002
  var scrollType = el.dataset.scroll;
1975
- var oldHeight = el.clientHeight;
1976
2003
  if (scrollType !== 'list') {
1977
2004
  var _content = el.querySelector('.e-cal-tl-table__scroller');
1978
2005
  var tableMaxWidth = tableGridEl.clientWidth;
@@ -1984,38 +2011,103 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
1984
2011
  el.style.maxWidth = el.dataset.width + 'px';
1985
2012
  _content.style.minWidth = scrollableMinWidth + 'px';
1986
2013
  }
2014
+ });
1987
2015
 
1988
- // initialize cell width
1989
- var colElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__content colgroup').getElementsByTagName('col');
1990
- var tdElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__content tbody').getElementsByTagName('td');
1991
- if (tdElements.length > 0) {
1992
- var _loop = function _loop() {
1993
- var widerElement = colElements[i].offsetWidth > tdElements[i].offsetWidth ? colElements[i] : tdElements[i];
1994
- var tdOwidth = window.getComputedStyle(widerElement).width;
1995
- [].slice.call(tableGridEl.querySelectorAll("[data-datagrid-col=\"".concat(i, "\"]"))).forEach(function (el) {
1996
- el.style.minWidth = tdOwidth;
1997
- });
1998
- };
1999
- for (var i = 0; i < colElements.length; i++) {
2000
- _loop();
2001
- }
2016
+ //****************
2017
+ // STEP 3:
2018
+ //****************
2019
+ // initialize cell width
2020
+ //--------------
2021
+ var headerThElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-header__content tbody').getElementsByTagName('th');
2022
+ var colElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__content colgroup').getElementsByTagName('col');
2023
+ var tdElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__content tbody').getElementsByTagName('td');
2024
+ var tdElementMaxWidth = typeof tdElements[0] === 'undefined' ? 0 : parseFloat(window.getComputedStyle(tdElements[0].querySelector('.e-cal-tl-table__cell-cushion-content')).maxWidth);
2025
+ for (var i = 0; i < headerThElements.length; i++) {
2026
+ var curHeaderThElementMaxWidth = parseFloat(window.getComputedStyle(headerThElements[i].querySelector('.e-cal-tl-table__cell-cushion-headercontent')).width);
2027
+ var targetElement = headerThElements[i].offsetWidth > tdElements[i].offsetWidth ? headerThElements[i] : tdElements[i];
2028
+ var tdOwidth = parseFloat(window.getComputedStyle(targetElement).width);
2029
+
2030
+ // check td max width
2031
+ if (tdElementMaxWidth > 0 && tdOwidth > tdElementMaxWidth) {
2032
+ tdOwidth = tdElementMaxWidth;
2033
+ }
2034
+
2035
+ // check header th max width
2036
+ if (tdElementMaxWidth > 0 && tdElementMaxWidth < curHeaderThElementMaxWidth) {
2037
+ tdOwidth = curHeaderThElementMaxWidth;
2002
2038
  }
2003
2039
 
2004
- // initialize table height
2040
+ // Prevent the width from being +1 each time it is initialized
2041
+ tdOwidth = tdOwidth - 1;
2042
+ headerThElements[i].querySelector('.e-cal-tl-table__cell-cushion-headercontent').style.width = tdOwidth + 'px';
2043
+ tdElements[i].querySelector('.e-cal-tl-table__cell-cushion-content').style.minWidth = tdOwidth + 'px';
2044
+ colElements[i].style.minWidth = tdOwidth + 'px';
2045
+ }
2046
+
2047
+ //****************
2048
+ // STEP 4:
2049
+ //****************
2050
+ // initialize max width of table content
2051
+ //--------------
2052
+ if (scrollBodyRef.current !== null && scrollHeaderRef.current !== null) {
2053
+ var tableContentWidth = window.getComputedStyle(tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__content')).width;
2054
+ var scrollBodyEl = scrollBodyRef.current;
2055
+ var scrollHeaderEl = scrollHeaderRef.current;
2056
+ scrollBodyEl.style.width = tableContentWidth;
2057
+ scrollHeaderEl.style.width = tableContentWidth;
2058
+ scrollBodyEl.dataset.width = parseFloat(tableContentWidth);
2059
+ scrollHeaderEl.dataset.width = parseFloat(tableContentWidth);
2060
+
2061
+ //
2062
+ var tableWrapperMaxWidthLatest = tableGridEl.clientWidth;
2063
+ if (tableWrapperMaxWidthLatest > parseFloat(tableContentWidth)) {
2064
+ tableGridEl.querySelector('.e-cal-tl-table__timeline-table').style.width = tableContentWidth;
2065
+ }
2066
+ }
2067
+
2068
+ //****************
2069
+ // STEP 5:
2070
+ //****************
2071
+ // initialize cell height
2072
+ //--------------
2073
+ var headerTitleTrElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__title tbody').getElementsByTagName('tr');
2074
+ var trElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__content tbody').getElementsByTagName('tr');
2075
+ for (var _i2 = 0; _i2 < headerTitleTrElements.length; _i2++) {
2076
+ var _targetElement = headerTitleTrElements[_i2].offsetHeight > trElements[_i2].offsetHeight ? headerTitleTrElements[_i2] : trElements[_i2];
2077
+ var tdOHeight = window.getComputedStyle(_targetElement).height;
2078
+ headerTitleTrElements[_i2].style.height = tdOHeight;
2079
+ trElements[_i2].style.height = tdOHeight;
2080
+ }
2081
+
2082
+ //****************
2083
+ // STEP 6:
2084
+ //****************
2085
+ //initialize scrollable wrapper (height)
2086
+ //--------------
2087
+ [].slice.call(_scrollableWrapper).forEach(function (el) {
2088
+ var scrollType = el.dataset.scroll;
2089
+ var oldHeight = el.clientHeight;
2005
2090
  if (scrollType !== 'header') {
2006
- var tableMaxHeight = window.getComputedStyle(tableGridEl).height;
2007
- if (oldHeight > parseFloat(tableMaxHeight)) {
2008
- el.style.height = tableMaxHeight;
2091
+ var tableWrapperMaxHeight = window.getComputedStyle(tableGridEl).height;
2092
+ if (oldHeight > parseFloat(tableWrapperMaxHeight)) {
2093
+ el.style.height = tableWrapperMaxHeight;
2009
2094
  }
2010
2095
  }
2011
2096
  });
2012
2097
 
2098
+ //****************
2099
+ // STEP 7:
2100
+ //****************
2013
2101
  // display wrapper
2102
+ //--------------
2014
2103
  tableGridEl.classList.remove('invisible');
2015
2104
  }
2016
2105
  function tableGridReset() {
2017
2106
  if (tableGridRef.current === null) return;
2018
2107
  var tableGridEl = tableGridRef.current;
2108
+
2109
+ // initialize scrollable wrapper (width & height)
2110
+ //--------------
2019
2111
  var _scrollableWrapper = tableGridEl.querySelectorAll('.e-cal-tl-table__scroller-harness');
2020
2112
  [].slice.call(_scrollableWrapper).forEach(function (el) {
2021
2113
  var _content = el.querySelector('.e-cal-tl-table__scroller');
@@ -2171,7 +2263,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
2171
2263
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("th", {
2172
2264
  role: "presentation"
2173
2265
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
2174
- className: "e-cal-tl-table__timeline-header"
2266
+ className: "e-cal-tl-table__timeline-header e-cal-tl-table__timeline-headertitle"
2175
2267
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("table", {
2176
2268
  role: "presentation",
2177
2269
  className: "e-cal-tl-table__datagrid-header__title"
@@ -2241,7 +2333,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
2241
2333
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("colgroup", null, generateColUi()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tbody", null, val.map(function (item, i) {
2242
2334
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tr", {
2243
2335
  key: i
2244
- }, generateDaysUi(item.eventSources, item.listSection, true));
2336
+ }, generateDaysUi(item.eventSources, item.listSection, i, true));
2245
2337
  }))))))))))), EVENTS_ENABLED ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((funda_modaldialog__WEBPACK_IMPORTED_MODULE_1___default()), {
2246
2338
  show: showDelete,
2247
2339
  maskOpacity: modalMaskOpacity,
package/all.d.ts CHANGED
@@ -36,4 +36,3 @@ export const Textarea: any;
36
36
  export const Toast: any;
37
37
  export const Tooltip: any;
38
38
  export const Tree: any;
39
- export const index.tsx: any;
package/all.js CHANGED
@@ -38,4 +38,3 @@ exports.Textarea = _interopRequireDefault(require("./Textarea")).default;
38
38
  exports.Toast = _interopRequireDefault(require("./Toast")).default;
39
39
  exports.Tooltip = _interopRequireDefault(require("./Tooltip")).default;
40
40
  exports.Tree = _interopRequireDefault(require("./Tree")).default;
41
- exports.index.tsx = _interopRequireDefault(require("./index.tsx")).default;
@@ -1146,7 +1146,7 @@ var EventCalendar = function EventCalendar(props) {
1146
1146
  if (typeof v === 'undefined') return '';
1147
1147
 
1148
1148
  // YYYY-MM-DD
1149
- var date = typeof v === 'string' ? new Date(v) : v;
1149
+ var date = typeof v === 'string' ? new Date(v.replace(/-/g, "/")) : v; // fix "Invalid date in safari"
1150
1150
  var padZero = function padZero(num) {
1151
1151
  if (padZeroEnabled) {
1152
1152
  return num < 10 ? '0' + num : num.toString();