onCheckNewValue on SelectInput and AutocompleteInput (#812)

Signed-off-by: Mathieu DEHARBE <[email protected]>

Author: Mathieu-Deharbe

src/components/inputs/reactHookForm/autocompleteInputs/AutocompleteInput.tsx

@@ -8,11 +8,9 @@
 import { useMemo } from 'react';
 import { Autocomplete, AutocompleteProps, TextField, TextFieldProps } from '@mui/material';
 import { useController } from 'react-hook-form';
-import { genHelperError, identity, isFieldRequired } from '../utils/functions';
-import { FieldLabel } from '../utils/FieldLabel';
-import { useCustomFormContext } from '../provider/useCustomFormContext';
-import { Option } from '../../../../utils/types/types';
-import { HelperPreviousValue } from '../utils/HelperPreviousValue';
+import { genHelperError, identity, isFieldRequired, FieldLabel, HelperPreviousValue } from '../utils';
+import { useCustomFormContext } from '../provider';
+import { Option } from '../../../../utils';
 
 export interface AutocompleteInputProps
     extends Omit<
@@ -31,6 +29,7 @@ export interface AutocompleteInputProps
     onChangeCallback?: () => void;
     formProps?: Omit<TextFieldProps, 'value' | 'onChange' | 'inputRef' | 'inputProps' | 'InputProps'>;
     disabledTooltip?: boolean;
+    onCheckNewValue?: (value: Option | null) => boolean; // if return false, do not apply the new value
 }
 
 export function AutocompleteInput({
@@ -45,6 +44,7 @@ export function AutocompleteInput({
     onChangeCallback, // method called when input value is changing
     formProps,
     disabledTooltip,
+    onCheckNewValue,
     ...props
 }: AutocompleteInputProps) {
     const { validationSchema, getValues, removeOptional, isNodeBuilt, isUpdate } = useCustomFormContext();
@@ -59,6 +59,9 @@ export function AutocompleteInput({
         if (currentValue?.id === newValue) {
             return;
         }
+        if (!onCheckNewValue?.(newValue)) {
+            return;
+        }
         onChangeCallback?.();
         // if free solo not enabled or if value is not of string type, we call onChange right away
         if (!allowNewValue || typeof newValue !== 'string') {

src/components/inputs/reactHookForm/selectInputs/SelectInput.tsx

@@ -6,15 +6,16 @@
  */
 
 import { useIntl } from 'react-intl';
-import { AutocompleteInput, AutocompleteInputProps } from '../autocompleteInputs/AutocompleteInput';
-import { Option } from '../../../../utils/types/types';
+import { AutocompleteInput, AutocompleteInputProps } from '../autocompleteInputs';
+import { Option } from '../../../../utils';
 
 export interface SelectInputProps
     extends Omit<
         AutocompleteInputProps,
         'outputTransform' | 'inputTransform' | 'readOnly' | 'getOptionLabel' // already defined in SelectInput
     > {
     options: Option[];
+    onCheckNewValue?: (value: Option | null) => boolean; // if return false, do not apply the new value
 }
 
 export function SelectInput(props: SelectInputProps) {