@7shifts/sous-chef 3.70.0-beta.0 → 3.70.1-beta.0

package/dist/index.js

@@ -9972,27 +9972,6 @@ var useSelectFieldControllers = function useSelectFieldControllers(_ref) {
   return controllers;
 };
 
-/**
- * This helper method helps to check if the user is scrolling inside the select options so,
- * it does not close the menu when using the prop menuShouldScrollIntoView
- **/
-var isScrollingTheSelectMenu = function isScrollingTheSelectMenu(element) {
-  if (!isReactSelectElement(element)) {
-    var _element$children;
-    // Checking in case it is a grouped options
-    return isReactSelectElement(element == null || (_element$children = element.children) == null ? void 0 : _element$children[0]);
-  }
-  return true;
-};
-var isReactSelectElement = function isReactSelectElement(element) {
-  var _element$children2;
-  var firstOption = element == null || (_element$children2 = element.children) == null ? void 0 : _element$children2[0];
-  if (!firstOption) {
-    return false;
-  }
-  return typeof firstOption.id === 'string' && firstOption.id.includes('react-select');
-};
-
 var styles$v = {"custom-control":"_pXQqq"};
 
 var _excluded$d = ["children"];
@@ -10333,12 +10312,6 @@ var useSelectField = function useSelectField(_ref) {
   var _getDataProps = getDataProps(rest),
     dataProps = _getDataProps.dataProps;
   var selectProps = {
-    closeMenuOnScroll: function closeMenuOnScroll(e) {
-      if (!e.target) {
-        return false;
-      }
-      return !isScrollingTheSelectMenu(e.target);
-    },
     componentsProps: {
       testId: testId,
       UserCustomOption: UserCustomOption,
@@ -10361,7 +10334,7 @@ var useSelectField = function useSelectField(_ref) {
     inputId: controllers.id,
     isClearable: isClearable,
     isDisabled: disabled,
-    menuPortalTarget: document.body,
+    menuPortalTarget: document.getElementsByClassName('page-content')[0] || document.body,
     menuPlacement: menuShouldScrollIntoView ? 'bottom' : 'auto',
     menuPosition: menuShouldScrollIntoView ? 'absolute' : 'fixed',
     noOptionsMessage: typeof noOptionsMessage === 'function' ? noOptionsMessage : defaultNoOptionsMessage,
@@ -11623,12 +11596,6 @@ var MultiSelectField = function MultiSelectField(_ref) {
     menuShouldScrollIntoView: menuShouldScrollIntoView,
     menuPlacement: menuShouldScrollIntoView ? 'bottom' : 'auto',
     menuPosition: menuShouldScrollIntoView ? 'absolute' : 'fixed',
-    closeMenuOnScroll: function closeMenuOnScroll(e) {
-      if (!e.target) {
-        return false;
-      }
-      return !isScrollingTheSelectMenu(e.target);
-    },
     isSearchable: isSearchable,
     menuIsOpen: isMenuInputFocus || undefined,
     isClearable: isClearable