funda-ui 4.7.517 → 4.7.533

package/lib/cjs/CascadingSelectE2E/index.js

@@ -2540,7 +2540,7 @@ function Group(props) {
         "data-value": JSON.stringify(item),
         "data-level": level,
         "data-query": item.queryId,
-        className: (0,cls.combinedCls)('casc-select-e2e__opt', {
+        className: (0,cls.combinedCls)('casc-menu-e2e__opt', {
           'active': item.current
         }),
         dangerouslySetInnerHTML: {
@@ -2554,13 +2554,13 @@ function Group(props) {
     } else {
       return columnTitle[level] === '' || perColumnHeadersShow === false ? null : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("h3", {
         key: index,
-        className: "casc-select-e2e__opt-header"
+        className: "casc-menu-e2e__opt-header"
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
         dangerouslySetInnerHTML: {
           __html: columnTitle[level]
         }
       }), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-        className: "casc-select-e2e__opt-header__clean"
+        className: "casc-menu-e2e__opt-header__clean"
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("a", {
         tabIndex: -1,
         href: "#",
@@ -2679,6 +2679,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
   var rootRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var inputRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var listRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var MIN_SPACE_FOR_DROPDOWN = 200; // Minimum space needed to show dropdown below trigger
 
   // searchable
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]),
@@ -2798,7 +2799,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
     if (rootRef.current === null || inputRef.current === null) return;
 
     // update modal position
-    var _modalRef = document.querySelector("#casc-select-e2e__items-wrapper-".concat(idRes));
+    var _modalRef = document.querySelector("#casc-menu-e2e__items-wrapper-".concat(idRes));
     var _triggerRef = inputRef.current;
 
     // console.log(getAbsolutePositionOfStage(_triggerRef));
@@ -2821,7 +2822,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
     // STEP 2:
     //-----------
     // Detect position
-    if (window.innerHeight - _triggerBox.top > 100) {
+    if (window.innerHeight - _triggerBox.top > MIN_SPACE_FOR_DROPDOWN) {
       targetPos = 'bottom';
     } else {
       targetPos = 'top';
@@ -2870,7 +2871,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
   }
 
   function popwinPosHide() {
-    var _modalRef = document.querySelector("#casc-select-e2e__items-wrapper-".concat(idRes));
+    var _modalRef = document.querySelector("#casc-menu-e2e__items-wrapper-".concat(idRes));
     if (_modalRef !== null) {
       // remove classnames and styles
       _modalRef.classList.remove('active');
@@ -2881,9 +2882,9 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
     var level = arguments.length > 2 ? arguments[2] : undefined;
     if (listRef.current === null) return;
     var latestDisplayColIndex = 0;
-    var currentItemsInner = listRef.current.querySelector('.casc-select-e2e__items-inner');
+    var currentItemsInner = listRef.current.querySelector('.casc-menu-e2e__items-inner');
     if (currentItemsInner !== null) {
-      var colItemsWrapper = [].slice.call(currentItemsInner.querySelectorAll('.casc-select-e2e__items-col'));
+      var colItemsWrapper = [].slice.call(currentItemsInner.querySelectorAll('.casc-menu-e2e__items-col'));
       colItemsWrapper.forEach(function (perCol) {
         perCol.classList.remove('hide-col');
       });
@@ -3204,10 +3205,10 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
 
     // active current option with DOM
     //////////////////////////////////////////
-    var currentItemsInner = e.currentTarget.closest('.casc-select-e2e__items-inner');
+    var currentItemsInner = e.currentTarget.closest('.casc-menu-e2e__items-inner');
     if (currentItemsInner !== null) {
       curData.forEach(function (v, col) {
-        var colItemsWrapper = currentItemsInner.querySelectorAll('.casc-select-e2e__items-col');
+        var colItemsWrapper = currentItemsInner.querySelectorAll('.casc-menu-e2e__items-col');
         colItemsWrapper.forEach(function (perCol) {
           var _col = Number(perCol.dataset.col);
           if (_col >= level) {
@@ -3743,9 +3744,9 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
     };
   }, []);
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: (0,cls.clsWrite)(wrapperClassName, 'casc-select-e2e__wrapper mb-3 position-relative', "casc-select-e2e__wrapper ".concat(wrapperClassName)),
+    className: (0,cls.clsWrite)(wrapperClassName, 'casc-menu-e2e__wrapper mb-3 position-relative', "casc-menu-e2e__wrapper ".concat(wrapperClassName)),
     ref: rootRef,
-    "data-overlay-id": "casc-select-e2e__items-wrapper-".concat(idRes)
+    "data-overlay-id": "casc-menu-e2e__items-wrapper-".concat(idRes)
   }, label ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, typeof label === 'string' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("label", {
     htmlFor: idRes,
     className: "form-label",
@@ -3756,23 +3757,23 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
     htmlFor: idRes,
     className: "form-label"
   }, label)) : null, triggerContent ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: (0,cls.clsWrite)(triggerClassName, 'casc-select-e2e__trigger d-inline w-auto', "casc-select-e2e__trigger ".concat(triggerClassName)),
+    className: (0,cls.clsWrite)(triggerClassName, 'casc-menu-e2e__trigger d-inline w-auto', "casc-menu-e2e__trigger ".concat(triggerClassName)),
     onClick: handleDisplayOptions
   }, triggerContent)) : null, !hasErr ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((cjs_default()), {
     show: true,
     containerClassName: "CascadingSelectE2E"
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     ref: listRef,
-    id: "casc-select-e2e__items-wrapper-".concat(idRes),
-    className: "casc-select-e2e__items-wrapper position-absolute border shadow small",
+    id: "casc-menu-e2e__items-wrapper-".concat(idRes),
+    className: "casc-menu-e2e__items-wrapper position-absolute border shadow small",
     style: {
       zIndex: DEPTH,
       display: 'none'
     }
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("ul", {
-    className: "casc-select-e2e__items-inner"
+    className: "casc-menu-e2e__items-inner"
   }, loading ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "casc-select-e2e__items-loader"
+    className: "casc-menu-e2e__items-loader"
   }, loader || /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
     height: "12px",
     width: "12px",
@@ -3808,7 +3809,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
       e.preventDefault();
       cancel();
     },
-    className: "casc-select-e2e__close position-absolute top-0 end-0 mt-0 mx-1"
+    className: "casc-menu-e2e__close position-absolute top-0 end-0 mt-0 mx-1"
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
     width: "10px",
     height: "10px",
@@ -3829,9 +3830,9 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
       return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("li", {
         key: level,
         "data-col": level,
-        className: "casc-select-e2e__items-col"
+        className: "casc-menu-e2e__items-col"
       }, searchable && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-        className: "casc-select-e2e__items-col-searchbox"
+        className: "casc-menu-e2e__items-col-searchbox"
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", {
         type: "text",
         placeholder: searchPlaceholder,
@@ -3857,7 +3858,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
       return null;
     }
   })))) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: (0,cls.combinedCls)('casc-select-e2e__val', {
+    className: (0,cls.combinedCls)('casc-menu-e2e__val', {
       'inputable': inputable
     }),
     onClick: handleDisplayOptions
@@ -3880,7 +3881,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
       }
     },
     id: idRes,
-    "data-overlay-id": "casc-select-e2e__items-wrapper-".concat(idRes),
+    "data-overlay-id": "casc-menu-e2e__items-wrapper-".concat(idRes),
     name: name,
     className: (0,cls.combinedCls)((0,cls.clsWrite)(controlClassName, 'form-control'), controlExClassName, {
       'rounded': !propExist(iconLeft) && !propExist(iconRight) && !propExist(units),
@@ -3938,9 +3939,9 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
       }
     } : undefined
   }, attributes)), destroyParentIdMatch ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, !inputable ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "casc-select-e2e__result"
+    className: "casc-menu-e2e__result"
   }, displayInfo(true)) : null) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, !inputable ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "casc-select-e2e__result"
+    className: "casc-menu-e2e__result"
   }, displayInfo(false)) : null), required ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, requiredLabel || requiredLabel === '' ? requiredLabel : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
     className: "position-absolute end-0 top-0 my-2 mx-2 pe-3"
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
@@ -3950,7 +3951,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
   }, units)) : null, propExist(iconRight) ? /*#__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("span", {
     className: (0,cls.clsWrite)(controlGroupTextClassName, 'input-group-text')
   }, iconRight)) : null), isShow ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
-    className: "casc-select-e2e__closemask",
+    className: "casc-menu-e2e__closemask",
     onClick: function onClick(e) {
       e.preventDefault();
       cancel();

package/lib/cjs/Date/index.js

@@ -5034,6 +5034,8 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
     langToday = props.langToday,
     attributes = _objectWithoutProperties(props, _excluded);
   var DEPTH = depth || 1055; // the default value same as bootstrap
+  var MIN_SPACE_FOR_DROPDOWN = 200; // Minimum space needed to show dropdown below trigger
+
   var defaultValueIsEmpty = function defaultValueIsEmpty(s) {
     return typeof s === 'undefined' || s === null || s === 'null' || s === '';
   };
@@ -5328,7 +5330,7 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
     // STEP 1:
     //-----------
     // Detect position
-    if (window.innerHeight - _triggerBox.top > 100) {
+    if (window.innerHeight - _triggerBox.top > MIN_SPACE_FOR_DROPDOWN) {
       targetPos = 'bottom';
     } else {
       targetPos = 'top';

package/lib/cjs/DropdownMenu/index.js

@@ -1285,6 +1285,8 @@ var DropdownMenu = function DropdownMenu(props) {
     selected = _useState4[0],
     setSelected = _useState4[1];
   var _hoverDelay = !isNaN(hoverDelay) && typeof hoverDelay !== 'undefined' ? hoverDelay : 150;
+  var MIN_SPACE_FOR_DROPDOWN = 200; // Minimum space needed to show dropdown below trigger
+
   var defaultLabel = triggerContent === undefined ? '' : triggerContent;
   var selectedLabel = triggerSwitchActive ? selected ? selected.label : defaultLabel : defaultLabel;
   var selectOptionsListPresentation = options === null || options === void 0 ? void 0 : options.map(function (selectOption, index) {
@@ -1375,7 +1377,7 @@ var DropdownMenu = function DropdownMenu(props) {
       // STEP 2:
       //-----------
       // Detect position
-      if (window.innerHeight - _triggerBox.top > 100) {
+      if (window.innerHeight - _triggerBox.top > MIN_SPACE_FOR_DROPDOWN) {
         targetPos = 'bottom';
       } else {
         targetPos = 'top';

package/lib/cjs/LiveSearch/index.js

@@ -2892,6 +2892,7 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
   var EXCEEDED_SIDE_POS_OFFSET = Number(exceededSidePosOffset) || 15;
   var AUTO_SHOW_OPTIONS = typeof autoShowOptions !== 'undefined' && autoShowOptions === true ? true : false;
   var MANUAL_REQ = typeof fetchTrigger !== 'undefined' && fetchTrigger === true ? true : false; // Manual requests
+  var MIN_SPACE_FOR_DROPDOWN = 200; // Minimum space needed to show dropdown below trigger
 
   var NO_MATCH_POPUP = typeof noMatchPopup === 'undefined' ? true : noMatchPopup;
   var WIN_WIDTH = typeof winWidth === 'function' ? winWidth() : winWidth ? winWidth : 'auto';
@@ -3052,7 +3053,7 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
     // STEP 2:
     //-----------
     // Detect position
-    if (window.innerHeight - _triggerBox.top > 100) {
+    if (window.innerHeight - _triggerBox.top > MIN_SPACE_FOR_DROPDOWN) {
       targetPos = 'bottom';
     } else {
       targetPos = 'top';

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

@@ -47,6 +47,7 @@ export declare type SelectProps = {
     controlClassName?: string;
     controlExClassName?: string;
     optionsExClassName?: string;
+    customScrollContainer?: string | HTMLElement | React.RefObject<HTMLElement>;
     exceededSidePosOffset?: number;
     clearIcon?: boolean;
     renderOption?: (optionData: OptionConfig, index: number) => React.ReactNode;

package/lib/cjs/Select/index.js

@@ -3578,7 +3578,7 @@ var format_string = __webpack_require__(933);
 // EXTERNAL MODULE: ../Utils/dist/cjs/cls.js
 var cls = __webpack_require__(188);
 ;// CONCATENATED MODULE: ./src/index.tsx
-var _excluded = ["contentRef", "popupRef", "wrapperClassName", "controlClassName", "controlExClassName", "optionsExClassName", "exceededSidePosOffset", "clearIcon", "renderOption", "multiSelect", "multiSelectEntireAreaTrigger", "multiSelectSelectedItemOnlyStatus", "renderSelectedValue", "disabled", "required", "defaultValue", "value", "label", "name", "readOnly", "placeholder", "id", "autoComplete", "autoCapitalize", "spellCheck", "options", "clearTrigger", "loader", "lockBodyScroll", "hierarchical", "indentation", "doubleIndent", "style", "depth", "controlArrow", "winWidth", "tabIndex", "firstRequestAutoExec", "fetchTrigger", "fetchNoneInfo", "fetchUpdate", "fetchFuncAsync", "fetchFuncMethod", "fetchFuncMethodParams", "data", "extractValueByBrackets", "fetchCallback", "onFetch", "onLoad", "onSelect", "onChange", "onBlur", "onFocus", "onKeyPressed"];
+var _excluded = ["contentRef", "popupRef", "wrapperClassName", "controlClassName", "controlExClassName", "optionsExClassName", "customScrollContainer", "exceededSidePosOffset", "clearIcon", "renderOption", "multiSelect", "multiSelectEntireAreaTrigger", "multiSelectSelectedItemOnlyStatus", "renderSelectedValue", "disabled", "required", "defaultValue", "value", "label", "name", "readOnly", "placeholder", "id", "autoComplete", "autoCapitalize", "spellCheck", "options", "clearTrigger", "loader", "lockBodyScroll", "hierarchical", "indentation", "doubleIndent", "style", "depth", "controlArrow", "winWidth", "tabIndex", "firstRequestAutoExec", "fetchTrigger", "fetchNoneInfo", "fetchUpdate", "fetchFuncAsync", "fetchFuncMethod", "fetchFuncMethodParams", "data", "extractValueByBrackets", "fetchCallback", "onFetch", "onLoad", "onSelect", "onChange", "onBlur", "onFocus", "onKeyPressed"];
 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -3626,6 +3626,7 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     controlClassName = props.controlClassName,
     controlExClassName = props.controlExClassName,
     optionsExClassName = props.optionsExClassName,
+    customScrollContainer = props.customScrollContainer,
     exceededSidePosOffset = props.exceededSidePosOffset,
     clearIcon = props.clearIcon,
     renderOption = props.renderOption,
@@ -3701,6 +3702,8 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
   var listContentRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var optionsRes = options ? (0,validate.isJSON)(options) ? JSON.parse(options) : options : [];
   var LIST_CONTAINER_MAX_HEIGHT = 300;
+  var MIN_SPACE_FOR_DROPDOWN = 200; // Minimum space needed to show dropdown below trigger
+
   var keyboardSelectedItem = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
 
   // loading
@@ -4321,8 +4324,36 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     _contentOldHeight = listContainerHeightLimit(_contentOldHeight);
 
     // You need to wait for the height of the pop-up container to be set
-    // Detect position、
-    if (window.innerHeight - _triggerBox.top > 100) {
+    // Detect position
+    var containerHeight = window.innerHeight;
+    var containerTop = 0;
+
+    // If custom scroll container is specified, use it instead of window
+    if (customScrollContainer) {
+      var customContainer = null;
+      if (typeof customScrollContainer === 'string') {
+        // Handle selector string
+        customContainer = document.querySelector(customScrollContainer);
+      } else if (customScrollContainer instanceof HTMLElement) {
+        // Handle DOM element directly
+        customContainer = customScrollContainer;
+      } else if (customScrollContainer && 'current' in customScrollContainer) {
+        // Handle React ref
+        customContainer = customScrollContainer.current;
+      }
+      if (customContainer) {
+        var containerRect = customContainer.getBoundingClientRect();
+        containerHeight = containerRect.height;
+        containerTop = containerRect.top;
+      }
+    }
+
+    // Calculate available space below the trigger
+    var availableSpaceBelow = containerHeight - (_triggerBox.top - containerTop);
+
+    // Use a more reasonable threshold for position decision
+    // Consider the minimum space needed for a usable dropdown
+    if (availableSpaceBelow > MIN_SPACE_FOR_DROPDOWN) {
       targetPos = 'bottom';
     } else {
       targetPos = 'top';
@@ -4333,7 +4364,9 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     //-----------
     // Set the pop-up height
     if (targetPos === 'top') {
-      contentMaxHeight = _triggerBox.top;
+      // Calculate available space above the trigger
+      var availableSpaceAbove = _triggerBox.top - containerTop;
+      contentMaxHeight = availableSpaceAbove;
 
       // height restrictions
       contentMaxHeight = listContainerHeightLimit(contentMaxHeight);
@@ -4354,7 +4387,9 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
       }
     }
     if (targetPos === 'bottom') {
-      contentMaxHeight = window.innerHeight - _triggerBox.bottom;
+      // Calculate available space below the trigger
+      var _availableSpaceBelow = containerHeight - (_triggerBox.bottom - containerTop);
+      contentMaxHeight = _availableSpaceBelow;
 
       // height restrictions
       contentMaxHeight = listContainerHeightLimit(contentMaxHeight);
@@ -4380,17 +4415,16 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     // Adjust position
     if (targetPos === 'top') {
       _modalRef.style.left = x + 'px';
-      //_modalRef.style.top = y - POS_OFFSET - (listContentRef.current.clientHeight) - 2 + 'px';
-      _modalRef.style.top = 'auto';
-      _modalRef.style.bottom = window.innerHeight - _triggerBox.top + POS_OFFSET + 2 + 'px';
-      _modalRef.style.setProperty('position', 'fixed', 'important');
+      _modalRef.style.bottom = 'auto';
+      // Position the popup above the trigger without overlapping
+      var topPosition = y - POS_OFFSET - listContentRef.current.clientHeight - 2;
+      _modalRef.style.top = topPosition + 'px';
       _modalRef.classList.add('pos-top');
     }
     if (targetPos === 'bottom') {
       _modalRef.style.left = x + 'px';
       _modalRef.style.bottom = 'auto';
       _modalRef.style.top = y + height + POS_OFFSET + 'px';
-      _modalRef.style.setProperty('position', 'absolute', 'important');
       _modalRef.classList.remove('pos-top');
     }
 
@@ -4400,16 +4434,38 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     var _modalContent = _modalRef;
     var _modalBox = _modalContent.getBoundingClientRect();
     if (typeof _modalContent.dataset.offset === 'undefined' && _modalBox.left > 0) {
+      // Get container width for boundary checking
+      var containerWidth = window.innerWidth;
+      var containerLeft = 0;
+      if (customScrollContainer) {
+        var _customContainer = null;
+        if (typeof customScrollContainer === 'string') {
+          // Handle selector string
+          _customContainer = document.querySelector(customScrollContainer);
+        } else if (customScrollContainer instanceof HTMLElement) {
+          // Handle DOM element directly
+          _customContainer = customScrollContainer;
+        } else if (customScrollContainer && 'current' in customScrollContainer) {
+          // Handle React ref
+          _customContainer = customScrollContainer.current;
+        }
+        if (_customContainer) {
+          var _containerRect = _customContainer.getBoundingClientRect();
+          containerWidth = _containerRect.width;
+          containerLeft = _containerRect.left;
+        }
+      }
+
       // 10 pixels is used to account for some bias in mobile devices
-      if (_modalBox.right + 10 > window.innerWidth) {
-        var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
+      if (_modalBox.right + 10 > containerLeft + containerWidth) {
+        var _modalOffsetPosition = _modalBox.right - (containerLeft + containerWidth) + EXCEEDED_SIDE_POS_OFFSET;
         _modalContent.dataset.offset = _modalOffsetPosition;
         _modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
         // console.log('_modalPosition: ', _modalOffsetPosition)
       }
 
-      if (_modalBox.left - 10 < 0) {
-        var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
+      if (_modalBox.left - 10 < containerLeft) {
+        var _modalOffsetPosition2 = Math.abs(_modalBox.left - containerLeft) + EXCEEDED_SIDE_POS_OFFSET;
         _modalContent.dataset.offset = _modalOffsetPosition2;
         _modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
         // console.log('_modalPosition: ', _modalOffsetPosition)

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

@@ -16,9 +16,23 @@ export declare type TooltipProps = {
     mouseOutDelay?: number;
     /** Set a piece of text or HTML code */
     content?: React.ReactNode;
+    /** If true, Tooltip is controlled by parent via ref, not by mouse events */
+    controlled?: boolean;
+    /** Custom color for the popup arrow */
+    popupArrowColor?: number[];
+    /** Custom style for the popup content */
+    popupContentStyle?: React.CSSProperties;
+    /** If true, tooltip closes only if mouse does not enter wrapper within timeout after leaving trigger */
+    delayedClose?: boolean;
+    /** Timeout in ms for delayed close (ms) */
+    delayedCloseTimeout?: number;
+    /** Called when mouse enters the tooltip wrapper */
+    onContentMouseEnter?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /** Called when mouse leaves the tooltip wrapper */
+    onContentMouseLeave?: (event: React.MouseEvent<HTMLDivElement>) => void;
     /** -- */
     id?: string;
     children: React.ReactNode;
 };
-declare const Tooltip: (props: TooltipProps) => JSX.Element;
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<any>>;
 export default Tooltip;