@7shifts/sous-chef 3.11.0 → 3.11.2

package/dist/index.modern.js

@@ -4480,7 +4480,8 @@ var PaneOverlay = function PaneOverlay(_ref) {
     style: _extends({}, position, {
       width: width,
       maxHeight: maxHeight,
-      overflow: overflow
+      overflow: overflow,
+      zIndex: Z_INDEX_LAYERS.MENU
     }),
     ref: paneRef,
     onMouseEnter: onMouseEnter,
@@ -5179,6 +5180,9 @@ var DropdownListItem = function DropdownListItem(_ref) {
 
   return React__default.createElement("li", {
     className: classnames(styles$l['dropdown-list-item'], (_classNames = {}, _classNames[styles$l['dropdown-list-item--selected']] = selected, _classNames[styles$l['dropdown-list-item--disabled']] = disabled, _classNames)),
+    onMouseDown: function onMouseDown(e) {
+      return e.preventDefault();
+    },
     onClick: handleClick,
     onKeyPress: handleClick,
     role: "menuitem",
@@ -5616,13 +5620,14 @@ var TimeFieldInput = function TimeFieldInput(_ref) {
   }));
 };
 
-var _excluded$2h = ["placeholder", "autoComplete"];
+var _excluded$2h = ["placeholder", "autoComplete", "selectedTimeOption"];
 
 var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
   var _ref$placeholder = _ref.placeholder,
       placeholder = _ref$placeholder === void 0 ? '9:00 AM' : _ref$placeholder,
       _ref$autoComplete = _ref.autoComplete,
       autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,
+      selectedTimeOption = _ref.selectedTimeOption,
       allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2h);
 
   var _useTextField = useTextField(_extends({}, allOtherProps, {
@@ -5633,6 +5638,15 @@ var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
       inputProps = _useTextField.inputProps,
       fieldProps = _useTextField.fieldProps;
 
+  useEffect(function () {
+    if (selectedTimeOption) {
+      inputProps.onChange({
+        target: {
+          value: selectedTimeOption
+        }
+      });
+    }
+  }, [selectedTimeOption]);
   return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement(TimeFieldInput, {
     inputProps: inputProps,
     allOtherProps: allOtherProps
@@ -9144,11 +9158,11 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
   var ref = forwardedRef || internalRef;
 
   var _useState = useState(allOtherProps.defaultValue),
-      inputValue = _useState[0],
-      setInputValue = _useState[1];
+      selectedDropdownValue = _useState[0],
+      setSelectedDropdownValue = _useState[1];
 
   var onOptionClick = function onOptionClick(option) {
-    setInputValue(option);
+    setSelectedDropdownValue(option);
     allOtherProps.onChange && allOtherProps.onChange(option);
     ref.current.value = option;
     ref.current.focus();
@@ -9179,12 +9193,13 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
       },
       ref: ref,
       onInputChange: function onInputChange(e) {
-        return setInputValue(e);
-      }
+        return setSelectedDropdownValue(e);
+      },
+      selectedTimeOption: selectedDropdownValue
     })),
     startTime: startTime,
     onOptionClick: onOptionClick,
-    inputValue: inputValue,
+    inputValue: selectedDropdownValue,
     width: width
   });
 };