@7shifts/sous-chef 2.8.0 → 2.8.1

package/dist/forms/SelectField/domain.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 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
+ **/
+export declare const isScrollingTheSelectMenu: (element: HTMLElement) => boolean;

package/dist/index.js

@@ -4959,6 +4959,28 @@ function CustomOption(_ref) {
   return React__default.createElement(Select.components.Option, Object.assign({}, props), React__default.createElement(CustomComponent, Object.assign({}, props), children));
 }
 
+var isScrollingTheSelectMenu = function isScrollingTheSelectMenu(element) {
+  if (!isReactSelectElement(element)) {
+    var _element$children;
+
+    return isReactSelectElement(element === null || element === void 0 ? void 0 : (_element$children = element.children) === null || _element$children === void 0 ? void 0 : _element$children[0]);
+  }
+
+  return true;
+};
+
+var isReactSelectElement = function isReactSelectElement(element) {
+  var _element$children2;
+
+  var firstOption = element === null || element === void 0 ? void 0 : (_element$children2 = element.children) === null || _element$children2 === void 0 ? void 0 : _element$children2[0];
+
+  if (!firstOption) {
+    return false;
+  }
+
+  return typeof firstOption.id === 'string' && firstOption.id.includes('react-select');
+};
+
 var MultiSelectField = function MultiSelectField(_ref) {
   var name = _ref.name,
       inputId = _ref.id,
@@ -5027,10 +5049,7 @@ var MultiSelectField = function MultiSelectField(_ref) {
         return false;
       }
 
-      var target = e.target;
-      var firstOption = target.children[0];
-      var isScrollingTheMenu = firstOption && typeof firstOption.id === 'string' && firstOption.id.includes('react-select');
-      return !isScrollingTheMenu;
+      return !isScrollingTheSelectMenu(e.target);
     }
   }));
 };
@@ -5120,10 +5139,7 @@ var SelectField = function SelectField(_ref) {
         return false;
       }
 
-      var target = e.target;
-      var firstOption = target.children[0];
-      var isScrollingTheMenu = firstOption && typeof firstOption.id === 'string' && firstOption.id.includes('react-select');
-      return !isScrollingTheMenu;
+      return !isScrollingTheSelectMenu(e.target);
     },
     components: {
       Option: UserCustomOption ? function (props) {