funda-ui 4.2.711 → 4.2.717

package/EventCalendar/index.js

@@ -2462,13 +2462,6 @@ var EventCalendar = function EventCalendar(props) {
 
     // close win
     setWinYear(false);
-
-    //
-    onChangeYear === null || onChangeYear === void 0 ? void 0 : onChangeYear({
-      day: padZero(day),
-      month: padZero(month + 1),
-      year: currentValue.toString()
-    });
   }
   function handleMonthChange(currentIndex) {
     setSelectedMonth(currentIndex);
@@ -2517,6 +2510,14 @@ var EventCalendar = function EventCalendar(props) {
     }
     setYearsCollection(years);
   }, [selectedYear]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    // Guaranteed year change triggered by the front and rear buttons
+    onChangeYear === null || onChangeYear === void 0 ? void 0 : onChangeYear({
+      day: padZero(day),
+      month: padZero(month + 1),
+      year: year.toString()
+    });
+  }, [year]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     setTodayDate(date);
   }, [date]);

package/EventCalendarTimeline/index.css

@@ -26,6 +26,7 @@
   --e-cal-tl-footer-today-btn-bg: rgba(0, 58, 166, 1);
   --e-cal-tl-footer-today-btn-color: #fff;
   position: relative;
+  z-index: 3;
   min-width: var(--e-cal-tl-wrapper-min-width);
   border: 1px solid var(--e-cal-tl-border-color);
   /* --HEADER --*/
@@ -194,6 +195,8 @@
   height: 100%; /* Required */
   font-size: var(--e-cal-tl-table-bodycell-font-size);
   margin-top: -1px;
+  position: relative;
+  z-index: 2;
   /* list section */
   /* datagrid title */
   /* datagrid content */

package/EventCalendarTimeline/index.js

@@ -3496,13 +3496,6 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     // close win
     setWinYear(false);
 
-    //
-    onChangeYear === null || onChangeYear === void 0 ? void 0 : onChangeYear({
-      day: padZero(day),
-      month: padZero(month + 1),
-      year: currentValue.toString()
-    });
-
     // restore table grid init status
     restoreTableGridInitStatus();
   }
@@ -4220,6 +4213,14 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     setTodayDate(date);
   }, [date]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    // Guaranteed year change triggered by the front and rear buttons
+    onChangeYear === null || onChangeYear === void 0 ? void 0 : onChangeYear({
+      day: padZero(day),
+      month: padZero(month + 1),
+      year: year.toString()
+    });
+  }, [year]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     // update events value
     if (Array.isArray(eventsValue)) setVal(eventsValue);

package/MultipleCheckboxes/index.js

@@ -1255,6 +1255,13 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
     _useState4 = _slicedToArray(_useState3, 2),
     dataInit = _useState4[0],
     setDataInit = _useState4[1];
+  var optionsFormatGroupOpt = function optionsFormatGroupOpt(allData) {
+    allData.forEach(function (item) {
+      if (typeof item.optgroup !== 'undefined') {
+        item.value = String(Math.random());
+      }
+    });
+  };
   var optionsFlat = function optionsFlat(allData) {
     var flatItems = [];
     allData.forEach(function (item) {
@@ -1325,7 +1332,7 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
 
             //
             if (!(_typeof(fetchFuncAsync) === 'object')) {
-              _context.next = 15;
+              _context.next = 17;
               break;
             }
             _context.next = 4;
@@ -1344,6 +1351,7 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
             }
 
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(_ORGIN_DATA); // prevent the value from being filtered out
             _ORGIN_DATA = (0,funda_utils_dist_cjs_object__WEBPACK_IMPORTED_MODULE_5__.removeArrDuplicateItems)(_ORGIN_DATA, 'value');
 
             //
@@ -1354,9 +1362,11 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
 
             //
             onFetch === null || onFetch === void 0 ? void 0 : onFetch(_ORGIN_DATA);
+            console.log('======', _ORGIN_DATA);
             return _context.abrupt("return", _ORGIN_DATA);
-          case 15:
+          case 17:
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(optionsDataInit); // prevent the value from being filtered out
             optionsDataInit = (0,funda_utils_dist_cjs_object__WEBPACK_IMPORTED_MODULE_5__.removeArrDuplicateItems)(optionsDataInit, 'value');
 
             //
@@ -1367,8 +1377,9 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
 
             //
             onFetch === null || onFetch === void 0 ? void 0 : onFetch(optionsDataInit);
+            console.log('======', optionsDataInit);
             return _context.abrupt("return", optionsDataInit);
-          case 20:
+          case 24:
           case "end":
             return _context.stop();
         }

package/NativeSelect/index.js

@@ -1322,6 +1322,13 @@ var NativeSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_
     _useState6 = _slicedToArray(_useState5, 2),
     controlValue = _useState6[0],
     setControlValue = _useState6[1];
+  var optionsFormatGroupOpt = function optionsFormatGroupOpt(allData) {
+    allData.forEach(function (item) {
+      if (typeof item.optgroup !== 'undefined') {
+        item.value = String(Math.random());
+      }
+    });
+  };
   function fetchData(_x2) {
     return _fetchData.apply(this, arguments);
   } //
@@ -1336,7 +1343,7 @@ var NativeSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_
 
             //
             if (!(_typeof(fetchFuncAsync) === 'object')) {
-              _context.next = 16;
+              _context.next = 17;
               break;
             }
             _context.next = 4;
@@ -1365,6 +1372,7 @@ var NativeSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_
             }
 
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(_ORGIN_DATA); // prevent the value from being filtered out
             _ORGIN_DATA = (0,object.removeArrDuplicateItems)(_ORGIN_DATA, 'value');
 
             //
@@ -1373,11 +1381,12 @@ var NativeSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_
             //
             onFetch === null || onFetch === void 0 ? void 0 : onFetch(_ORGIN_DATA);
             return _context.abrupt("return", _ORGIN_DATA);
-          case 16:
+          case 17:
             // set "<select>" value
             setControlValue(value); // value must be initialized
 
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(optionsDataInit); // prevent the value from being filtered out
             optionsDataInit = (0,object.removeArrDuplicateItems)(optionsDataInit, 'value');
 
             //
@@ -1386,7 +1395,7 @@ var NativeSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_
             //
             onFetch === null || onFetch === void 0 ? void 0 : onFetch(optionsDataInit);
             return _context.abrupt("return", optionsDataInit);
-          case 21:
+          case 23:
           case "end":
             return _context.stop();
         }

package/Radio/index.js

@@ -913,6 +913,13 @@ var Radio = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
 
   // return a array of options
   var optionsDataInit = optionsRes;
+  var optionsFormatGroupOpt = function optionsFormatGroupOpt(allData) {
+    allData.forEach(function (item) {
+      if (typeof item.optgroup !== 'undefined') {
+        item.value = String(Math.random());
+      }
+    });
+  };
 
   //
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(optionsDataInit),
@@ -1011,7 +1018,7 @@ var Radio = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
 
             //
             if (!(_typeof(fetchFuncAsync) === 'object')) {
-              _context.next = 22;
+              _context.next = 23;
               break;
             }
             _context.next = 5;
@@ -1049,6 +1056,7 @@ var Radio = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
             setControlValue(_realValue); // value must be initialized
 
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(_ORGIN_DATA); // prevent the value from being filtered out
             _ORGIN_DATA = (0,funda_utils_dist_cjs_object__WEBPACK_IMPORTED_MODULE_3__.removeArrDuplicateItems)(_ORGIN_DATA, 'value');
 
             //
@@ -1060,7 +1068,7 @@ var Radio = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
             //
             onLoad === null || onLoad === void 0 ? void 0 : onLoad(_ORGIN_DATA, _realValue, rootRef.current);
             return _context.abrupt("return", _ORGIN_DATA);
-          case 22:
+          case 23:
             // If the default value is label, match value
             _realValue2 = value;
             _filterRes = [];
@@ -1080,6 +1088,7 @@ var Radio = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
             setControlValue(_realValue2); // value must be initialized
 
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(optionsDataInit); // prevent the value from being filtered out
             optionsDataInit = (0,funda_utils_dist_cjs_object__WEBPACK_IMPORTED_MODULE_3__.removeArrDuplicateItems)(optionsDataInit, 'value');
 
             //
@@ -1091,7 +1100,7 @@ var Radio = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
             //
             onLoad === null || onLoad === void 0 ? void 0 : onLoad(optionsDataInit, _realValue2, rootRef.current);
             return _context.abrupt("return", optionsDataInit);
-          case 33:
+          case 35:
           case "end":
             return _context.stop();
         }

package/Select/index.js

@@ -3614,6 +3614,13 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
   // clean trigger
   var CLEAN_TRIGGER_VALID = typeof cleanTrigger === 'undefined' ? false : cleanTrigger ? cleanTrigger.valid : false;
   var CLEAN_TRIGGER_LABEL = cleanTrigger ? cleanTrigger.cleanValueLabel : 'Clean';
+  var optionsFormatGroupOpt = function optionsFormatGroupOpt(allData) {
+    allData.forEach(function (item) {
+      if (typeof item.optgroup !== 'undefined') {
+        item.value = String(Math.random());
+      }
+    });
+  };
 
   // exposes the following methods
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(popupRef, function () {
@@ -3792,7 +3799,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
             incomingOptionsData = valueInputRef.current.dataset.options; // Determine whether the default value is user query input or default input
             defaultValue = init ? inputDefaultValue : '';
             if (!(_typeof(fetchFuncAsync) === 'object')) {
-              _context.next = 24;
+              _context.next = 25;
               break;
             }
             _context.next = 6;
@@ -3926,6 +3933,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
             // STEP 6: ===========
             //
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(_ORGIN_DATA); // prevent the value from being filtered out
             _ORGIN_DATA = (0,object.removeArrDuplicateItems)(_ORGIN_DATA, 'value');
             setOptionsData(_ORGIN_DATA); // data must be initialized
 
@@ -3938,7 +3946,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
 
             //
             return _context.abrupt("return", _ORGIN_DATA);
-          case 24:
+          case 25:
             // STEP 1: ===========
             // get incoming options from `data-options` of component
             if (typeof incomingOptionsData !== 'undefined') {
@@ -4044,6 +4052,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
             // STEP 6: ===========
             //
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(staticOptionsData); // prevent the value from being filtered out
             staticOptionsData = (0,object.removeArrDuplicateItems)(staticOptionsData, 'value');
             setOptionsData(staticOptionsData); // data must be initialized
 
@@ -4056,7 +4065,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
 
             //
             return _context.abrupt("return", staticOptionsData);
-          case 39:
+          case 41:
           case "end":
             return _context.stop();
         }

package/lib/cjs/EventCalendar/index.js

@@ -2462,13 +2462,6 @@ var EventCalendar = function EventCalendar(props) {
 
     // close win
     setWinYear(false);
-
-    //
-    onChangeYear === null || onChangeYear === void 0 ? void 0 : onChangeYear({
-      day: padZero(day),
-      month: padZero(month + 1),
-      year: currentValue.toString()
-    });
   }
   function handleMonthChange(currentIndex) {
     setSelectedMonth(currentIndex);
@@ -2517,6 +2510,14 @@ var EventCalendar = function EventCalendar(props) {
     }
     setYearsCollection(years);
   }, [selectedYear]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    // Guaranteed year change triggered by the front and rear buttons
+    onChangeYear === null || onChangeYear === void 0 ? void 0 : onChangeYear({
+      day: padZero(day),
+      month: padZero(month + 1),
+      year: year.toString()
+    });
+  }, [year]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     setTodayDate(date);
   }, [date]);

package/lib/cjs/EventCalendarTimeline/index.js

@@ -3496,13 +3496,6 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     // close win
     setWinYear(false);
 
-    //
-    onChangeYear === null || onChangeYear === void 0 ? void 0 : onChangeYear({
-      day: padZero(day),
-      month: padZero(month + 1),
-      year: currentValue.toString()
-    });
-
     // restore table grid init status
     restoreTableGridInitStatus();
   }
@@ -4220,6 +4213,14 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     setTodayDate(date);
   }, [date]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    // Guaranteed year change triggered by the front and rear buttons
+    onChangeYear === null || onChangeYear === void 0 ? void 0 : onChangeYear({
+      day: padZero(day),
+      month: padZero(month + 1),
+      year: year.toString()
+    });
+  }, [year]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     // update events value
     if (Array.isArray(eventsValue)) setVal(eventsValue);

package/lib/cjs/MultipleCheckboxes/index.js

@@ -1255,6 +1255,13 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
     _useState4 = _slicedToArray(_useState3, 2),
     dataInit = _useState4[0],
     setDataInit = _useState4[1];
+  var optionsFormatGroupOpt = function optionsFormatGroupOpt(allData) {
+    allData.forEach(function (item) {
+      if (typeof item.optgroup !== 'undefined') {
+        item.value = String(Math.random());
+      }
+    });
+  };
   var optionsFlat = function optionsFlat(allData) {
     var flatItems = [];
     allData.forEach(function (item) {
@@ -1325,7 +1332,7 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
 
             //
             if (!(_typeof(fetchFuncAsync) === 'object')) {
-              _context.next = 15;
+              _context.next = 17;
               break;
             }
             _context.next = 4;
@@ -1344,6 +1351,7 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
             }
 
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(_ORGIN_DATA); // prevent the value from being filtered out
             _ORGIN_DATA = (0,funda_utils_dist_cjs_object__WEBPACK_IMPORTED_MODULE_5__.removeArrDuplicateItems)(_ORGIN_DATA, 'value');
 
             //
@@ -1354,9 +1362,11 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
 
             //
             onFetch === null || onFetch === void 0 ? void 0 : onFetch(_ORGIN_DATA);
+            console.log('======', _ORGIN_DATA);
             return _context.abrupt("return", _ORGIN_DATA);
-          case 15:
+          case 17:
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(optionsDataInit); // prevent the value from being filtered out
             optionsDataInit = (0,funda_utils_dist_cjs_object__WEBPACK_IMPORTED_MODULE_5__.removeArrDuplicateItems)(optionsDataInit, 'value');
 
             //
@@ -1367,8 +1377,9 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
 
             //
             onFetch === null || onFetch === void 0 ? void 0 : onFetch(optionsDataInit);
+            console.log('======', optionsDataInit);
             return _context.abrupt("return", optionsDataInit);
-          case 20:
+          case 24:
           case "end":
             return _context.stop();
         }

package/lib/cjs/NativeSelect/index.js

@@ -1322,6 +1322,13 @@ var NativeSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_
     _useState6 = _slicedToArray(_useState5, 2),
     controlValue = _useState6[0],
     setControlValue = _useState6[1];
+  var optionsFormatGroupOpt = function optionsFormatGroupOpt(allData) {
+    allData.forEach(function (item) {
+      if (typeof item.optgroup !== 'undefined') {
+        item.value = String(Math.random());
+      }
+    });
+  };
   function fetchData(_x2) {
     return _fetchData.apply(this, arguments);
   } //
@@ -1336,7 +1343,7 @@ var NativeSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_
 
             //
             if (!(_typeof(fetchFuncAsync) === 'object')) {
-              _context.next = 16;
+              _context.next = 17;
               break;
             }
             _context.next = 4;
@@ -1365,6 +1372,7 @@ var NativeSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_
             }
 
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(_ORGIN_DATA); // prevent the value from being filtered out
             _ORGIN_DATA = (0,object.removeArrDuplicateItems)(_ORGIN_DATA, 'value');
 
             //
@@ -1373,11 +1381,12 @@ var NativeSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_
             //
             onFetch === null || onFetch === void 0 ? void 0 : onFetch(_ORGIN_DATA);
             return _context.abrupt("return", _ORGIN_DATA);
-          case 16:
+          case 17:
             // set "<select>" value
             setControlValue(value); // value must be initialized
 
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(optionsDataInit); // prevent the value from being filtered out
             optionsDataInit = (0,object.removeArrDuplicateItems)(optionsDataInit, 'value');
 
             //
@@ -1386,7 +1395,7 @@ var NativeSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_
             //
             onFetch === null || onFetch === void 0 ? void 0 : onFetch(optionsDataInit);
             return _context.abrupt("return", optionsDataInit);
-          case 21:
+          case 23:
           case "end":
             return _context.stop();
         }

package/lib/cjs/Radio/index.js

@@ -913,6 +913,13 @@ var Radio = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
 
   // return a array of options
   var optionsDataInit = optionsRes;
+  var optionsFormatGroupOpt = function optionsFormatGroupOpt(allData) {
+    allData.forEach(function (item) {
+      if (typeof item.optgroup !== 'undefined') {
+        item.value = String(Math.random());
+      }
+    });
+  };
 
   //
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(optionsDataInit),
@@ -1011,7 +1018,7 @@ var Radio = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
 
             //
             if (!(_typeof(fetchFuncAsync) === 'object')) {
-              _context.next = 22;
+              _context.next = 23;
               break;
             }
             _context.next = 5;
@@ -1049,6 +1056,7 @@ var Radio = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
             setControlValue(_realValue); // value must be initialized
 
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(_ORGIN_DATA); // prevent the value from being filtered out
             _ORGIN_DATA = (0,funda_utils_dist_cjs_object__WEBPACK_IMPORTED_MODULE_3__.removeArrDuplicateItems)(_ORGIN_DATA, 'value');
 
             //
@@ -1060,7 +1068,7 @@ var Radio = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
             //
             onLoad === null || onLoad === void 0 ? void 0 : onLoad(_ORGIN_DATA, _realValue, rootRef.current);
             return _context.abrupt("return", _ORGIN_DATA);
-          case 22:
+          case 23:
             // If the default value is label, match value
             _realValue2 = value;
             _filterRes = [];
@@ -1080,6 +1088,7 @@ var Radio = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
             setControlValue(_realValue2); // value must be initialized
 
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(optionsDataInit); // prevent the value from being filtered out
             optionsDataInit = (0,funda_utils_dist_cjs_object__WEBPACK_IMPORTED_MODULE_3__.removeArrDuplicateItems)(optionsDataInit, 'value');
 
             //
@@ -1091,7 +1100,7 @@ var Radio = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
             //
             onLoad === null || onLoad === void 0 ? void 0 : onLoad(optionsDataInit, _realValue2, rootRef.current);
             return _context.abrupt("return", optionsDataInit);
-          case 33:
+          case 35:
           case "end":
             return _context.stop();
         }

package/lib/cjs/Select/index.js

@@ -3614,6 +3614,13 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
   // clean trigger
   var CLEAN_TRIGGER_VALID = typeof cleanTrigger === 'undefined' ? false : cleanTrigger ? cleanTrigger.valid : false;
   var CLEAN_TRIGGER_LABEL = cleanTrigger ? cleanTrigger.cleanValueLabel : 'Clean';
+  var optionsFormatGroupOpt = function optionsFormatGroupOpt(allData) {
+    allData.forEach(function (item) {
+      if (typeof item.optgroup !== 'undefined') {
+        item.value = String(Math.random());
+      }
+    });
+  };
 
   // exposes the following methods
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(popupRef, function () {
@@ -3792,7 +3799,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
             incomingOptionsData = valueInputRef.current.dataset.options; // Determine whether the default value is user query input or default input
             defaultValue = init ? inputDefaultValue : '';
             if (!(_typeof(fetchFuncAsync) === 'object')) {
-              _context.next = 24;
+              _context.next = 25;
               break;
             }
             _context.next = 6;
@@ -3926,6 +3933,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
             // STEP 6: ===========
             //
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(_ORGIN_DATA); // prevent the value from being filtered out
             _ORGIN_DATA = (0,object.removeArrDuplicateItems)(_ORGIN_DATA, 'value');
             setOptionsData(_ORGIN_DATA); // data must be initialized
 
@@ -3938,7 +3946,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
 
             //
             return _context.abrupt("return", _ORGIN_DATA);
-          case 24:
+          case 25:
             // STEP 1: ===========
             // get incoming options from `data-options` of component
             if (typeof incomingOptionsData !== 'undefined') {
@@ -4044,6 +4052,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
             // STEP 6: ===========
             //
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(staticOptionsData); // prevent the value from being filtered out
             staticOptionsData = (0,object.removeArrDuplicateItems)(staticOptionsData, 'value');
             setOptionsData(staticOptionsData); // data must be initialized
 
@@ -4056,7 +4065,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
 
             //
             return _context.abrupt("return", staticOptionsData);
-          case 39:
+          case 41:
           case "end":
             return _context.stop();
         }

package/lib/css/EventCalendarTimeline/index.css

@@ -26,6 +26,7 @@
   --e-cal-tl-footer-today-btn-bg: rgba(0, 58, 166, 1);
   --e-cal-tl-footer-today-btn-color: #fff;
   position: relative;
+  z-index: 3;
   min-width: var(--e-cal-tl-wrapper-min-width);
   border: 1px solid var(--e-cal-tl-border-color);
   /* --HEADER --*/
@@ -194,6 +195,8 @@
   height: 100%; /* Required */
   font-size: var(--e-cal-tl-table-bodycell-font-size);
   margin-top: -1px;
+  position: relative;
+  z-index: 2;
   /* list section */
   /* datagrid title */
   /* datagrid content */

package/lib/esm/EventCalendar/index.tsx

@@ -303,6 +303,7 @@ const EventCalendar = (props: EventCalendarProps) => {
                 year: _date.getFullYear().toString()
             });
 
+
             return _date;
         });
 
@@ -340,13 +341,6 @@ const EventCalendar = (props: EventCalendarProps) => {
         // close win
         setWinYear(false);
 
-        //
-        onChangeYear?.({
-            day: padZero(day),
-            month: padZero(month+1),
-            year: currentValue.toString()
-        });
-
     }
 
 
@@ -405,6 +399,16 @@ const EventCalendar = (props: EventCalendarProps) => {
     }, [selectedYear]);
 
 
+    useEffect(() => {
+        // Guaranteed year change triggered by the front and rear buttons
+        onChangeYear?.({
+            day: padZero(day),
+            month: padZero(month+1),
+            year: year.toString()
+        });
+    }, [year]);
+
+
 
     useEffect(() => {
         setTodayDate(date);

package/lib/esm/EventCalendarTimeline/index.scss

@@ -39,6 +39,7 @@
 
 
     position: relative;
+    z-index: 3;
     min-width: var(--e-cal-tl-wrapper-min-width);
     border: 1px solid var(--e-cal-tl-border-color);
 
@@ -257,6 +258,8 @@
     height: 100%; /* Required */
     font-size: var(--e-cal-tl-table-bodycell-font-size);
     margin-top: -1px;
+    position: relative;
+    z-index: 2;
 
     .e-cal-tl-table__timeline-table {
         border: var(--e-cal-tl-table-primary-border);

package/lib/esm/EventCalendarTimeline/index.tsx

@@ -11,6 +11,8 @@ import {
 } from 'funda-utils/dist/cjs/getElementProperty';
 import { clsWrite, combinedCls } from 'funda-utils/dist/cjs/cls';
 
+
+
 export interface EventsValueConfig {
     id: string | number;
     date: string,
@@ -208,8 +210,6 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
     const [showEdit, setShowEdit] = useState<boolean>(false);
     const [showDelete, setShowDelete] = useState<boolean>(false);
 
-
-
     // table grid
     const AUTO_SCROLL = autoScroll || false;
     const SHOW_WEEK = showWeek || false;
@@ -547,7 +547,6 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
                 year: _date.getFullYear().toString()
             });
 
-
             // restore table grid init status
             restoreTableGridInitStatus();
 
@@ -595,14 +594,6 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
         // close win
         setWinYear(false);
 
-
-        //
-        onChangeYear?.({
-            day: padZero(day),
-            month: padZero(month+1),
-            year: currentValue.toString()
-        });
-
         // restore table grid init status
         restoreTableGridInitStatus();
 
@@ -624,7 +615,7 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
             month: padZero(currentIndex+1),
             year: year.toString()
         });
-
+        
         // restore table grid init status
         restoreTableGridInitStatus();
         
@@ -1521,6 +1512,16 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
     }, [date]);
 
 
+    useEffect(() => {
+        // Guaranteed year change triggered by the front and rear buttons
+        onChangeYear?.({
+            day: padZero(day),
+            month: padZero(month+1),
+            year: year.toString()
+        });
+    }, [year]);
+
+
     useEffect(() => {
 
         // update events value

package/lib/esm/ModalDialog/index.tsx

@@ -13,6 +13,7 @@ import {
 } from 'funda-utils/dist/cjs/bodyScrollLock';
 
 
+
 declare global {
     interface Window {
         curVideo?: any;

package/lib/esm/MultipleCheckboxes/index.tsx

@@ -108,6 +108,13 @@ const MultipleCheckboxes = forwardRef((props: MultipleCheckboxesProps, externalR
     const [dataInit, setDataInit] = useState<OptionConfig[]>(optionsDataInit);
 
 
+    const optionsFormatGroupOpt = (allData: any[]) => {
+        allData.forEach((item: any) => {
+            if (typeof item.optgroup !== 'undefined') {
+                item.value = String(Math.random());
+            }
+        });
+    };
 
     const optionsFlat = (allData: any[]) => {
 
@@ -192,7 +199,10 @@ const MultipleCheckboxes = forwardRef((props: MultipleCheckboxesProps, externalR
                 _ORGIN_DATA = [];
             }
 
+
+
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(_ORGIN_DATA); // prevent the value from being filtered out
             _ORGIN_DATA = removeArrDuplicateItems(_ORGIN_DATA, 'value');
 
 
@@ -206,12 +216,13 @@ const MultipleCheckboxes = forwardRef((props: MultipleCheckboxesProps, externalR
             //
             onFetch?.(_ORGIN_DATA);
 
-
+            console.log('======', _ORGIN_DATA)
             return _ORGIN_DATA;
         } else {
 
             
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(optionsDataInit); // prevent the value from being filtered out
             optionsDataInit = removeArrDuplicateItems(optionsDataInit, 'value');
 
             //
@@ -224,6 +235,7 @@ const MultipleCheckboxes = forwardRef((props: MultipleCheckboxesProps, externalR
             onFetch?.(optionsDataInit);
 
 
+            console.log('======', optionsDataInit)
             return optionsDataInit;
         }
 

package/lib/esm/NativeSelect/index.tsx

@@ -102,6 +102,15 @@ const NativeSelect = forwardRef((props: NativeSelectProps, externalRef: any) =>
     const [controlValue, setControlValue] = useState<string | undefined>('');
   
 
+    const optionsFormatGroupOpt = (allData: any[]) => {
+        allData.forEach((item: any) => {
+            if (typeof item.optgroup !== 'undefined') {
+                item.value = String(Math.random());
+            }
+        });
+    };
+
+
     
     async function fetchData(params: any) {
         
@@ -136,6 +145,7 @@ const NativeSelect = forwardRef((props: NativeSelectProps, externalRef: any) =>
             }
 
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(_ORGIN_DATA); // prevent the value from being filtered out
             _ORGIN_DATA = removeArrDuplicateItems(_ORGIN_DATA, 'value');
 
             //
@@ -152,6 +162,7 @@ const NativeSelect = forwardRef((props: NativeSelectProps, externalRef: any) =>
             
 
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(optionsDataInit); // prevent the value from being filtered out
             optionsDataInit = removeArrDuplicateItems(optionsDataInit, 'value');
 
             //

package/lib/esm/Radio/index.tsx

@@ -102,6 +102,15 @@ const Radio = forwardRef((props: RadioProps, externalRef: any) => {
     // return a array of options
     let optionsDataInit: OptionConfig[] = optionsRes;
     
+    const optionsFormatGroupOpt = (allData: any[]) => {
+        allData.forEach((item: any) => {
+            if (typeof item.optgroup !== 'undefined') {
+                item.value = String(Math.random());
+            }
+        });
+    };
+
+
 
     //
     const [dataInit, setDataInit] = useState<OptionConfig[]>(optionsDataInit);
@@ -220,6 +229,7 @@ const Radio = forwardRef((props: RadioProps, externalRef: any) => {
 
 
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(_ORGIN_DATA); // prevent the value from being filtered out
             _ORGIN_DATA = removeArrDuplicateItems(_ORGIN_DATA, 'value');
 
 
@@ -258,6 +268,7 @@ const Radio = forwardRef((props: RadioProps, externalRef: any) => {
 
 
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(optionsDataInit); // prevent the value from being filtered out
             optionsDataInit = removeArrDuplicateItems(optionsDataInit, 'value');
 
             //

package/lib/esm/Select/index.tsx

@@ -278,6 +278,15 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
     const CLEAN_TRIGGER_LABEL = cleanTrigger ? cleanTrigger.cleanValueLabel : 'Clean';
 
 
+    const optionsFormatGroupOpt = (allData: any[]) => {
+        allData.forEach((item: any) => {
+            if (typeof item.optgroup !== 'undefined') {
+                item.value = String(Math.random());
+            }
+        });
+    };
+
+
 
     // exposes the following methods
     useImperativeHandle(
@@ -611,6 +620,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
             // STEP 6: ===========
             //
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(_ORGIN_DATA); // prevent the value from being filtered out
             _ORGIN_DATA = removeArrDuplicateItems(_ORGIN_DATA, 'value');
 
             setOptionsData(_ORGIN_DATA); // data must be initialized
@@ -746,6 +756,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
             // STEP 6: ===========
             //
             // remove Duplicate objects from JSON Array
+            optionsFormatGroupOpt(staticOptionsData); // prevent the value from being filtered out
             staticOptionsData = removeArrDuplicateItems(staticOptionsData, 'value');
             
 

package/lib/esm/Utils/libs/cls.ts

@@ -28,7 +28,7 @@ console.log(combinedCls('a-1', 'a-2', 'a-3', {
     undefined
 })); // a-1 a-2 a-3 p-3 p-5 p-7
 */
-function combinedCls(...args) {
+function combinedCls(...args: any[]): string | undefined {
     if (args) {
         let classes: any[] = [];
 

package/package.json

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