@7shifts/sous-chef 3.28.0 → 3.28.1

package/dist/forms/MultiSelectField/MultiSelectField.d.ts

@@ -28,5 +28,5 @@ declare type Props<T> = {
     onCreate?: (option: string) => void;
 };
 /** Component to make possible choose from a predefined options. */
-declare const MultiSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, onBlur, CustomOption: UserCustomOption, label, caption, error, placeholder, noOptionsMessage, disabled, closeOnSelect, menuShouldScrollIntoView, testId, isSearchable, creatableButton, onCreate }: Props<T>) => JSX.Element;
+declare const MultiSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, onBlur, CustomOption: UserCustomOption, label, caption, error, placeholder, noOptionsMessage, disabled, closeOnSelect, menuShouldScrollIntoView: menuShouldScrollIntoViewProp, testId, isSearchable, creatableButton, onCreate }: Props<T>) => JSX.Element;
 export default MultiSelectField;

package/dist/forms/SelectField/useSelectField.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { Props } from './SelectField';
-export declare const useSelectField: <T extends unknown>({ asToolbarFilter, caption, disabled, error, id, isClearable, label, menuShouldScrollIntoView, name, noOptionsMessage, options, onBlur, onChange, placeholder, value, defaultValue, CustomOption: UserCustomOption, SelectedOptionPrefix, testId, creatableButton, onCreate, isSearchable }: Props<T>) => {
+export declare const useSelectField: <T extends unknown>({ asToolbarFilter, caption, disabled, error, id, isClearable, label, menuShouldScrollIntoView: menuShouldScrollIntoViewProp, name, noOptionsMessage, options, onBlur, onChange, placeholder, value, defaultValue, CustomOption: UserCustomOption, SelectedOptionPrefix, testId, creatableButton, onCreate, isSearchable }: Props<T>) => {
     selectProps: Pick<import("react-select").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<any>>, import("react").ReactText> & import("react-select/src/stateManager").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<any>> & import("react-select").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<any>>;
     fieldProps: {
         caption: import("react").ReactNode;

package/dist/forms/hooks/useShouldScrollMenuIntoView.d.ts

@@ -0,0 +1 @@
+export declare const useShouldScrollMenuIntoView: (menuShouldScrollIntoView?: boolean | undefined) => boolean;

package/dist/index.css

@@ -1687,6 +1687,7 @@ h5._3CIA3 {
   -webkit-hyphens: auto;
       -ms-hyphens: auto;
           hyphens: auto;
+  background: none;
 }
 ._SpJZY:first-of-type {
   border-left: 1px solid var(--color-grey-200);

package/dist/index.js

@@ -8058,6 +8058,21 @@ function CustomMenu(_ref) {
   }, getLocalizedString('default.CREATE'))))));
 }
 
+var useShouldScrollMenuIntoView = function useShouldScrollMenuIntoView(menuShouldScrollIntoView) {
+  var _useModalContext = useModalContext(),
+      isModalMounted = _useModalContext.isModalMounted;
+
+  if (menuShouldScrollIntoView !== undefined) {
+    return menuShouldScrollIntoView;
+  }
+
+  if (isModalMounted) {
+    return false;
+  }
+
+  return true;
+};
+
 var useSelectField = function useSelectField(_ref) {
   var _ref$asToolbarFilter = _ref.asToolbarFilter,
       asToolbarFilter = _ref$asToolbarFilter === void 0 ? false : _ref$asToolbarFilter,
@@ -8068,8 +8083,7 @@ var useSelectField = function useSelectField(_ref) {
       _ref$isClearable = _ref.isClearable,
       isClearable = _ref$isClearable === void 0 ? false : _ref$isClearable,
       label = _ref.label,
-      _ref$menuShouldScroll = _ref.menuShouldScrollIntoView,
-      menuShouldScrollIntoView = _ref$menuShouldScroll === void 0 ? true : _ref$menuShouldScroll,
+      menuShouldScrollIntoViewProp = _ref.menuShouldScrollIntoView,
       name = _ref.name,
       noOptionsMessage = _ref.noOptionsMessage,
       options = _ref.options,
@@ -8085,6 +8099,7 @@ var useSelectField = function useSelectField(_ref) {
       onCreate = _ref.onCreate,
       _ref$isSearchable = _ref.isSearchable,
       isSearchable = _ref$isSearchable === void 0 ? true : _ref$isSearchable;
+  var menuShouldScrollIntoView = useShouldScrollMenuIntoView(menuShouldScrollIntoViewProp);
 
   var _useState = React.useState(false),
       isMenuInputFocus = _useState[0],
@@ -9263,13 +9278,13 @@ var MultiSelectField = function MultiSelectField(_ref) {
       disabled = _ref.disabled,
       _ref$closeOnSelect = _ref.closeOnSelect,
       closeOnSelect = _ref$closeOnSelect === void 0 ? false : _ref$closeOnSelect,
-      _ref$menuShouldScroll = _ref.menuShouldScrollIntoView,
-      menuShouldScrollIntoView = _ref$menuShouldScroll === void 0 ? true : _ref$menuShouldScroll,
+      menuShouldScrollIntoViewProp = _ref.menuShouldScrollIntoView,
       testId = _ref.testId,
       _ref$isSearchable = _ref.isSearchable,
       isSearchable = _ref$isSearchable === void 0 ? true : _ref$isSearchable,
       creatableButton = _ref.creatableButton,
       onCreate = _ref.onCreate;
+  var menuShouldScrollIntoView = useShouldScrollMenuIntoView(menuShouldScrollIntoViewProp);
 
   var _useState = React.useState(false),
       isMenuInputFocus = _useState[0],
@@ -10209,7 +10224,7 @@ var getDateWithStartTime = function getDateWithStartTime(startTime) {
     return baseDate;
   }
 
-  var _parseTime$split = parseTime(startTime, 'g:i').split(':'),
+  var _parseTime$split = parseTime(startTime, 'H:i').split(':'),
       hours = _parseTime$split[0],
       minutes = _parseTime$split[1];