funda-ui 4.2.255 → 4.2.445

package/CascadingSelect/index.js

@@ -5081,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/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);
 }

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

@@ -344,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;
 }
@@ -352,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);
@@ -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

@@ -9784,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",

package/ModalDialog/index.js

@@ -4447,7 +4447,7 @@ var ModalDialog = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
   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);

package/MultilevelDropdownMenu/index.css

@@ -12,8 +12,8 @@
   display: inline-block;
   text-align: center;
   position: absolute;
-  right: 0.5em;
-  top: 1.5em;
+  right: -1em;
+  top: 50%;
   transform: translateY(-50%) rotate(0deg);
 }
 .navbar-nav li {

package/MultilevelDropdownMenu/index.js

@@ -4199,7 +4199,7 @@ var external_root_React_commonjs2_react_commonjs_react_amd_react_ = __webpack_re
 var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__PURE__*/__webpack_require__.n(external_root_React_commonjs2_react_commonjs_react_amd_react_);
 // EXTERNAL MODULE: ../Utils/dist/cjs/index.js
 var cjs = __webpack_require__(456);
-;// CONCATENATED MODULE: ./src/MenuList.tsx
+;// CONCATENATED MODULE: ./src/ItemList.tsx
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -4212,8 +4212,9 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 /* Recursively nested components to traverse nodes
 -------------------------------------------------*/
 
-function MenuList(props) {
-  var alternateCollapse = props.alternateCollapse,
+function ItemList(props) {
+  var root = props.root,
+    alternateCollapse = props.alternateCollapse,
     first = props.first,
     arrow = props.arrow,
     childClassName = props.childClassName,
@@ -4268,6 +4269,7 @@ function MenuList(props) {
   };
   function handleClick(e) {
     e.preventDefault();
+    e.stopPropagation();
     var hyperlink = e.currentTarget;
     var url = hyperlink.getAttribute('href');
     var subElement = (0,cjs.getNextSiblings)(hyperlink, 'ul');
@@ -4321,48 +4323,50 @@ function MenuList(props) {
     }));
   }
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    // Activate current item
-    //=====================
-    var allItems = rootRef.current ? [].slice.call(document.querySelectorAll(".".concat(childClassName, " a"))).map(function (item) {
-      var _item$parentNode$clas;
-      return {
-        href: item.getAttribute('href'),
-        el: item,
-        actived: (_item$parentNode$clas = item.parentNode.classList) !== null && _item$parentNode$clas !== void 0 && _item$parentNode$clas.contains('active') ? true : false,
-        expandedLink: document.body.contains(item.parentNode.parentNode.previousSibling) ? item.parentNode.parentNode.previousSibling : false
-      };
-    }) : [];
-    allItems.forEach(function (hyperlink) {
-      // Expand the currently active item by default
-      if (hyperlink.actived) {
-        hyperlink.el.setAttribute('aria-expanded', 'true');
-        if (hyperlink.expandedLink) {
-          var expandedLink = hyperlink.expandedLink; // <a>
-          activeClass(expandedLink.parentNode, 'add');
-          expandedLink.setAttribute('aria-expanded', true);
-        }
-
-        // init <ul> height
-        var ul = (0,cjs.getNextSiblings)(hyperlink.el, 'ul');
-        [].slice.call(ul).forEach(function (_curUl) {
-          var allHeight = [].slice.call(_curUl.querySelectorAll('li')).map(function (_curLi) {
-            return _curLi.scrollHeight;
-          });
+    if (root !== null && data.length > 0) {
+      // Activate current item
+      //=====================
+      var allItems = rootRef.current ? [].slice.call(root.querySelectorAll(".".concat(childClassName, " a"))).map(function (item) {
+        var _item$parentNode$clas;
+        return {
+          href: item.getAttribute('href'),
+          el: item,
+          actived: (_item$parentNode$clas = item.parentNode.classList) !== null && _item$parentNode$clas !== void 0 && _item$parentNode$clas.contains('active') ? true : false,
+          expandedLink: document.body.contains(item.parentNode.parentNode.previousSibling) ? item.parentNode.parentNode.previousSibling : false
+        };
+      }) : [];
+      allItems.forEach(function (hyperlink) {
+        // Expand the currently active item by default
+        if (hyperlink.actived) {
+          hyperlink.el.setAttribute('aria-expanded', 'true');
+          if (hyperlink.expandedLink) {
+            var expandedLink = hyperlink.expandedLink; // <a>
+            activeClass(expandedLink.parentNode, 'add');
+            expandedLink.setAttribute('aria-expanded', true);
+          }
 
-          // Prevent missing height, causing the last element to be clipped
-          var maxHeight = Math.max.apply(Math, _toConsumableArray(allHeight));
-          allHeight.push(maxHeight * 3);
+          // init <ul> height
+          var ul = (0,cjs.getNextSiblings)(hyperlink.el, 'ul');
+          [].slice.call(ul).forEach(function (_curUl) {
+            var allHeight = [].slice.call(_curUl.querySelectorAll('li')).map(function (_curLi) {
+              return _curLi.scrollHeight;
+            });
 
-          // 
-          var totalHeight = allHeight.reduce(function (accumulator, currentValue) {
-            return accumulator + currentValue;
-          }, 0);
+            // Prevent missing height, causing the last element to be clipped
+            var maxHeight = Math.max.apply(Math, _toConsumableArray(allHeight));
+            allHeight.push(maxHeight * 3);
 
-          // Prevent the use of iframe or other situations where the height is 0
-          _curUl.style.maxHeight = "".concat(totalHeight == 0 ? 999 : totalHeight, "px");
-        });
-      }
-    });
+            // 
+            var totalHeight = allHeight.reduce(function (accumulator, currentValue) {
+              return accumulator + currentValue;
+            }, 0);
+
+            // Prevent the use of iframe or other situations where the height is 0
+            _curUl.style.maxHeight = "".concat(totalHeight == 0 ? 999 : totalHeight, "px");
+          });
+        }
+      });
+    }
   }, [data]);
   if (data) {
     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("ul", {
@@ -4417,9 +4421,10 @@ function MenuList(props) {
         dangerouslySetInnerHTML: {
           __html: "".concat(item.title)
         }
-      }), item.children ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+      }), item.children && item.children.length > 0 ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
         className: "arrow"
-      }, arrowGenerator()) : ''), item.children && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(MenuList, {
+      }, arrowGenerator()) : ''), item.children && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(ItemList, {
+        root: root,
         data: item.children,
         first: false,
         arrow: arrow,
@@ -4450,6 +4455,7 @@ var MultilevelDropdownMenu = function MultilevelDropdownMenu(props) {
     data = props.data,
     id = props.id,
     onSelect = props.onSelect;
+  var rootRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var uniqueID = (0,cjs.useComId)();
   var idRes = id || uniqueID;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(null),
@@ -4461,8 +4467,10 @@ var MultilevelDropdownMenu = function MultilevelDropdownMenu(props) {
   }, [data]);
   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("nav", {
     id: idRes,
-    className: navbarClassName ? navbarClassName : "navbar"
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(MenuList, {
+    className: navbarClassName ? navbarClassName : "navbar",
+    ref: rootRef
+  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement(ItemList, {
+    root: rootRef.current,
     alternateCollapse: alternateCollapse,
     first: true,
     arrow: arrow,