@7shifts/sous-chef 3.69.0 → 3.70.0

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

@@ -1,2 +1,2 @@
-declare const _default: typeof import("react-select/src/components/containers").SelectContainer;
+declare const _default: <Option_18, IsMulti_18 extends boolean, Group_18 extends import("react-select").GroupBase<Option_18>>(props: import("react-select").ContainerProps<Option_18, IsMulti_18, Group_18>) => import("@emotion/react").jsx.JSX.Element;
 export default _default;

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

@@ -1,2 +1,2 @@
-declare const _default: typeof import("react-select/src/components/Option").default;
+declare const _default: <Option_16, IsMulti_16 extends boolean, Group_16 extends import("react-select").GroupBase<Option_16>>(props: import("react-select").OptionProps<Option_16, IsMulti_16, Group_16>) => import("@emotion/react").jsx.JSX.Element;
 export default _default;

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

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { ControlProps } from 'react-select';
 export type GroupOption<T> = {
     label: string;
@@ -19,3 +20,11 @@ export type CustomOptionProps<T> = {
 export interface SelectedOptionPrefixProps<T> extends ControlProps<T, false> {
     selectedOption: SelectOption<T>;
 }
+export type CustomComponentsExtraProps = {
+    testId?: string;
+    UserCustomOption?: React.ElementType;
+    SelectedOptionPrefix?: React.ElementType;
+    creatableButton?: ReactNode;
+    onMenuInputFocus: (isFocused: boolean) => void;
+    onCreate?: (option: string) => void;
+};

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import type { Props } from './SelectField';
+import { CustomComponentsExtraProps } from './types';
 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, autoFocus, ...rest }: Props<T>) => {
-    selectProps: {
-        [x: string]: any;
-        [x: number]: any;
-    } & import("react-select/src/stateManager").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<import("react-select").OptionTypeBase>> & import("react-select").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<import("react-select").OptionTypeBase>>;
+    selectProps: Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "onChange" | "value" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react").RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>> & {
+        componentsProps: CustomComponentsExtraProps;
+    };
     fieldProps: {
         caption: import("react").ReactNode;
         error: import("react").ReactNode;

package/dist/index.js

@@ -9972,27 +9972,6 @@ var useSelectFieldControllers = function useSelectFieldControllers(_ref) {
   return controllers;
 };
 
-/**
- * This helper method helps to check if the user is scrolling inside the select options so,
- * it does not close the menu when using the prop menuShouldScrollIntoView
- **/
-var isScrollingTheSelectMenu = function isScrollingTheSelectMenu(element) {
-  if (!isReactSelectElement(element)) {
-    var _element$children;
-    // Checking in case it is a grouped options
-    return isReactSelectElement(element == null || (_element$children = element.children) == null ? void 0 : _element$children[0]);
-  }
-  return true;
-};
-var isReactSelectElement = function isReactSelectElement(element) {
-  var _element$children2;
-  var firstOption = element == null || (_element$children2 = element.children) == null ? void 0 : _element$children2[0];
-  if (!firstOption) {
-    return false;
-  }
-  return typeof firstOption.id === 'string' && firstOption.id.includes('react-select');
-};
-
 var styles$v = {"custom-control":"_pXQqq"};
 
 var _excluded$d = ["children"];
@@ -10021,6 +10000,9 @@ function CustomOption(_ref) {
   var children = _ref.children,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   var UserCustomOption = props.selectProps.componentsProps.UserCustomOption;
+  if (!UserCustomOption) {
+    return null;
+  }
   return React__default["default"].createElement(Select.components.Option, _extends({}, props), React__default["default"].createElement(UserCustomOption, _extends({}, props), children));
 }
 
@@ -10218,7 +10200,7 @@ function CustomMenu(_ref) {
     });
   };
   var onCreateButton = function onCreateButton() {
-    if (textFieldRef.current && textFieldRef.current.value.trim() !== '') {
+    if (textFieldRef.current && textFieldRef.current.value.trim() !== '' && onCreate) {
       onCreate(textFieldRef.current.value);
       textFieldRef.current.value = '';
       setShowFooter(false);
@@ -10330,13 +10312,6 @@ var useSelectField = function useSelectField(_ref) {
   var _getDataProps = getDataProps(rest),
     dataProps = _getDataProps.dataProps;
   var selectProps = {
-    closeMenuOnScroll: function closeMenuOnScroll(e) {
-      if (!e.target) {
-        return false;
-      }
-      return !isScrollingTheSelectMenu(e.target);
-    },
-    // Used to pass props to the custom components inside `components`
     componentsProps: {
       testId: testId,
       UserCustomOption: UserCustomOption,
@@ -11605,6 +11580,7 @@ var MultiSelectField = function MultiSelectField(_ref) {
     onBlur: controllers.onBlur,
     isMulti: true,
     closeMenuOnSelect: closeOnSelect,
+    // @ts-expect-error Used to pass props to the custom components inside `components`
     componentsProps: {
       testId: testId,
       UserCustomOption: UserCustomOption,
@@ -11620,12 +11596,6 @@ var MultiSelectField = function MultiSelectField(_ref) {
     menuShouldScrollIntoView: menuShouldScrollIntoView,
     menuPlacement: menuShouldScrollIntoView ? 'bottom' : 'auto',
     menuPosition: menuShouldScrollIntoView ? 'absolute' : 'fixed',
-    closeMenuOnScroll: function closeMenuOnScroll(e) {
-      if (!e.target) {
-        return false;
-      }
-      return !isScrollingTheSelectMenu(e.target);
-    },
     isSearchable: isSearchable,
     menuIsOpen: isMenuInputFocus || undefined,
     isClearable: isClearable
@@ -11694,7 +11664,7 @@ var AsyncSelectField = function AsyncSelectField(_ref) {
       var _ref$current;
       var hasMore = _ref2.hasMore,
         options = _ref2.options;
-      if (ref.current && inputValue !== (ref == null || (_ref$current = ref.current) == null ? void 0 : _ref$current['state']['inputValue'])) {
+      if (ref.current && inputValue !== (ref == null || (_ref$current = ref.current) == null ? void 0 : _ref$current['inputRef']['value'])) {
         return;
       }
       if (!hasFirstLoadPerformed) {