funda-ui 4.2.15 → 4.2.375

package/CascadingSelect/index.css

@@ -18,9 +18,12 @@
   font-weight: 400;
   line-height: 1.5;
   color: inherit;
+  /* required */
+  display: flex;
 }
 .cas-select__wrapper .cas-select__result div {
-  display: inline;
+  /* required */
+  display: flex;
 }
 .cas-select__wrapper .cas-select__result span {
   padding: 3px;
@@ -57,8 +60,8 @@
 }
 .cas-select__wrapper .cas-select__val .arrow {
   position: absolute;
-  top: 0;
-  margin-top: 0.3rem;
+  top: 50%;
+  transform: translateY(-50%);
   right: 0.5rem;
 }
 .cas-select__wrapper .cas-select__val .arrow svg .arrow-fill-g {

package/CascadingSelect/index.js

@@ -4605,20 +4605,22 @@ var CascadingSelect = function CascadingSelect(props) {
     windowScrollUpdate = _useWindowScroll2[1];
   function popwinPosInit() {
     var showAct = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    if (valRef.current === null) return;
+    if (rootRef.current === null || valRef.current === null) return;
 
     // update modal position
     var _modalRef = document.querySelector("#cas-select__items-wrapper-".concat(idRes));
     var _triggerRef = valRef.current;
+    var _triggerXaxisRef = rootRef.current;
 
     // console.log(getAbsolutePositionOfStage(_triggerRef));
 
     if (_modalRef === null) return;
-    var _getAbsolutePositionO = (0,dist_cjs.getAbsolutePositionOfStage)(_triggerRef),
-      x = _getAbsolutePositionO.x,
-      y = _getAbsolutePositionO.y,
-      width = _getAbsolutePositionO.width,
-      height = _getAbsolutePositionO.height;
+    var _getAbsolutePositionO = (0,dist_cjs.getAbsolutePositionOfStage)(_triggerXaxisRef),
+      x = _getAbsolutePositionO.x;
+    var _getAbsolutePositionO2 = (0,dist_cjs.getAbsolutePositionOfStage)(_triggerRef),
+      y = _getAbsolutePositionO2.y,
+      width = _getAbsolutePositionO2.width,
+      height = _getAbsolutePositionO2.height;
     var _triggerBox = _triggerRef.getBoundingClientRect();
     var targetPos = '';
 
@@ -4660,7 +4662,7 @@ var CascadingSelect = function CascadingSelect(props) {
     // Determine whether it exceeds the far right or left side of the screen
     var _modalContent = _modalRef;
     var _modalBox = _modalContent.getBoundingClientRect();
-    if (typeof _modalContent.dataset.offset === 'undefined') {
+    if (typeof _modalContent.dataset.offset === 'undefined' && _modalBox.left > 0) {
       // 10 pixels is used to account for some bias in mobile devices
       if (_modalBox.right + 10 > window.innerWidth) {
         var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
@@ -5079,7 +5081,7 @@ var CascadingSelect = function CascadingSelect(props) {
             var _findNode = searchObject(_data, function (v) {
               return v != null && v != undefined && v[rowQueryAttr] == targetVal[col - 1];
             });
-            var childList = _findNode[0].children;
+            var childList = typeof _findNode[0] !== 'undefined' ? _findNode[0].children : undefined;
 
             // STEP 1: ===========
             //active item from current column

package/CascadingSelectE2E/index.css

@@ -18,9 +18,12 @@
   font-weight: 400;
   line-height: 1.5;
   color: inherit;
+  /* required */
+  display: flex;
 }
 .cas-select-e2e__wrapper .cas-select-e2e__result div {
-  display: inline;
+  /* required */
+  display: flex;
 }
 .cas-select-e2e__wrapper .cas-select-e2e__result span {
   padding: 3px;
@@ -57,8 +60,8 @@
 }
 .cas-select-e2e__wrapper .cas-select-e2e__val .arrow {
   position: absolute;
-  top: 0;
-  margin-top: 0.3rem;
+  top: 50%;
+  transform: translateY(-50%);
   right: 0.5rem;
 }
 .cas-select-e2e__wrapper .cas-select-e2e__val .arrow svg .arrow-fill-g {

package/CascadingSelectE2E/index.js

@@ -4630,20 +4630,22 @@ var CascadingSelectE2E = function CascadingSelectE2E(props) {
     windowScrollUpdate = _useWindowScroll2[1];
   function popwinPosInit() {
     var showAct = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    if (valRef.current === null) return;
+    if (rootRef.current === null || valRef.current === null) return;
 
     // update modal position
     var _modalRef = document.querySelector("#cas-select-e2e__items-wrapper-".concat(idRes));
     var _triggerRef = valRef.current;
+    var _triggerXaxisRef = rootRef.current;
 
     // console.log(getAbsolutePositionOfStage(_triggerRef));
 
     if (_modalRef === null) return;
-    var _getAbsolutePositionO = (0,dist_cjs.getAbsolutePositionOfStage)(_triggerRef),
-      x = _getAbsolutePositionO.x,
-      y = _getAbsolutePositionO.y,
-      width = _getAbsolutePositionO.width,
-      height = _getAbsolutePositionO.height;
+    var _getAbsolutePositionO = (0,dist_cjs.getAbsolutePositionOfStage)(_triggerXaxisRef),
+      x = _getAbsolutePositionO.x;
+    var _getAbsolutePositionO2 = (0,dist_cjs.getAbsolutePositionOfStage)(_triggerRef),
+      y = _getAbsolutePositionO2.y,
+      width = _getAbsolutePositionO2.width,
+      height = _getAbsolutePositionO2.height;
     var _triggerBox = _triggerRef.getBoundingClientRect();
     var targetPos = '';
 
@@ -4685,7 +4687,7 @@ var CascadingSelectE2E = function CascadingSelectE2E(props) {
     // Determine whether it exceeds the far right or left side of the screen
     var _modalContent = _modalRef;
     var _modalBox = _modalContent.getBoundingClientRect();
-    if (typeof _modalContent.dataset.offset === 'undefined') {
+    if (typeof _modalContent.dataset.offset === 'undefined' && _modalBox.left > 0) {
       // 10 pixels is used to account for some bias in mobile devices
       if (_modalBox.right + 10 > window.innerWidth) {
         var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;

package/Date/index.js

@@ -10080,7 +10080,7 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
     // Determine whether it exceeds the max height of the popup
     var _modalContent = _modalRef;
     var _modalBox = _modalContent.getBoundingClientRect();
-    if (typeof _modalContent.dataset.offset === 'undefined') {
+    if (typeof _modalContent.dataset.offset === 'undefined' && _modalBox.left > 0) {
       // 10 pixels is used to account for some bias in mobile devices
       if (_modalBox.right + 10 > window.innerWidth) {
         var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;

package/DropdownMenu/index.js

@@ -4496,6 +4496,12 @@ var DropdownMenu = function DropdownMenu(props) {
     });
   });
 
+  // force display
+  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    initPopRoot = _useState6[0],
+    setInitPopRoot = _useState6[1];
+
   // click outside
   (0,dist_cjs.useClickOutside)({
     enabled: isOpen && rootRef.current && modalRef.current,
@@ -4623,6 +4629,9 @@ var DropdownMenu = function DropdownMenu(props) {
       _modalRef.classList.remove('active');
     }
   }
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    setInitPopRoot(true);
+  }, []);
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     ref: rootRef,
     className: "dd-menu__wrapper ".concat(wrapperClassName || wrapperClassName === '' ? wrapperClassName : "dd-menu-default", " ").concat(isOpen ? 'active' : ''),
@@ -4668,7 +4677,7 @@ var DropdownMenu = function DropdownMenu(props) {
       return void 0;
     }
   }), " ", /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((cjs_default()), {
-    show: true,
+    show: initPopRoot,
     containerClassName: "DropdownMenu"
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     ref: modalRef,

package/EventCalendar/index.css

@@ -115,6 +115,9 @@
   display: none;
   color: var(--e-cal-delete-btn-color);
 }
+.e-cal__wrapper .e-cal__row .e-cal__cell .e-cal__day__eventdel svg {
+  fill: var(--e-cal-delete-btn-color);
+}
 .e-cal__wrapper .e-cal__row .e-cal__cell .e-cal__day__eventdel svg path {
   fill: var(--e-cal-delete-btn-color);
 }
@@ -217,6 +220,9 @@
   margin: 0;
   box-shadow: none;
   cursor: pointer;
+  /* required */
+  display: inline-flex;
+  align-items: center;
 }
 .e-cal__wrapper .e-cal__btn svg path {
   fill: var(--e-cal-header-arrow-bg);

package/EventCalendar/index.d.ts

@@ -34,12 +34,15 @@ declare type EventCalendarProps = {
     modalSubmitBtnLabel?: string | React.ReactNode;
     modalSubmitDeleteBtnClassName?: string;
     modalSubmitDeleteBtnLabel?: string | React.ReactNode;
-    onModalEditOpen?: (currentData: any) => void;
+    onModalEditOpen?: (currentData: any, openwin: any) => void;
     onModalEditClose?: (currentData: any) => void;
     onModalDeleteOpen?: (currentData: any) => void;
     onModalDeleteClose?: (currentData: any) => void;
     onModalEditEvent?: (currentData: any, closewin: any) => void;
     onModalDeleteEvent?: (currentData: any, closewin: any) => void;
+    onCellMouseEnter?: (el: any) => void;
+    onCellMouseLeave?: (el: any) => void;
+    onCellClick?: (el: any) => void;
 };
 declare const EventCalendar: (props: EventCalendarProps) => JSX.Element;
 export default EventCalendar;

package/EventCalendar/index.js

@@ -4569,7 +4569,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           var DEPTH = depth || 1055; // the default value same as bootstrap
           var M_WIDTH = fullscreen ? undefined : typeof maxWidth === 'function' ? maxWidth() : maxWidth ? maxWidth : undefined;
           var M_HEIGHT = typeof minHeight === 'function' ? minHeight() : minHeight ? minHeight : undefined;
-          var LOCK_BODY_SCROLL = typeof lockBodyScroll === 'undefined' ? true : lockBodyScroll;
+          var LOCK_BODY_SCROLL = typeof lockBodyScroll === 'undefined' ? false : lockBodyScroll;
           var uniqueID = (0, funda_utils__WEBPACK_IMPORTED_MODULE_2__.useComId)();
           var modalRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
           var triggerRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
@@ -5076,7 +5076,10 @@ var EventCalendar = function EventCalendar(props) {
     onModalDeleteOpen = props.onModalDeleteOpen,
     onModalDeleteClose = props.onModalDeleteClose,
     onModalEditEvent = props.onModalEditEvent,
-    onModalDeleteEvent = props.onModalDeleteEvent;
+    onModalDeleteEvent = props.onModalDeleteEvent,
+    onCellMouseEnter = props.onCellMouseEnter,
+    onCellMouseLeave = props.onCellMouseLeave,
+    onCellClick = props.onCellClick;
   var DAYS = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
   var DAYS_LEAP = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
   var WEEK = langWeek || ['MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT', 'SUN'];
@@ -5506,7 +5509,15 @@ var EventCalendar = function EventCalendar(props) {
         "data-date": getCalendarDate(_dateShow),
         "data-day": padZero(d),
         "data-week": i,
+        onMouseEnter: function onMouseEnter(e) {
+          onCellMouseEnter === null || onCellMouseEnter === void 0 ? void 0 : onCellMouseEnter(e);
+        },
+        onMouseLeave: function onMouseLeave(e) {
+          onCellMouseLeave === null || onCellMouseLeave === void 0 ? void 0 : onCellMouseLeave(e);
+        },
         onClick: function onClick(e) {
+          //
+          onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(e);
           if (d > 0) {
             handleDayChange(e, d);
             onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, _currentData.length === 0 ? {
@@ -5514,11 +5525,12 @@ var EventCalendar = function EventCalendar(props) {
               date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
             } : _currentData[0]);
             if (EVENTS_ENABLED) {
-              setShowEdit(true);
               onModalEditOpen === null || onModalEditOpen === void 0 ? void 0 : onModalEditOpen(_currentData.length === 0 ? {
                 id: 0,
                 date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-              } : _currentData[0]);
+              } : _currentData[0], function () {
+                return setShowEdit(true);
+              });
             }
           }
         }

package/EventCalendarTimeline/index.css

@@ -132,6 +132,9 @@
   margin: 0;
   box-shadow: none;
   cursor: pointer;
+  /* required */
+  display: inline-flex;
+  align-items: center;
 }
 .e-cal-tl__wrapper .e-cal-tl__btn svg path {
   fill: var(--e-cal-tl-header-arrow-bg);
@@ -341,6 +344,9 @@
   background-color: var(--e-cal-tl-table-event-hover-bg);
   box-shadow: var(--e-cal-tl-table-event-hover-shadow);
 }
+.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container:not(.empty):hover .e-cal-tl__day__eventdel {
+  display: block;
+}
 .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container.has-event .e-cal-tl-table__cell-cushion {
   padding: 0;
 }
@@ -349,6 +355,20 @@
   width: 100%;
   font-size: var(--e-cal-tl-table-event-font-size);
 }
+.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container .e-cal-tl__day__eventdel {
+  position: absolute;
+  z-index: 1;
+  left: 0;
+  top: 0;
+  display: none;
+  color: var(--e-cal-tl-table-delete-btn-color);
+}
+.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container .e-cal-tl__day__eventdel svg {
+  fill: var(--e-cal-tl-table-delete-btn-color);
+}
+.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container .e-cal-tl__day__eventdel svg path {
+  fill: var(--e-cal-tl-table-delete-btn-color);
+}
 .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headercontent__container {
   text-align: center;
 }

package/EventCalendarTimeline/index.d.ts

@@ -7,8 +7,12 @@ export interface EventsValueConfig {
     dataTooltip?: string;
     eventStyles?: React.CSSProperties;
 }
+export interface TimelineRowFieldConfig {
+    id: string | number;
+    title: string;
+}
 export interface TimelineValueConfig {
-    listSection: string;
+    listSection: TimelineRowFieldConfig;
     eventSources: EventsValueConfig[];
 }
 declare type EventCalendarTimelineProps = {
@@ -43,12 +47,15 @@ declare type EventCalendarTimelineProps = {
     modalSubmitBtnLabel?: string | React.ReactNode;
     modalSubmitDeleteBtnClassName?: string;
     modalSubmitDeleteBtnLabel?: string | React.ReactNode;
-    onModalEditOpen?: (currentData: any) => void;
+    onModalEditOpen?: (currentData: any, openwin: any) => void;
     onModalEditClose?: (currentData: any) => void;
     onModalDeleteOpen?: (currentData: any) => void;
     onModalDeleteClose?: (currentData: any) => void;
     onModalEditEvent?: (currentData: any, closewin: any) => void;
     onModalDeleteEvent?: (currentData: any, closewin: any) => void;
+    onCellMouseEnter?: (el: any) => void;
+    onCellMouseLeave?: (el: any) => void;
+    onCellClick?: (el: any) => void;
     tableListSectionTitle?: string | React.ReactNode;
     tableCellMinWidth?: number;
     tableTooltipDirection?: string;

package/EventCalendarTimeline/index.js

@@ -4569,7 +4569,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           var DEPTH = depth || 1055; // the default value same as bootstrap
           var M_WIDTH = fullscreen ? undefined : typeof maxWidth === 'function' ? maxWidth() : maxWidth ? maxWidth : undefined;
           var M_HEIGHT = typeof minHeight === 'function' ? minHeight() : minHeight ? minHeight : undefined;
-          var LOCK_BODY_SCROLL = typeof lockBodyScroll === 'undefined' ? true : lockBodyScroll;
+          var LOCK_BODY_SCROLL = typeof lockBodyScroll === 'undefined' ? false : lockBodyScroll;
           var uniqueID = (0, funda_utils__WEBPACK_IMPORTED_MODULE_2__.useComId)();
           var modalRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
           var triggerRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
@@ -9365,6 +9365,9 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     onModalDeleteClose = props.onModalDeleteClose,
     onModalEditEvent = props.onModalEditEvent,
     onModalDeleteEvent = props.onModalDeleteEvent,
+    onCellMouseEnter = props.onCellMouseEnter,
+    onCellMouseLeave = props.onCellMouseLeave,
+    onCellClick = props.onCellClick,
     tableListSectionTitle = props.tableListSectionTitle,
     tableCellMinWidth = props.tableCellMinWidth,
     tableTooltipDirection = props.tableTooltipDirection,
@@ -9451,6 +9454,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
   var BODY_DRAG = draggable || false;
   var CELL_MIN_W = typeof tableCellMinWidth === 'undefined' ? SHOW_WEEK ? 100 : 50 : tableCellMinWidth;
   var tableGridRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  var tableGridHeaderRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var scrollHeaderRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var scrollBodyRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var scrollListRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
@@ -9650,7 +9654,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
       // Determine whether it exceeds the far right or left side of the screen
       var _modalContent = _tableTooltipModalRef.querySelector('.e-cal-tl-table__cell-tooltipcontent');
       var _modalBox = _modalContent.getBoundingClientRect();
-      if (typeof _modalContent.dataset.offset === 'undefined') {
+      if (typeof _modalContent.dataset.offset === 'undefined' && _modalBox.left > 0) {
         // 10 pixels is used to account for some bias in mobile devices
         if (_modalBox.right + 10 > window.innerWidth) {
           var _modalOffsetPosition = _modalBox.right - window.innerWidth + CELL_TOOLTIP_EXCEEDED_SIDE_POS_OFFSET;
@@ -9847,7 +9851,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
         className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-title",
         dangerouslySetInnerHTML: {
-          __html: item.listSection
+          __html: item.listSection.title
         }
       })));
     });
@@ -9905,12 +9909,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
                     date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
                   } : _currentData[0]);
                   if (EVENTS_ENABLED) {
-                    setShowEdit(true);
                     onModalEditOpen === null || onModalEditOpen === void 0 ? void 0 : onModalEditOpen(_currentData.length === 0 ? {
                       rowData: listSectionData,
                       id: 0,
                       date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-                    } : _currentData[0]);
+                    } : _currentData[0], function () {
+                      return setShowEdit(true);
+                    });
                   }
                 }
               }
@@ -9951,11 +9956,15 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
                 e.preventDefault();
                 e.stopPropagation();
                 setShowDelete(true);
+                var _existsContent = _currentData[0];
+                if (typeof _existsContent !== 'undefined') {
+                  _existsContent.rowData = listSectionData;
+                }
                 onModalDeleteOpen === null || onModalDeleteOpen === void 0 ? void 0 : onModalDeleteOpen(_currentData.length === 0 ? {
                   rowData: listSectionData,
                   id: 0,
                   date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-                } : _currentData[0]);
+                } : _existsContent);
               }
             }, iconRemove ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, iconRemove) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
               width: "20px",
@@ -9978,11 +9987,30 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
               "data-day": padZero(d),
               "data-week": i,
               "data-row": rowIndex,
-              onMouseEnter: _eventContentTooltip === '' ? function () {} : tableTooltipDisabled ? function () {} : _eventContent !== '' ? function (e) {
-                handleTableTooltipMouseEnter(e, _eventContentTooltip);
-              } : function () {},
-              onMouseLeave: _eventContentTooltip === '' ? function () {} : tableTooltipDisabled ? function () {} : _eventContent !== '' ? handleTableTooltipMouseLeave : function () {},
+              onMouseEnter: function onMouseEnter(e) {
+                onCellMouseEnter === null || onCellMouseEnter === void 0 ? void 0 : onCellMouseEnter(e);
+                if (_eventContentTooltip !== '') {
+                  if (typeof tableTooltipDisabled === 'undefined' || tableTooltipDisabled === false) {
+                    if (_eventContent !== '') {
+                      handleTableTooltipMouseEnter(e, _eventContentTooltip);
+                    }
+                  }
+                }
+              },
+              onMouseLeave: function onMouseLeave(e) {
+                onCellMouseLeave === null || onCellMouseLeave === void 0 ? void 0 : onCellMouseLeave(e);
+                if (_eventContentTooltip !== '') {
+                  if (typeof tableTooltipDisabled === 'undefined' || tableTooltipDisabled === false) {
+                    if (_eventContent !== '') {
+                      handleTableTooltipMouseLeave();
+                    }
+                  }
+                }
+              },
               onClick: function onClick(e) {
+                //
+                onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(e);
+
                 // update row data
                 setTableRowNum(rowIndex);
                 if (_currentData.length > 0) {
@@ -9998,12 +10026,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
                     date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
                   } : _currentData[0]);
                   if (EVENTS_ENABLED) {
-                    setShowEdit(true);
                     onModalEditOpen === null || onModalEditOpen === void 0 ? void 0 : onModalEditOpen(_currentData.length === 0 ? {
                       rowData: listSectionData,
                       id: 0,
                       date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-                    } : _currentData[0]);
+                    } : _currentData[0], function () {
+                      return setShowEdit(true);
+                    });
                   }
                 }
               }
@@ -10085,12 +10114,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
                     date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
                   } : _currentData[0]);
                   if (EVENTS_ENABLED) {
-                    setShowEdit(true);
                     onModalEditOpen === null || onModalEditOpen === void 0 ? void 0 : onModalEditOpen(_currentData.length === 0 ? {
                       rowData: listSectionData,
                       id: 0,
                       date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-                    } : _currentData[0]);
+                    } : _currentData[0], function () {
+                      return setShowEdit(true);
+                    });
                   }
                 }
               }
@@ -10137,11 +10167,15 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
                 e.preventDefault();
                 e.stopPropagation();
                 setShowDelete(true);
+                var _existsContent = _currentData[0];
+                if (typeof _existsContent !== 'undefined') {
+                  _existsContent.rowData = listSectionData;
+                }
                 onModalDeleteOpen === null || onModalDeleteOpen === void 0 ? void 0 : onModalDeleteOpen(_currentData.length === 0 ? {
                   rowData: listSectionData,
                   id: 0,
                   date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-                } : _currentData[0]);
+                } : _existsContent);
               }
             }, iconRemove ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, iconRemove) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
               width: "20px",
@@ -10164,11 +10198,30 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
               "data-day": padZero(d),
               "data-week": i,
               "data-row": rowIndex,
-              onMouseEnter: _eventContentTooltip === '' ? function () {} : tableTooltipDisabled ? function () {} : _eventContent !== '' ? function (e) {
-                handleTableTooltipMouseEnter(e, _eventContentTooltip);
-              } : function () {},
-              onMouseLeave: _eventContentTooltip === '' ? function () {} : tableTooltipDisabled ? function () {} : _eventContent !== '' ? handleTableTooltipMouseLeave : function () {},
+              onMouseEnter: function onMouseEnter(e) {
+                onCellMouseEnter === null || onCellMouseEnter === void 0 ? void 0 : onCellMouseEnter(e);
+                if (_eventContentTooltip !== '') {
+                  if (typeof tableTooltipDisabled === 'undefined' || tableTooltipDisabled === false) {
+                    if (_eventContent !== '') {
+                      handleTableTooltipMouseEnter(e, _eventContentTooltip);
+                    }
+                  }
+                }
+              },
+              onMouseLeave: function onMouseLeave(e) {
+                onCellMouseLeave === null || onCellMouseLeave === void 0 ? void 0 : onCellMouseLeave(e);
+                if (_eventContentTooltip !== '') {
+                  if (typeof tableTooltipDisabled === 'undefined' || tableTooltipDisabled === false) {
+                    if (_eventContent !== '') {
+                      handleTableTooltipMouseLeave();
+                    }
+                  }
+                }
+              },
               onClick: function onClick(e) {
+                //
+                onCellClick === null || onCellClick === void 0 ? void 0 : onCellClick(e);
+
                 // update row data
                 setTableRowNum(rowIndex);
                 if (_currentData.length > 0) {
@@ -10184,12 +10237,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
                     date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
                   } : _currentData[0]);
                   if (EVENTS_ENABLED) {
-                    setShowEdit(true);
                     onModalEditOpen === null || onModalEditOpen === void 0 ? void 0 : onModalEditOpen(_currentData.length === 0 ? {
                       rowData: listSectionData,
                       id: 0,
                       date: getCalendarDate("".concat(year, "-").concat(month + 1, "-").concat(d))
-                    } : _currentData[0]);
+                    } : _currentData[0], function () {
+                      return setShowEdit(true);
+                    });
                   }
                 }
               }
@@ -10537,7 +10591,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     type: "button",
     className: "e-cal-tl__btn e-cal-tl__btn--today",
     onClick: handleTodayChange
-  }, langToday || 'Today'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }, langToday || 'Today'))), val.length === 0 ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     ref: tableGridRef,
     className: "e-cal-tl-table__timeline-table__wrapper invisible"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("table", {
@@ -10546,6 +10600,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("colgroup", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("col", {
     className: "e-cal-tl-table__datagrid-header"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("col", null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("col", null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("thead", {
+    ref: tableGridHeaderRef,
     role: "rowgroup"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tr", {
     role: "presentation"
@@ -10623,7 +10678,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tr", {
       key: i
     }, generateDaysUi(item.eventSources, item.listSection, i, true));
-  }))))))))))), 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_2___default()), {
+  })))))))))))), 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_2___default()), {
     show: showDelete,
     maskOpacity: modalMaskOpacity,
     triggerClassName: "",

package/LiveSearch/index.css

@@ -1,6 +1,18 @@
 /* ======================================================
     <!-- Live Search -->
 /* ====================================================== */
+.livesearch__wrapper {
+  /*------ Search button ------*/
+}
+.livesearch__wrapper .livesearch__wrapper-searchbtn {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 5;
+  pointer-events: auto;
+}
+
 /*------ List ------*/
 .livesearch__options-wrapper {
   --livesearch-listgroup-popwin-min-width: 200px;

package/LiveSearch/index.js

@@ -9125,22 +9125,24 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
     windowScrollUpdate = _useWindowScroll2[1];
   function popwinPosInit() {
     var showAct = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    if (listContentRef.current === null || inputRef.current === null) return;
+    if (listContentRef.current === null || rootRef.current === null || inputRef.current === null) return;
     var contentHeightOffset = 80;
     var contentMaxHeight = 0;
 
     // update modal position
     var _modalRef = document.querySelector("#livesearch__options-wrapper-".concat(idRes));
     var _triggerRef = inputRef.current;
+    var _triggerXaxisRef = rootRef.current;
 
     // console.log(getAbsolutePositionOfStage(_triggerRef));
 
     if (_modalRef === null) return;
-    var _getAbsolutePositionO = (0,funda_utils__WEBPACK_IMPORTED_MODULE_3__.getAbsolutePositionOfStage)(_triggerRef),
-      x = _getAbsolutePositionO.x,
-      y = _getAbsolutePositionO.y,
-      width = _getAbsolutePositionO.width,
-      height = _getAbsolutePositionO.height;
+    var _getAbsolutePositionO = (0,funda_utils__WEBPACK_IMPORTED_MODULE_3__.getAbsolutePositionOfStage)(_triggerXaxisRef),
+      x = _getAbsolutePositionO.x;
+    var _getAbsolutePositionO2 = (0,funda_utils__WEBPACK_IMPORTED_MODULE_3__.getAbsolutePositionOfStage)(_triggerRef),
+      y = _getAbsolutePositionO2.y,
+      width = _getAbsolutePositionO2.width,
+      height = _getAbsolutePositionO2.height;
     var _triggerBox = _triggerRef.getBoundingClientRect();
     var targetPos = '';
 
@@ -9213,7 +9215,7 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
     // Determine whether it exceeds the far right or left side of the screen
     var _modalContent = _modalRef;
     var _modalBox = _modalContent.getBoundingClientRect();
-    if (typeof _modalContent.dataset.offset === 'undefined') {
+    if (typeof _modalContent.dataset.offset === 'undefined' && _modalBox.left > 0) {
       // 10 pixels is used to account for some bias in mobile devices
       if (_modalBox.right + 10 > window.innerWidth) {
         var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
@@ -9782,7 +9784,7 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
       onClick: handleSelect
     });
   }) : null))))) : null, hideIcon ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !fetchTrigger ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
-    className: "livesearch__wrapper-searchbtn position-absolute top-0 end-0"
+    className: "livesearch__wrapper-searchbtn"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
     tabIndex: -1,
     type: "button",