Include optionChecked icon and error props to InputSearch

Author: Kubit

src/components/inputSearch/components/optionsList.tsx

@@ -48,6 +48,7 @@ export const OptionsListComponent = (
           ref={sendRef}
           caseSensitive={props.caseSensitive}
           charsHighlighted={props.searchText?.toString()}
+          checkedIcon={props.optionCheckedIcon}
           dataTestId={props.dataTestId}
           hightlightedOptionVariant={props.stylesListOption?.hightlightedOptionVariant}
           id={props['aria-controls']}

src/components/inputSearch/components/popoverSearchList.tsx

@@ -76,6 +76,7 @@ export const PopoverSearchListComponent = (
       loader={props.loader}
       loading={props.loading}
       loadingText={props.loadingText}
+      optionCheckedIcon={props.optionCheckedIcon}
       optionVariant={section?.optionVariant}
       options={section?.options || []}
       searchText={labelInResultTextWrittenByUser}
@@ -165,6 +166,7 @@ export const PopoverSearchListComponent = (
       variant={props.styles?.[props.state]?.popoverVariant?.[props.device]}
       onCloseInternally={() => {
         props.onOpenOptions(false);
+        refInput?.current?.focus();
       }}
     >
       {useActionBottomSheet ? (

src/components/inputSearch/inputSearch.tsx

@@ -117,6 +117,7 @@ const InputSearchComponent = React.forwardRef(
         blockBackPopover={blockBackPopover}
         caseSensitive={caseSensitive}
         device={device}
+        error={error}
         hasHighlightedOption={showHighlightedOption}
         hasResultTextWrittenByUser={hasResultTextWrittenByUser}
         highlightedOption={highlightedOption}

src/components/inputSearch/inputSearchStandAlone.tsx

@@ -15,7 +15,7 @@ import { InputSearchStyled } from './inputSearch.styled';
 import { IInputSearchStandAlone } from './types';
 
 export const InputSearchStandAloneComponent = (
-  props: IInputSearchStandAlone,
+  { error, ...props }: IInputSearchStandAlone,
   ref: ForwardedRef<HTMLInputElement | undefined | null>
 ): JSX.Element => {
   const inputWrapperRef = useRef(null);
@@ -80,6 +80,9 @@ export const InputSearchStandAloneComponent = (
           overrideStyles: props.styles,
           placeholder: props.placeholder,
           value: props.inputPopoverValue,
+          error: error,
+          errorIcon: props.errorIcon,
+          errorMessage: props.errorMessage,
           // The variant is the same for all the states
           variant:
             props.inputPopoverVariant ?? (props.styles?.[props.state]?.inputVariant as string),
@@ -93,6 +96,7 @@ export const InputSearchStandAloneComponent = (
         loadingText={props.loadingText}
         noResultsText={props.noResultsText}
         open={props.open}
+        optionCheckedIcon={props.optionCheckedIcon}
         optionList={props.optionList}
         optionsListDefaultArias={props.optionsListDefaultArias}
         preventCloseOnClickElements={[

src/components/inputSearch/types/inputSearch.ts

@@ -58,6 +58,9 @@ export type PopoverSearchInputType = {
   placeholder?: string;
   value?: string;
   variant?: string;
+  error?: boolean;
+  errorIcon?: IElementOrIcon;
+  errorMessage?: InputSearchLoadingTextType;
   onChange?: React.ChangeEventHandler<HTMLInputElement>;
   onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
   onIconClick?: React.MouseEventHandler<HTMLButtonElement>;
@@ -91,6 +94,7 @@ export interface IPopoverSearchList {
   regex?: string | RegExp;
   value?: string;
   caseSensitive?: boolean;
+  optionCheckedIcon?: IElementOrIcon;
   // Functions
   onOpenOptions: (value: boolean) => void;
   onValueSelected: (value: string) => void;
@@ -116,6 +120,7 @@ export interface IOptionsListSearchList extends OptionGroupAriasTypes {
   loadingText?: InputSearchLoadingTextType;
   value?: string;
   searchText?: string;
+  optionCheckedIcon?: IElementOrIcon;
 }
 
 export interface ILoadingIcon {
@@ -154,6 +159,7 @@ export interface IInputSearchStandAlone extends Omit<IInputStandAlone, propsToOm
   // Modifiers
   inputVariant?: string;
   open: boolean;
+  error?: boolean;
   searchText?: string;
   value?: string;
   titleActionBottomSheet?: string;
@@ -163,6 +169,7 @@ export interface IInputSearchStandAlone extends Omit<IInputStandAlone, propsToOm
   listOptionsHeight: string;
   optionList: IOptionGroup[];
   optionsListDefaultArias?: OptionGroupAriasTypes;
+  optionCheckedIcon?: IElementOrIcon;
   loadingList?: boolean;
   loadingText?: InputSearchLoadingTextType;
   elementsToShow?: number;
@@ -223,7 +230,6 @@ export interface IInputSearch<V = undefined extends string ? unknown : string>
   variant: V;
   open?: boolean;
   disabled?: boolean;
-  error?: boolean;
   searchFilterConfig?: SearchFilterConfig;
   disableErrorInvalidOption?: boolean;
   regex?: string | RegExp;