@7shifts/sous-chef 3.44.8 → 3.44.10

package/dist/index.modern.js

@@ -8058,6 +8058,12 @@ var Calendar$1 = function Calendar(_ref) {
     calendarRef = _useState[0],
     setCalendarRef = _useState[1];
   var anchorNode = anchorRef.current;
+  useEffect(function () {
+    window.addEventListener('scroll', onClickOutside, true);
+    return function () {
+      window.removeEventListener('scroll', onClickOutside, true);
+    };
+  }, [onClickOutside]);
   useOnClickOutside({
     current: calendarRef
   }, function (event) {
@@ -9513,8 +9519,10 @@ var useSelectField = function useSelectField(_ref) {
   } : undefined;
   var selectProps = {
     closeMenuOnScroll: function closeMenuOnScroll(e) {
-      console.log('Scroll event detected.');
-      return true;
+      if (!e.target) {
+        return false;
+      }
+      return !isScrollingTheSelectMenu(e.target);
     },
     componentsProps: {
       testId: testId,
@@ -9729,6 +9737,9 @@ var DateFilter = function DateFilter(_ref) {
     onChange(date);
     setCalendarOpen(false);
   };
+  var onClickOutside = useCallback(function () {
+    return setCalendarOpen(false);
+  }, [setCalendarOpen]);
   return React__default.createElement("div", {
     "data-testid": testId,
     className: classnames(styles$T['date-filter'], (_classnames = {}, _classnames[styles$T['date-filter--wide']] = mode === DATE_FILTER_MODE.WEEK, _classnames))
@@ -9763,9 +9774,7 @@ var DateFilter = function DateFilter(_ref) {
   }))), calendarOpen && mode !== DATE_FILTER_MODE.MONTH && React__default.createElement(Calendar$1, {
     onSelect: handleChange,
     selected: value,
-    onClickOutside: function onClickOutside() {
-      return setCalendarOpen(false);
-    },
+    onClickOutside: onClickOutside,
     anchorRef: calendarAnchorRef,
     weekStart: weekStart,
     mode: mode,
@@ -10660,7 +10669,7 @@ var MultiSelectField = function MultiSelectField(_ref) {
     menuPlacement: menuShouldScrollIntoView ? 'bottom' : 'auto',
     menuPosition: menuShouldScrollIntoView ? 'absolute' : 'fixed',
     closeMenuOnScroll: function closeMenuOnScroll(e) {
-      if (menuShouldScrollIntoView || !e.target) {
+      if (!e.target) {
         return false;
       }
       return !isScrollingTheSelectMenu(e.target);
@@ -10879,6 +10888,9 @@ var DateField = function DateField(_ref) {
       setInputValue('');
     }
   }, [controllers.value]);
+  var onClickOutside = useCallback(function () {
+    return setShowCalendar(false);
+  }, [setShowCalendar]);
   return React__default.createElement(Field, _extends({}, fieldProps), React__default.createElement(AffixContainer, {
     prefix: React__default.createElement(IconCalendarAlt, {
       size: "medium"
@@ -10920,9 +10932,7 @@ var DateField = function DateField(_ref) {
     },
     selected: getSelectedDate(),
     anchorRef: inputRef,
-    onClickOutside: function onClickOutside() {
-      return setShowCalendar(false);
-    },
+    onClickOutside: onClickOutside,
     disabledDays: function disabledDays(day) {
       return _disabledDays ? _disabledDays(setToMidnight(day)) : false;
     },
@@ -11365,6 +11375,9 @@ var WeekField = function WeekField(_ref) {
     caption: caption,
     error: controllers.error
   };
+  var onClickOutside = useCallback(function () {
+    return setShowCalendar(false);
+  }, [setShowCalendar]);
   return React__default.createElement(Field, _extends({}, fieldProps), React__default.createElement(AffixContainer, {
     prefix: React__default.createElement(IconCalendarAlt, {
       size: "medium"
@@ -11399,9 +11412,7 @@ var WeekField = function WeekField(_ref) {
     },
     selected: controllers.value,
     anchorRef: inputRef,
-    onClickOutside: function onClickOutside() {
-      return setShowCalendar(false);
-    },
+    onClickOutside: onClickOutside,
     disabledDays: function disabledDays(day) {
       return _disabledDays ? _disabledDays(setToMidnight(day)) : false;
     },