@7shifts/sous-chef 3.36.0 → 3.36.1-beta0

package/dist/index.modern.js

@@ -5755,13 +5755,6 @@ var getItemType = function getItemType(child) {
       throw new Error('DropdownList - dropdown items should be using DropdownListDivider or DropdownListItem components');
   }
 };
-var calculateScrollYPosition = function calculateScrollYPosition(newFocusItem, lastFocusItem, paneScrollTop, maxPaneHeight, elementYPosition) {
-  var directionCoeff = !lastFocusItem || newFocusItem > lastFocusItem ? -1 * maxPaneHeight : 0;
-  if (elementYPosition > paneScrollTop + maxPaneHeight || elementYPosition < paneScrollTop) {
-    return elementYPosition + directionCoeff;
-  }
-  return null;
-};
 
 var DropdownList = function DropdownList(_ref) {
   var testId = _ref.testId,
@@ -5784,10 +5777,7 @@ var DropdownList = function DropdownList(_ref) {
     if (listRef.current && newFocusItem !== null && listRef.current.parentNode) {
       var element = listRef.current.querySelector(":nth-child(" + (newFocusItem + 1) + ")");
       var parentList = listRef.current.parentNode;
-      var scrollYPosition = calculateScrollYPosition(newFocusItem, focusedItem || 0, parentList.scrollTop, 354, element.offsetTop);
-      if (scrollYPosition !== null) {
-        parentList.scrollTo(0, scrollYPosition);
-      }
+      parentList.scrollTo(0, element.offsetTop);
     }
   };
   var _useListKeyboardNavig = useListKeyboardNavigation(items, listRef, {
@@ -9713,7 +9703,8 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
     inputValue = _ref.inputValue,
     width = _ref.width,
     _ref$endField = _ref.endField,
-    endField = _ref$endField === void 0 ? false : _ref$endField;
+    endField = _ref$endField === void 0 ? false : _ref$endField,
+    value = _ref.value;
   var startTimeParsed = startTime ? getDateWithStartTime(startTime) : setToMidnight(new Date());
   var timeOptions = useMemo(function () {
     return getTimeOptions(interval, startTimeParsed, endField && !!startTime);
@@ -9722,12 +9713,13 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
     index = _useState[0],
     setIndex = _useState[1];
   useEffect(function () {
-    if (inputValue) {
+    var selectedValue = value || inputValue;
+    if (selectedValue) {
       setIndex(timeOptions.findIndex(function (option) {
-        return option.toLowerCase().startsWith(inputValue.toLowerCase());
+        return option.toLowerCase().startsWith(selectedValue.toLowerCase());
       }));
     }
-  }, [inputValue]);
+  }, [inputValue, value]);
   return React__default.createElement(Dropdown, {
     triggerWidth: "full",
     trigger: trigger,
@@ -9801,7 +9793,8 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
     onOptionClick: onOptionClick,
     inputValue: selectedDropdownValue,
     width: width,
-    endField: endField
+    endField: endField,
+    value: allOtherProps.value
   });
 };
 var TimeRangeSelector = forwardRef(TimeFieldElement);