@7shifts/sous-chef 3.11.0 → 3.11.2

package/dist/forms/TimeField/TimeFieldDropdown/TimeFieldDropdown.d.ts

@@ -4,7 +4,7 @@ declare type TimeFieldDropdownProps = {
     trigger: React.ReactElement;
     interval: TimeInterval;
     startTime?: 'now' | string;
-    onOptionClick: (option: any) => void;
+    onOptionClick: (option: string) => void;
     inputValue?: string;
     width?: number;
 };

package/dist/forms/TimeField/TimeFieldDropdownTrigger/TimeFieldDropdownTrigger.d.ts

@@ -5,5 +5,6 @@ declare const TimeFieldDropdownTrigger: React.ForwardRefExoticComponent<Pick<Tex
     onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
     onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
     onInputChange?: ((e: string) => void) | undefined;
+    selectedTimeOption?: string | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export default TimeFieldDropdownTrigger;

package/dist/forms/TimeField/TimeFieldInput/TimeFieldInput.d.ts

@@ -1,7 +1,6 @@
 declare type Props = {
     inputProps: any;
     allOtherProps: any;
-    onInputChange?: (e: string) => void;
 };
 declare const TimeFieldInput: ({ inputProps, allOtherProps }: Props) => JSX.Element;
 export default TimeFieldInput;

package/dist/index.css

@@ -817,7 +817,6 @@ Just for future references:
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   background: var(--color-white);
   margin-top: 8px;
-  z-index: 10;
   transform-origin: top right;
   min-width: 120px;
   padding: 20px;
@@ -2243,6 +2242,7 @@ h5._3CIA3 {
 }
 ._29ZIp {
   position: relative;
+  height: 100%;
 }
 ._3Q8NT {
   box-sizing: border-box;

package/dist/index.js

@@ -4485,7 +4485,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,
@@ -5184,6 +5185,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",
@@ -5621,13 +5625,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, {
@@ -5638,6 +5643,15 @@ var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
       inputProps = _useTextField.inputProps,
       fieldProps = _useTextField.fieldProps;
 
+  React.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
@@ -9149,11 +9163,11 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
   var ref = forwardedRef || internalRef;
 
   var _useState = React.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();
@@ -9184,12 +9198,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
   });
 };