funda-ui 1.1.142 → 1.1.144

package/EventCalendar/index.d.ts

@@ -11,6 +11,9 @@ declare type EventCalendarProps = {
     cellCloseBtnClassName?: string;
     cellCloseBtnLabel?: string | React.ReactNode;
     onChangeDate?: (e: any, currentData: any) => void;
+    onChangeMonth?: (currentData: any) => void;
+    onChangeYear?: (currentData: any) => void;
+    onChangeToday?: (currentData: any) => void;
     modalMaskOpacity?: string;
     modalMaxWidth?: number | string;
     modalMinHeight?: number | string;

package/EventCalendar/index.js

@@ -974,6 +974,9 @@ var EventCalendar = function EventCalendar(props) {
     langToday = props.langToday,
     iconRemove = props.iconRemove,
     onChangeDate = props.onChangeDate,
+    onChangeMonth = props.onChangeMonth,
+    onChangeYear = props.onChangeYear,
+    onChangeToday = props.onChangeToday,
     cellCloseBtnClassName = props.cellCloseBtnClassName,
     cellCloseBtnLabel = props.cellCloseBtnLabel,
     modalMaskOpacity = props.modalMaskOpacity,
@@ -1187,6 +1190,13 @@ var EventCalendar = function EventCalendar(props) {
       // update
       setSelectedMonth(_date.getMonth());
       setSelectedYear(_date.getFullYear());
+
+      //
+      onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
+        day: day,
+        month: _date.getMonth(),
+        year: _date.getFullYear()
+      });
       return _date;
     });
   }
@@ -1197,6 +1207,13 @@ var EventCalendar = function EventCalendar(props) {
       // update
       setSelectedMonth(_date.getMonth());
       setSelectedYear(_date.getFullYear());
+
+      //
+      onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
+        day: day,
+        month: _date.getMonth(),
+        year: _date.getFullYear()
+      });
       return _date;
     });
   }
@@ -1210,6 +1227,13 @@ var EventCalendar = function EventCalendar(props) {
 
     // close win
     setWinYear(false);
+
+    //
+    onChangeYear === null || onChangeYear === void 0 ? void 0 : onChangeYear({
+      day: day,
+      month: month,
+      year: currentValue
+    });
   }
   function handleMonthChange(currentIndex) {
     setSelectedMonth(currentIndex);
@@ -1218,11 +1242,25 @@ var EventCalendar = function EventCalendar(props) {
 
     // close win
     setWinMonth(false);
+
+    //
+    onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
+      day: day,
+      month: currentIndex,
+      year: year
+    });
   }
   function handleTodayChange() {
     setSelectedMonth(now.getMonth());
     setSelectedYear(now.getFullYear());
     setTodayDate(now);
+
+    //
+    onChangeToday === null || onChangeToday === void 0 ? void 0 : onChangeToday({
+      day: now.getDay(),
+      month: now.getMonth(),
+      year: now.getFullYear()
+    });
   }
   function handleShowWinYear() {
     setWinYear(function (prevState) {

package/EventCalendarTimeline/index.d.ts

@@ -27,6 +27,9 @@ declare type EventCalendarTimelineProps = {
     showWeek?: boolean;
     autoScroll?: boolean;
     onChangeDate?: (e: any, currentData: any) => void;
+    onChangeMonth?: (currentData: any) => void;
+    onChangeYear?: (currentData: any) => void;
+    onChangeToday?: (currentData: any) => void;
     modalMaskOpacity?: string;
     modalMaxWidth?: number | string;
     modalMinHeight?: number | string;

package/EventCalendarTimeline/index.js

@@ -1125,6 +1125,9 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     showWeek = props.showWeek,
     autoScroll = props.autoScroll,
     onChangeDate = props.onChangeDate,
+    onChangeMonth = props.onChangeMonth,
+    onChangeYear = props.onChangeYear,
+    onChangeToday = props.onChangeToday,
     modalMaskOpacity = props.modalMaskOpacity,
     modalMaxWidth = props.modalMaxWidth,
     modalMinHeight = props.modalMinHeight,
@@ -1369,7 +1372,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
 
     // update modal positiona
     var _tableTooltipModalRef = document.querySelector("#e-cal-tl-table__cell-tooltipwrapper-".concat(idRes));
-    var _triggerRef = e.target;
+    var _triggerRef = e.currentTarget;
     if (_tableTooltipModalRef !== null && _triggerRef !== null) {
       var _getAbsolutePositionO = (0,_utils_get_element_property__WEBPACK_IMPORTED_MODULE_2__.getAbsolutePositionOfStage)(_triggerRef),
         x = _getAbsolutePositionO.x,
@@ -1480,6 +1483,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
       setSelectedMonth(_date.getMonth());
       setSelectedYear(_date.getFullYear());
 
+      //
+      onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
+        day: day,
+        month: _date.getMonth(),
+        year: _date.getFullYear()
+      });
+
       // restore table grid init status
       restoreTableGridInitStatus();
       return _date;
@@ -1493,6 +1503,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
       setSelectedMonth(_date.getMonth());
       setSelectedYear(_date.getFullYear());
 
+      //
+      onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
+        day: day,
+        month: _date.getMonth(),
+        year: _date.getFullYear()
+      });
+
       // restore table grid init status
       restoreTableGridInitStatus();
       return _date;
@@ -1509,6 +1526,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     // close win
     setWinYear(false);
 
+    //
+    onChangeYear === null || onChangeYear === void 0 ? void 0 : onChangeYear({
+      day: day,
+      month: month,
+      year: currentValue
+    });
+
     // restore table grid init status
     restoreTableGridInitStatus();
   }
@@ -1520,6 +1544,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     // close win
     setWinMonth(false);
 
+    //
+    onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
+      day: day,
+      month: currentIndex,
+      year: year
+    });
+
     // restore table grid init status
     restoreTableGridInitStatus();
   }
@@ -1528,6 +1559,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     setSelectedYear(now.getFullYear());
     setTodayDate(now);
 
+    //
+    onChangeToday === null || onChangeToday === void 0 ? void 0 : onChangeToday({
+      day: now.getDay(),
+      month: now.getMonth(),
+      year: now.getFullYear()
+    });
+
     // restore table grid init status
     restoreTableGridInitStatus();
   }
@@ -1680,13 +1718,17 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
               fill: "#000"
             }))), cellCloseBtnLabel || ''))) : '';
             return d > 0 && d <= days[month] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
-              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' : ''),
+              className: "e-cal-tl-table__cell-cushion-content__container e-cal-tl-table__cell-tooltiptrigger ".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' : ''),
               key: "col" + i,
               "data-index": colIndex - 1,
               colSpan: 1,
               "data-date": getCalendarDate(_dateShow),
               "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 () {},
               onClick: function onClick(e) {
                 // update row data
                 setTableRowNum(rowIndex);
@@ -1713,11 +1755,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
                 }
               }
             }, d > 0 ? /*#__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", {
-              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content e-cal-tl-table__cell-tooltiptrigger",
-              onMouseEnter: _eventContentTooltip === '' ? function () {} : tableTooltipDisabled ? function () {} : _eventContent !== '' ? function (e) {
-                handleTableTooltipMouseEnter(e, _eventContentTooltip);
-              } : function () {},
-              onMouseLeave: _eventContentTooltip === '' ? function () {} : tableTooltipDisabled ? function () {} : _eventContent !== '' ? handleTableTooltipMouseLeave : function () {}
+              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content"
             }, _eventContent)) : null) : null;
           }
         });
@@ -1863,13 +1901,17 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
               fill: "#000"
             }))), cellCloseBtnLabel || ''))) : '';
             return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
-              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' : ''),
+              className: "e-cal-tl-table__cell-cushion-content__container e-cal-tl-table__cell-tooltiptrigger ".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' : ''),
               key: "col" + i,
               "data-index": _colIndex - 1,
               colSpan: 1,
               "data-date": getCalendarDate(_dateShow),
               "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 () {},
               onClick: function onClick(e) {
                 // update row data
                 setTableRowNum(rowIndex);
@@ -1898,11 +1940,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
             }, isFirstRow && __forwardFillNum && typeof __forwardFillNum[i] !== 'undefined' ? /*#__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", {
               className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content disabled"
             }, "\xA0")) : null, d > 0 ? /*#__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", {
-              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content e-cal-tl-table__cell-tooltiptrigger",
-              onMouseEnter: _eventContentTooltip === '' ? function () {} : tableTooltipDisabled ? function () {} : _eventContent !== '' ? function (e) {
-                handleTableTooltipMouseEnter(e, _eventContentTooltip);
-              } : function () {},
-              onMouseLeave: _eventContentTooltip === '' ? function () {} : tableTooltipDisabled ? function () {} : _eventContent !== '' ? handleTableTooltipMouseLeave : function () {}
+              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content"
             }, _eventContent)) : null, isLastRow && __backFillNum && typeof __backFillNum[i - item.col.filter(Boolean).length] !== 'undefined' ? /*#__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", {
               className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content disabled"
             }, "\xA0")) : null);

package/MultiFuncSelect/index.js

@@ -803,6 +803,9 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
     onBlur = props.onBlur,
     onFocus = props.onFocus,
     attributes = _objectWithoutProperties(props, _excluded);
+  var LIVE_SEARCH_DISABLED = (typeof fetchTrigger === 'undefined' || fetchTrigger === false) && typeof window !== 'undefined' && typeof window['funda-ui__MultiFuncSelect-disable-livesearch'] !== 'undefined' ? true : false; // Globally disable real-time search functionality (only valid for non-dynamic requests)
+
+  var INPUT_READONLY = LIVE_SEARCH_DISABLED ? true : typeof readOnly === 'undefined' ? null : readOnly;
   var VALUE_BY_BRACKETS = typeof extractValueByBrackets === 'undefined' ? true : extractValueByBrackets;
   var LOCK_BODY_SCROLL = typeof lockBodyScroll === 'undefined' ? true : lockBodyScroll;
   var WIN_WIDTH = typeof winWidth === 'function' ? winWidth() : winWidth ? winWidth : 'auto';
@@ -2087,7 +2090,7 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
     onCompositionEnd: handleComposition,
     disabled: disabled || null,
     required: required || null,
-    readOnly: readOnly || null,
+    readOnly: INPUT_READONLY,
     value: controlTempValue || controlTempValue === '' ? controlTempValue : MULTI_SEL_VALID ? VALUE_BY_BRACKETS ? (0,convert.convertArrToValByBrackets)(formatIndentVal(controlArr.labels).map(function (v) {
       return stripHTML(v);
     })) : formatIndentVal(controlArr.labels).map(function (v) {

package/lib/cjs/EventCalendar/index.d.ts

@@ -11,6 +11,9 @@ declare type EventCalendarProps = {
     cellCloseBtnClassName?: string;
     cellCloseBtnLabel?: string | React.ReactNode;
     onChangeDate?: (e: any, currentData: any) => void;
+    onChangeMonth?: (currentData: any) => void;
+    onChangeYear?: (currentData: any) => void;
+    onChangeToday?: (currentData: any) => void;
     modalMaskOpacity?: string;
     modalMaxWidth?: number | string;
     modalMinHeight?: number | string;

package/lib/cjs/EventCalendar/index.js

@@ -974,6 +974,9 @@ var EventCalendar = function EventCalendar(props) {
     langToday = props.langToday,
     iconRemove = props.iconRemove,
     onChangeDate = props.onChangeDate,
+    onChangeMonth = props.onChangeMonth,
+    onChangeYear = props.onChangeYear,
+    onChangeToday = props.onChangeToday,
     cellCloseBtnClassName = props.cellCloseBtnClassName,
     cellCloseBtnLabel = props.cellCloseBtnLabel,
     modalMaskOpacity = props.modalMaskOpacity,
@@ -1187,6 +1190,13 @@ var EventCalendar = function EventCalendar(props) {
       // update
       setSelectedMonth(_date.getMonth());
       setSelectedYear(_date.getFullYear());
+
+      //
+      onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
+        day: day,
+        month: _date.getMonth(),
+        year: _date.getFullYear()
+      });
       return _date;
     });
   }
@@ -1197,6 +1207,13 @@ var EventCalendar = function EventCalendar(props) {
       // update
       setSelectedMonth(_date.getMonth());
       setSelectedYear(_date.getFullYear());
+
+      //
+      onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
+        day: day,
+        month: _date.getMonth(),
+        year: _date.getFullYear()
+      });
       return _date;
     });
   }
@@ -1210,6 +1227,13 @@ var EventCalendar = function EventCalendar(props) {
 
     // close win
     setWinYear(false);
+
+    //
+    onChangeYear === null || onChangeYear === void 0 ? void 0 : onChangeYear({
+      day: day,
+      month: month,
+      year: currentValue
+    });
   }
   function handleMonthChange(currentIndex) {
     setSelectedMonth(currentIndex);
@@ -1218,11 +1242,25 @@ var EventCalendar = function EventCalendar(props) {
 
     // close win
     setWinMonth(false);
+
+    //
+    onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
+      day: day,
+      month: currentIndex,
+      year: year
+    });
   }
   function handleTodayChange() {
     setSelectedMonth(now.getMonth());
     setSelectedYear(now.getFullYear());
     setTodayDate(now);
+
+    //
+    onChangeToday === null || onChangeToday === void 0 ? void 0 : onChangeToday({
+      day: now.getDay(),
+      month: now.getMonth(),
+      year: now.getFullYear()
+    });
   }
   function handleShowWinYear() {
     setWinYear(function (prevState) {

package/lib/cjs/EventCalendarTimeline/index.d.ts

@@ -27,6 +27,9 @@ declare type EventCalendarTimelineProps = {
     showWeek?: boolean;
     autoScroll?: boolean;
     onChangeDate?: (e: any, currentData: any) => void;
+    onChangeMonth?: (currentData: any) => void;
+    onChangeYear?: (currentData: any) => void;
+    onChangeToday?: (currentData: any) => void;
     modalMaskOpacity?: string;
     modalMaxWidth?: number | string;
     modalMinHeight?: number | string;

package/lib/cjs/EventCalendarTimeline/index.js

@@ -1125,6 +1125,9 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     showWeek = props.showWeek,
     autoScroll = props.autoScroll,
     onChangeDate = props.onChangeDate,
+    onChangeMonth = props.onChangeMonth,
+    onChangeYear = props.onChangeYear,
+    onChangeToday = props.onChangeToday,
     modalMaskOpacity = props.modalMaskOpacity,
     modalMaxWidth = props.modalMaxWidth,
     modalMinHeight = props.modalMinHeight,
@@ -1369,7 +1372,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
 
     // update modal positiona
     var _tableTooltipModalRef = document.querySelector("#e-cal-tl-table__cell-tooltipwrapper-".concat(idRes));
-    var _triggerRef = e.target;
+    var _triggerRef = e.currentTarget;
     if (_tableTooltipModalRef !== null && _triggerRef !== null) {
       var _getAbsolutePositionO = (0,_utils_get_element_property__WEBPACK_IMPORTED_MODULE_2__.getAbsolutePositionOfStage)(_triggerRef),
         x = _getAbsolutePositionO.x,
@@ -1480,6 +1483,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
       setSelectedMonth(_date.getMonth());
       setSelectedYear(_date.getFullYear());
 
+      //
+      onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
+        day: day,
+        month: _date.getMonth(),
+        year: _date.getFullYear()
+      });
+
       // restore table grid init status
       restoreTableGridInitStatus();
       return _date;
@@ -1493,6 +1503,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
       setSelectedMonth(_date.getMonth());
       setSelectedYear(_date.getFullYear());
 
+      //
+      onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
+        day: day,
+        month: _date.getMonth(),
+        year: _date.getFullYear()
+      });
+
       // restore table grid init status
       restoreTableGridInitStatus();
       return _date;
@@ -1509,6 +1526,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     // close win
     setWinYear(false);
 
+    //
+    onChangeYear === null || onChangeYear === void 0 ? void 0 : onChangeYear({
+      day: day,
+      month: month,
+      year: currentValue
+    });
+
     // restore table grid init status
     restoreTableGridInitStatus();
   }
@@ -1520,6 +1544,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     // close win
     setWinMonth(false);
 
+    //
+    onChangeMonth === null || onChangeMonth === void 0 ? void 0 : onChangeMonth({
+      day: day,
+      month: currentIndex,
+      year: year
+    });
+
     // restore table grid init status
     restoreTableGridInitStatus();
   }
@@ -1528,6 +1559,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     setSelectedYear(now.getFullYear());
     setTodayDate(now);
 
+    //
+    onChangeToday === null || onChangeToday === void 0 ? void 0 : onChangeToday({
+      day: now.getDay(),
+      month: now.getMonth(),
+      year: now.getFullYear()
+    });
+
     // restore table grid init status
     restoreTableGridInitStatus();
   }
@@ -1680,13 +1718,17 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
               fill: "#000"
             }))), cellCloseBtnLabel || ''))) : '';
             return d > 0 && d <= days[month] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
-              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' : ''),
+              className: "e-cal-tl-table__cell-cushion-content__container e-cal-tl-table__cell-tooltiptrigger ".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' : ''),
               key: "col" + i,
               "data-index": colIndex - 1,
               colSpan: 1,
               "data-date": getCalendarDate(_dateShow),
               "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 () {},
               onClick: function onClick(e) {
                 // update row data
                 setTableRowNum(rowIndex);
@@ -1713,11 +1755,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
                 }
               }
             }, d > 0 ? /*#__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", {
-              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content e-cal-tl-table__cell-tooltiptrigger",
-              onMouseEnter: _eventContentTooltip === '' ? function () {} : tableTooltipDisabled ? function () {} : _eventContent !== '' ? function (e) {
-                handleTableTooltipMouseEnter(e, _eventContentTooltip);
-              } : function () {},
-              onMouseLeave: _eventContentTooltip === '' ? function () {} : tableTooltipDisabled ? function () {} : _eventContent !== '' ? handleTableTooltipMouseLeave : function () {}
+              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content"
             }, _eventContent)) : null) : null;
           }
         });
@@ -1863,13 +1901,17 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
               fill: "#000"
             }))), cellCloseBtnLabel || ''))) : '';
             return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
-              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' : ''),
+              className: "e-cal-tl-table__cell-cushion-content__container e-cal-tl-table__cell-tooltiptrigger ".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' : ''),
               key: "col" + i,
               "data-index": _colIndex - 1,
               colSpan: 1,
               "data-date": getCalendarDate(_dateShow),
               "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 () {},
               onClick: function onClick(e) {
                 // update row data
                 setTableRowNum(rowIndex);
@@ -1898,11 +1940,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
             }, isFirstRow && __forwardFillNum && typeof __forwardFillNum[i] !== 'undefined' ? /*#__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", {
               className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content disabled"
             }, "\xA0")) : null, d > 0 ? /*#__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", {
-              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content e-cal-tl-table__cell-tooltiptrigger",
-              onMouseEnter: _eventContentTooltip === '' ? function () {} : tableTooltipDisabled ? function () {} : _eventContent !== '' ? function (e) {
-                handleTableTooltipMouseEnter(e, _eventContentTooltip);
-              } : function () {},
-              onMouseLeave: _eventContentTooltip === '' ? function () {} : tableTooltipDisabled ? function () {} : _eventContent !== '' ? handleTableTooltipMouseLeave : function () {}
+              className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content"
             }, _eventContent)) : null, isLastRow && __backFillNum && typeof __backFillNum[i - item.col.filter(Boolean).length] !== 'undefined' ? /*#__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", {
               className: "e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content disabled"
             }, "\xA0")) : null);

package/lib/cjs/MultiFuncSelect/index.js

@@ -803,6 +803,9 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
     onBlur = props.onBlur,
     onFocus = props.onFocus,
     attributes = _objectWithoutProperties(props, _excluded);
+  var LIVE_SEARCH_DISABLED = (typeof fetchTrigger === 'undefined' || fetchTrigger === false) && typeof window !== 'undefined' && typeof window['funda-ui__MultiFuncSelect-disable-livesearch'] !== 'undefined' ? true : false; // Globally disable real-time search functionality (only valid for non-dynamic requests)
+
+  var INPUT_READONLY = LIVE_SEARCH_DISABLED ? true : typeof readOnly === 'undefined' ? null : readOnly;
   var VALUE_BY_BRACKETS = typeof extractValueByBrackets === 'undefined' ? true : extractValueByBrackets;
   var LOCK_BODY_SCROLL = typeof lockBodyScroll === 'undefined' ? true : lockBodyScroll;
   var WIN_WIDTH = typeof winWidth === 'function' ? winWidth() : winWidth ? winWidth : 'auto';
@@ -2087,7 +2090,7 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
     onCompositionEnd: handleComposition,
     disabled: disabled || null,
     required: required || null,
-    readOnly: readOnly || null,
+    readOnly: INPUT_READONLY,
     value: controlTempValue || controlTempValue === '' ? controlTempValue : MULTI_SEL_VALID ? VALUE_BY_BRACKETS ? (0,convert.convertArrToValByBrackets)(formatIndentVal(controlArr.labels).map(function (v) {
       return stripHTML(v);
     })) : formatIndentVal(controlArr.labels).map(function (v) {

package/lib/esm/EventCalendar/index.tsx

@@ -25,7 +25,9 @@ type EventCalendarProps = {
     cellCloseBtnClassName?: string;
     cellCloseBtnLabel?: string | React.ReactNode;
     onChangeDate?: (e: any, currentData: any) => void;
-
+    onChangeMonth?: (currentData: any) => void;
+    onChangeYear?: (currentData: any) => void;
+    onChangeToday?: (currentData: any) => void;
 
     // modal dialog
     modalMaskOpacity?: string;
@@ -60,7 +62,9 @@ const EventCalendar = (props: EventCalendarProps) => {
         langToday,
         iconRemove,
         onChangeDate,
-        
+        onChangeMonth,
+        onChangeYear,
+        onChangeToday,
 
         //
         cellCloseBtnClassName,
@@ -254,6 +258,13 @@ const EventCalendar = (props: EventCalendarProps) => {
             setSelectedMonth(_date.getMonth());
             setSelectedYear(_date.getFullYear());
 
+            //
+            onChangeMonth?.({
+                day: day,
+                month: _date.getMonth(),
+                year: _date.getFullYear()
+            });
+
             return _date;
         });
 
@@ -268,6 +279,13 @@ const EventCalendar = (props: EventCalendarProps) => {
             setSelectedMonth(_date.getMonth());
             setSelectedYear(_date.getFullYear());
 
+            //
+            onChangeMonth?.({
+                day: day,
+                month: _date.getMonth(),
+                year: _date.getFullYear()
+            });
+
             return _date;
         });
     }
@@ -283,6 +301,14 @@ const EventCalendar = (props: EventCalendarProps) => {
 
         // close win
         setWinYear(false);
+
+        //
+        onChangeYear?.({
+            day: day,
+            month: month,
+            year: currentValue
+        });
+
     }
 
 
@@ -293,6 +319,15 @@ const EventCalendar = (props: EventCalendarProps) => {
 
         // close win
         setWinMonth(false);
+
+
+        //
+        onChangeMonth?.({
+            day: day,
+            month: currentIndex,
+            year: year
+        });
+
     }
 
 
@@ -300,6 +335,14 @@ const EventCalendar = (props: EventCalendarProps) => {
         setSelectedMonth(now.getMonth());
         setSelectedYear(now.getFullYear());
         setTodayDate(now);
+
+        //
+        onChangeToday?.({
+            day: now.getDay(),
+            month: now.getMonth(),
+            year: now.getFullYear()
+        });
+
     }
 
 

package/lib/esm/EventCalendarTimeline/index.tsx

@@ -2,6 +2,7 @@ import React, { useId, useState, useEffect, useMemo, useRef, useCallback } from
 
 import ModalDialog from 'funda-modaldialog';
 
+
 import { getAbsolutePositionOfStage } from './utils/get-element-property';
 
 
@@ -36,6 +37,9 @@ type EventCalendarTimelineProps = {
     showWeek?: boolean;
     autoScroll?: boolean;
     onChangeDate?: (e: any, currentData: any) => void;
+    onChangeMonth?: (currentData: any) => void;
+    onChangeYear?: (currentData: any) => void;
+    onChangeToday?: (currentData: any) => void;
 
 
 
@@ -92,6 +96,9 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
         showWeek,
         autoScroll,
         onChangeDate,
+        onChangeMonth,
+        onChangeYear,
+        onChangeToday,
 
         //
         modalMaskOpacity,
@@ -311,7 +318,7 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
       
         // update modal positiona
         const _tableTooltipModalRef: any = document.querySelector(`#e-cal-tl-table__cell-tooltipwrapper-${idRes}`);
-        const _triggerRef: any = e.target;
+        const _triggerRef: any = e.currentTarget;
 
         if (_tableTooltipModalRef !== null && _triggerRef !== null) {
 
@@ -453,10 +460,19 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
             setSelectedMonth(_date.getMonth());
             setSelectedYear(_date.getFullYear());
 
+            //
+            onChangeMonth?.({
+                day: day,
+                month: _date.getMonth(),
+                year: _date.getFullYear()
+            });
+
 
             // restore table grid init status
             restoreTableGridInitStatus();
 
+
+            
             return _date;
         });
 
@@ -471,6 +487,13 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
             setSelectedMonth(_date.getMonth());
             setSelectedYear(_date.getFullYear());
 
+            //
+            onChangeMonth?.({
+                day: day,
+                month: _date.getMonth(),
+                year: _date.getFullYear()
+            });
+
 
             // restore table grid init status
             restoreTableGridInitStatus();
@@ -492,6 +515,14 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
         // close win
         setWinYear(false);
 
+
+        //
+        onChangeYear?.({
+            day: day,
+            month: month,
+            year: currentValue
+        });
+
         // restore table grid init status
         restoreTableGridInitStatus();
 
@@ -506,6 +537,14 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
         // close win
         setWinMonth(false);
 
+
+        //
+        onChangeMonth?.({
+            day: day,
+            month: currentIndex,
+            year: year
+        });
+
         // restore table grid init status
         restoreTableGridInitStatus();
         
@@ -517,6 +556,13 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
         setSelectedYear(now.getFullYear());
         setTodayDate(now);
 
+        //
+        onChangeToday?.({
+            day: now.getDay(),
+            month: now.getMonth(),
+            year: now.getFullYear()
+        });
+
         // restore table grid init status
         restoreTableGridInitStatus();
 
@@ -689,13 +735,15 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
 
                         return d > 0 && d <= days[month] ? (
                             <td
-                                className={`e-cal-tl-table__cell-cushion-content__container ${eventSourcesData && _currentData.length > 0 ? 'has-event' : ''} ${d > 0 ? '' : 'empty'} ${d === now.getDate() ? 'today' : ''} ${d === day && tableRowNum === rowIndex ? 'selected' : ''} ${isLastCol ? 'last-cell' : ''}`}
+                                className={`e-cal-tl-table__cell-cushion-content__container e-cal-tl-table__cell-tooltiptrigger ${eventSourcesData && _currentData.length > 0 ? 'has-event' : ''} ${d > 0 ? '' : 'empty'} ${d === now.getDate() ? 'today' : ''} ${d === day && tableRowNum === rowIndex ? 'selected' : ''} ${isLastCol ? 'last-cell' : ''}`}
                                 key={"col" + i}
                                 data-index={colIndex-1}
                                 colSpan={1}
                                 data-date={getCalendarDate(_dateShow)}
                                 data-week={i}
                                 data-row={rowIndex}
+                                onMouseEnter={_eventContentTooltip === '' ? () => {} : ( tableTooltipDisabled ? () => {} :  (_eventContent !== '' ? (e: React.MouseEvent) => {handleTableTooltipMouseEnter(e, _eventContentTooltip)} : () => {}) )}
+                                onMouseLeave={_eventContentTooltip === '' ? () => {} : ( tableTooltipDisabled ? () => {} :  (_eventContent !== '' ? handleTableTooltipMouseLeave : () => {}) )}
                                 onClick={(e: React.MouseEvent) => {
 
                                     // update row data
@@ -731,9 +779,7 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
                                 {/* day */}
                                 {d > 0 ? <>
                                     <div 
-                                        className="e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content e-cal-tl-table__cell-tooltiptrigger"                 
-                                        onMouseEnter={_eventContentTooltip === '' ? () => {} : ( tableTooltipDisabled ? () => {} :  (_eventContent !== '' ? (e: React.MouseEvent) => {handleTableTooltipMouseEnter(e, _eventContentTooltip)} : () => {}) )}
-                                        onMouseLeave={_eventContentTooltip === '' ? () => {} : ( tableTooltipDisabled ? () => {} :  (_eventContent !== '' ? handleTableTooltipMouseLeave : () => {}) )}
+                                        className="e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content"                 
                                     >
                                         {_eventContent}
                                     </div>
@@ -922,13 +968,15 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
 
                         return (
                             <td
-                                className={`e-cal-tl-table__cell-cushion-content__container ${_currentData.length > 0 ? 'has-event' : ''} ${d > 0 ? '' : 'empty'} ${d === now.getDate() ? 'today' : ''} ${d === day && tableRowNum === rowIndex ? 'selected' : ''} ${isLastCol ? 'last-cell' : ''}`}
+                                className={`e-cal-tl-table__cell-cushion-content__container e-cal-tl-table__cell-tooltiptrigger ${_currentData.length > 0 ? 'has-event' : ''} ${d > 0 ? '' : 'empty'} ${d === now.getDate() ? 'today' : ''} ${d === day && tableRowNum === rowIndex ? 'selected' : ''} ${isLastCol ? 'last-cell' : ''}`}
                                 key={"col" + i}
                                 data-index={colIndex-1}
                                 colSpan={1}
                                 data-date={getCalendarDate(_dateShow)}
                                 data-week={i}
                                 data-row={rowIndex}
+                                onMouseEnter={_eventContentTooltip === '' ? () => {} : ( tableTooltipDisabled ? () => {} :  (_eventContent !== '' ? (e: React.MouseEvent) => {handleTableTooltipMouseEnter(e, _eventContentTooltip)} : () => {}) )}
+                                onMouseLeave={_eventContentTooltip === '' ? () => {} : ( tableTooltipDisabled ? () => {} :  (_eventContent !== '' ? handleTableTooltipMouseLeave : () => {}) )}
                                 onClick={(e: React.MouseEvent) => {
 
                                     // update row data
@@ -971,9 +1019,7 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
                                 {/* day */}
                                 {d > 0 ? <>
                                     <div 
-                                        className="e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content e-cal-tl-table__cell-tooltiptrigger"                 
-                                        onMouseEnter={_eventContentTooltip === '' ? () => {} : ( tableTooltipDisabled ? () => {} :  (_eventContent !== '' ? (e: React.MouseEvent) => {handleTableTooltipMouseEnter(e, _eventContentTooltip)} : () => {}) )}
-                                        onMouseLeave={_eventContentTooltip === '' ? () => {} : ( tableTooltipDisabled ? () => {} :  (_eventContent !== '' ? handleTableTooltipMouseLeave : () => {}) )}
+                                        className="e-cal-tl-table__cell-cushion e-cal-tl-table__cell-cushion-content"                 
                                     >
                                         {_eventContent}
                                     </div>

package/lib/esm/MultiFuncSelect/index.tsx

@@ -135,6 +135,9 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
     } = props;
 
     
+    const LIVE_SEARCH_DISABLED = (typeof fetchTrigger === 'undefined' || fetchTrigger === false) && typeof window !== 'undefined' && typeof (window as any)['funda-ui__MultiFuncSelect-disable-livesearch'] !== 'undefined' ? true : false; // Globally disable real-time search functionality (only valid for non-dynamic requests)
+
+    const INPUT_READONLY = LIVE_SEARCH_DISABLED ? true : (typeof readOnly === 'undefined' ? null : readOnly);
     const VALUE_BY_BRACKETS = typeof extractValueByBrackets === 'undefined' ? true : extractValueByBrackets;
     const LOCK_BODY_SCROLL = typeof lockBodyScroll === 'undefined' ? true : lockBodyScroll;
     const WIN_WIDTH = typeof winWidth === 'function' ? winWidth() : winWidth ? winWidth : 'auto';
@@ -1521,7 +1524,7 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
                             onCompositionEnd={handleComposition}
                             disabled={disabled || null}
                             required={required || null}
-                            readOnly={readOnly || null}
+                            readOnly={INPUT_READONLY}
                             value={controlTempValue || controlTempValue === '' ? controlTempValue : (MULTI_SEL_VALID ? (VALUE_BY_BRACKETS ? convertArrToValByBrackets(formatIndentVal(controlArr.labels).map((v: any) => stripHTML(v))) : formatIndentVal(controlArr.labels).map((v: any) => stripHTML(v)).join(',')) :  stripHTML(controlLabel as never))}  // do not use `defaultValue`
                           
                             style={{cursor: 'pointer', borderBottomWidth: MULTI_SEL_VALID? '0' : '1px', ...style}}

package/package.json

@@ -2,7 +2,7 @@
   "author": "UIUX Lab",
   "email": "uiuxlab@gmail.com",
   "name": "funda-ui",
-  "version": "1.1.142",
+  "version": "1.1.144",
   "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
   "repository": {
     "type": "git",