@7shifts/sous-chef 3.69.0 → 3.70.0

package/dist/index.modern.js

@@ -10162,27 +10162,6 @@ const useSelectFieldControllers = ({
   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
- **/
-const 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;
-};
-const isReactSelectElement = element => {
-  var _element$children2;
-  const 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"};
 
 const _excluded$d = ["children"];
@@ -10219,6 +10198,9 @@ function CustomOption(_ref) {
   const {
     UserCustomOption
   } = props.selectProps.componentsProps;
+  if (!UserCustomOption) {
+    return null;
+  }
   return React__default.createElement(components.Option, _extends({}, props), React__default.createElement(UserCustomOption, _extends({}, props), children));
 }
 
@@ -10400,7 +10382,7 @@ function CustomMenu(_ref) {
     });
   };
   const onCreateButton = () => {
-    if (textFieldRef.current && textFieldRef.current.value.trim() !== '') {
+    if (textFieldRef.current && textFieldRef.current.value.trim() !== '' && onCreate) {
       onCreate(textFieldRef.current.value);
       textFieldRef.current.value = '';
       setShowFooter(false);
@@ -10501,13 +10483,6 @@ const useSelectField = _ref => {
     dataProps
   } = getDataProps(rest);
   const selectProps = {
-    closeMenuOnScroll: e => {
-      if (!e.target) {
-        return false;
-      }
-      return !isScrollingTheSelectMenu(e.target);
-    },
-    // Used to pass props to the custom components inside `components`
     componentsProps: {
       testId,
       UserCustomOption,
@@ -11751,6 +11726,7 @@ const MultiSelectField = ({
     onBlur: controllers.onBlur,
     isMulti: true,
     closeMenuOnSelect: _closeOnSelect,
+    // @ts-expect-error Used to pass props to the custom components inside `components`
     componentsProps: {
       testId,
       UserCustomOption,
@@ -11766,12 +11742,6 @@ const MultiSelectField = ({
     menuShouldScrollIntoView: _menuShouldScrollIntoView,
     menuPlacement: _menuShouldScrollIntoView ? 'bottom' : 'auto',
     menuPosition: _menuShouldScrollIntoView ? 'absolute' : 'fixed',
-    closeMenuOnScroll: e => {
-      if (!e.target) {
-        return false;
-      }
-      return !isScrollingTheSelectMenu(e.target);
-    },
     isSearchable: _isSearchable,
     menuIsOpen: isMenuInputFocus || undefined,
     isClearable: _isClearable
@@ -11835,7 +11805,7 @@ const AsyncSelectField = _ref => {
       options
     }) => {
       var _ref$current;
-      if (ref.current && inputValue !== (ref == null || (_ref$current = ref.current) == null ? void 0 : _ref$current['state']['inputValue'])) {
+      if (ref.current && inputValue !== (ref == null || (_ref$current = ref.current) == null ? void 0 : _ref$current['inputRef']['value'])) {
         return;
       }
       if (!hasFirstLoadPerformed) {