@7shifts/sous-chef 3.44.9 → 3.44.11

package/dist/index.modern.js

@@ -6338,7 +6338,7 @@ var DropdownPane = function DropdownPane(props) {
   if (!isOpen) {
     return null;
   }
-  return React__default.createElement(Portal, null, React__default.createElement(PaneOverlay, _extends({}, props)));
+  return React__default.createElement(PaneOverlay, _extends({}, props));
 };
 var PaneOverlay = function PaneOverlay(_ref) {
   var _classNames;
@@ -6358,18 +6358,6 @@ var PaneOverlay = function PaneOverlay(_ref) {
   var _useState = useState({}),
     position = _useState[0],
     setPosition = _useState[1];
-  useEffect(function () {
-    var handleScroll = function handleScroll(e) {
-      var _paneRef$current;
-      if (e.target !== paneRef.current && !((_paneRef$current = paneRef.current) !== null && _paneRef$current !== void 0 && _paneRef$current.contains(e.target))) {
-        onToggleDropdown();
-      }
-    };
-    window.addEventListener('scroll', handleScroll, true);
-    return function () {
-      window.removeEventListener('scroll', handleScroll, true);
-    };
-  }, [onToggleDropdown, paneRef]);
   useOnClickOutsideRole('dialog', onToggleDropdown);
   useLayoutEffect(function () {
     if (!triggerRef || !('current' in triggerRef) || !(triggerRef !== null && triggerRef !== void 0 && triggerRef.current) || !(paneRef !== null && paneRef !== void 0 && paneRef.current)) {
@@ -8058,6 +8046,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,7 +9507,6 @@ var useSelectField = function useSelectField(_ref) {
   } : undefined;
   var selectProps = {
     closeMenuOnScroll: function closeMenuOnScroll(e) {
-      console.log('Scroll event detected.');
       if (!e.target) {
         return false;
       }
@@ -9732,6 +9725,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))
@@ -9766,9 +9762,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,
@@ -10663,7 +10657,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);
@@ -10882,6 +10876,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"
@@ -10923,9 +10920,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;
     },
@@ -11368,6 +11363,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"
@@ -11402,9 +11400,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;
     },