design-react-kit 5.6.0 → 5.7.0

package/dist/index.js

@@ -33,6 +33,8 @@ export { CardTag } from './Card/CardTag';
 export { CardTagsHeader } from './Card/CardTagsHeader';
 export { CardText } from './Card/CardText';
 export { CardTitle } from './Card/CardTitle';
+export { Carousel } from './Carousel/Carousel';
+export { CarouselSlide } from './Carousel/CarouselSlide';
 export { Chip } from './Chips/Chip';
 export { ChipLabel } from './Chips/ChipLabel';
 export { Collapse } from './Collapse/Collapse';
@@ -100,5 +102,7 @@ export { Toggle } from './Toggle/Toggle';
 export { Toolbar } from './Toolbar/Toolbar';
 export { ToolbarDividerItem } from './Toolbar/ToolbarDividerItem';
 export { ToolbarItem } from './Toolbar/ToolbarItem';
+export { Transfer } from './Transfer/Transfer';
+export { Video } from './Video/Video';
 import './track-focus.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/types/Autocomplete/Autocomplete.d.ts

@@ -1,18 +1,23 @@
 import { FC } from 'react';
 export interface AutocompleteAttributes {
     /** Identificativo */
-    id?: string;
+    id: string;
+    /** Label */
+    label: string;
+    /** Valori all'interno della select */
+    source: (query: string, syncResults: () => void) => void;
     /** Valori chiave - valore all'interno della select */
-    source: {
-        value: string;
-        label: string;
-    }[];
+    onConfirm?: (value: string) => void;
     /** Placeholder (default: ``) */
     placeholder?: string;
     /** Valore di default (default: ``) */
     defaultValue?: string;
     /** Modalità display menu (default: `inline`) */
     displayMenu?: string;
+    /** Utilizzare per mostrare il successo nella validazione del valore nel campo Input */
+    valid?: boolean;
+    /** Testo di validazione per l'elemento del moduleo form. */
+    validationText?: string;
     /** Funzione ritornante stringa in caso di nessun risultato */
     tNoResults?: () => string;
     /** Funzione ritornante stringa di suggerimento */

package/dist/types/Carousel/Carousel.d.ts

@@ -0,0 +1,7 @@
+import React, { FC } from 'react';
+import { SplideProps } from '@splidejs/react-splide';
+export interface CarouselProps extends SplideProps {
+    type: string;
+    children?: React.ReactNode;
+}
+export declare const Carousel: FC<CarouselProps>;

package/dist/types/Carousel/CarouselSlide.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CarouselSlide: React.FC<JSX.IntrinsicElements['li']>;

package/dist/types/Input/Input.d.ts

@@ -15,7 +15,7 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     decrementLabel?: string | ReactNode;
     /** Testo di esempio da utilizzare per il campo. */
     placeholder?: string;
-    /** Testo di validazione per l'elemento del moduleo form. */
+    /** Testo di validazione per l'elemento del modulo form. */
     validationText?: string;
     /** Testo di aiuto per l'elemento del moduleo form. Richiede che il componente `Input` abbia la prop `id` impostata. */
     infoText?: string;
@@ -30,8 +30,6 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     innerRef?: Ref<HTMLInputElement>;
     /** Utilizzare per mostrare testo statico non modificabile. */
     plaintext?: boolean;
-    /** Utilizzare per mostrare un elemento addon a fianco (prima o dopo) il campo input all'interno del componente */
-    addon?: boolean;
     /** Utilizzare per mostrare un elemento un simbolo attivando la proprietà addon nel campo input all'interno del componente */
     addonText?: string;
     /** Oggetto contenente la nuova mappatura per le classi CSS. */
@@ -64,5 +62,5 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     iconLeft?: ReactNode;
     testId?: string;
 }
-export declare const Input: ({ id, className, cssModule, type, tag, addon, addonText, static: staticInput, plaintext, innerRef, label, incrementLabel, decrementLabel, validationText, infoText, placeholder, normalized, value, wrapperClass: originalWrapperClassOld, wrapperClassName: originalWrapperClass, size, testId, noWrapper, hasButtonRight, buttonRight, hasIconLeft, iconLeft, ...attributes }: InputProps) => React.JSX.Element;
+export declare const Input: ({ id, className, cssModule, type, tag, addonText, static: staticInput, plaintext, innerRef, label, incrementLabel, decrementLabel, validationText, infoText, placeholder, normalized, value, wrapperClass: originalWrapperClassOld, wrapperClassName: originalWrapperClass, size, testId, noWrapper, hasButtonRight, buttonRight, hasIconLeft, iconLeft, ...attributes }: InputProps) => React.JSX.Element;
 export {};

package/dist/types/Input/utils.d.ts

@@ -4,7 +4,7 @@ type ValidationProps = Pick<InputProps, 'valid'>;
 type TypeProps = Pick<InputProps, 'plaintext' | 'type'> & {
     staticInput?: boolean;
 };
-type FormControlProps = Pick<InputProps, 'addon' | 'normalized'> & TypeProps;
+type FormControlProps = Pick<InputProps, 'normalized'> & TypeProps;
 export declare function getFormControlClass(props: FormControlProps, cssModule?: CSSModule): string;
 export declare function getValidationTextControlClass({ valid }: ValidationProps, cssModule?: CSSModule): string;
 export declare function getTag({ tag, plaintext, staticInput, type }: Pick<InputProps, 'tag'> & TypeProps): import("react").ElementType;

package/dist/types/Transfer/BacktransferButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const BacktransferButton: () => React.JSX.Element;
+export { BacktransferButton };

package/dist/types/Transfer/Item.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare const Item: ({ id, children }: {
+    id: string;
+    children: React.ReactNode;
+}) => React.JSX.Element;
+declare const InternalItem: ({ id, checked, children, onChange }: {
+    id: string;
+    checked?: boolean;
+    children: React.ReactNode;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+}) => React.JSX.Element;
+export { InternalItem, Item };

package/dist/types/Transfer/ResetButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ResetButton: () => React.JSX.Element;
+export { ResetButton };

package/dist/types/Transfer/SelectAllCheckbox.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const SelectAllCheckbox: ({ className, description, checked, id, onChange, children }: {
+    className?: string;
+    id: string;
+    checked?: boolean;
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+    children: React.ReactNode;
+    description?: string;
+}) => React.JSX.Element;
+export { SelectAllCheckbox };

package/dist/types/Transfer/Source.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const Source: React.FC<{
+    children?: React.ReactNode;
+}> & {
+    Header: React.FC<{
+        children?: React.ReactNode;
+    }>;
+};
+export { Source };

package/dist/types/Transfer/Target.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const Target: React.FC<{
+    children?: React.ReactNode;
+}> & {
+    Header: React.FC<{
+        children?: React.ReactNode;
+    }>;
+};
+export { Target };

package/dist/types/Transfer/Transfer.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+declare const Transfer: {
+    ({ children }: {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    Source: React.FC<{
+        children?: React.ReactNode;
+    }> & {
+        Header: React.FC<{
+            children?: React.ReactNode;
+        }>;
+    };
+    Target: React.FC<{
+        children?: React.ReactNode;
+    }> & {
+        Header: React.FC<{
+            children?: React.ReactNode;
+        }>;
+    };
+    Item: ({ id, children }: {
+        id: string;
+        children: React.ReactNode;
+    }) => React.JSX.Element;
+    TransferButton: () => React.JSX.Element;
+    BacktransferButton: () => React.JSX.Element;
+    ResetButton: () => React.JSX.Element;
+    useTransfer: () => {
+        source: {
+            checked: boolean;
+            id: string;
+            content: React.ReactNode;
+        }[];
+        target: {
+            checked: boolean;
+            id: string;
+            content: React.ReactNode;
+        }[];
+    };
+};
+export { Transfer };

package/dist/types/Transfer/TransferButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TransferButton: () => React.JSX.Element;
+export { TransferButton };

package/dist/types/Transfer/useTransferContext.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+interface TransferContextType {
+    sourceItems: {
+        id: string;
+        content: React.ReactNode;
+    }[];
+    targetItems: {
+        id: string;
+        content: React.ReactNode;
+    }[];
+    sourceCandidates: string[];
+    targetCandidates: string[];
+    setSourceItems: ({ items, setOriginals }: {
+        items: {
+            id: string;
+            content: React.ReactNode;
+        }[];
+        setOriginals?: boolean;
+    }) => void;
+    setTargetItems: ({ items, setOriginals }: {
+        items: {
+            id: string;
+            content: React.ReactNode;
+        }[];
+        setOriginals?: boolean;
+    }) => void;
+    setSourceCandidates: (items: string[]) => void;
+    setTargetCandidates: (items: string[]) => void;
+    isChanged: boolean;
+    reset: () => void;
+}
+export declare const TransferContext: React.Context<TransferContextType>;
+export declare const useTransferContext: () => TransferContextType;
+export declare const TransferContextProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const useTransfer: () => {
+    source: {
+        checked: boolean;
+        id: string;
+        content: React.ReactNode;
+    }[];
+    target: {
+        checked: boolean;
+        id: string;
+        content: React.ReactNode;
+    }[];
+};
+export {};

package/dist/types/Video/Video.d.ts

@@ -0,0 +1,58 @@
+import { FC } from 'react';
+export interface VideoSource {
+    /** Sorgente del video */
+    src: string;
+    /** Tipo della sorgente video */
+    type: string;
+}
+export interface VideoTrackSource {
+    /** Tipologia di traccia audio */
+    kind: string;
+    /** Sorgente della traccia audio */
+    src: string;
+    /** Lingua della traccia audio */
+    srcLang: string;
+    /** Label della traccia audio */
+    label: string;
+    /** Setta la traccia audio come default */
+    isDefault?: boolean;
+}
+export interface VideoYouTube {
+    /** Url del video YouTube */
+    url: string;
+    /** Attiva o meno il disclaimer */
+    hasDisclaimer?: boolean;
+    /** Testo del disclaimer */
+    disclaimerText?: string;
+    /** Chiave del disclaimer come preferenza */
+    disclaimerKey?: string;
+}
+export interface VideoProps {
+    /** Id del componente Video */
+    id: string;
+    /** Sorgenti del video */
+    sources?: Array<VideoSource>;
+    /** Testo della trascrizione */
+    transcription?: string;
+    /** Label dell'accordion della trascrizione */
+    transcriptionLabel?: string;
+    /** Array delle tracce */
+    tracks?: Array<VideoTrackSource>;
+    /** Url del poster */
+    poster?: string;
+    /** Attiva o meno i controlli */
+    controls?: boolean;
+    /** Attiva o meno l'autoplay */
+    autoPlay?: boolean;
+    /** Attiva o meno il loop del video */
+    loop?: boolean;
+    /** Modalità visualizzazione fluida */
+    fluid?: boolean;
+    /** Video YouTube */
+    youtube?: VideoYouTube;
+    /** Label del pulsante di accettazione */
+    acceptLabel?: string;
+    /** Label della checkbox per ricordare la scelta di accettazione */
+    rememberLabel?: string;
+}
+export declare const Video: FC<VideoProps>;

package/dist/types/index.d.ts

@@ -33,6 +33,8 @@ export { CardTag } from './Card/CardTag';
 export { CardTagsHeader } from './Card/CardTagsHeader';
 export { CardText } from './Card/CardText';
 export { CardTitle } from './Card/CardTitle';
+export { Carousel } from './Carousel/Carousel';
+export { CarouselSlide } from './Carousel/CarouselSlide';
 export { Chip } from './Chips/Chip';
 export { ChipLabel } from './Chips/ChipLabel';
 export { Collapse } from './Collapse/Collapse';
@@ -100,6 +102,8 @@ export { Toggle } from './Toggle/Toggle';
 export { Toolbar } from './Toolbar/Toolbar';
 export { ToolbarDividerItem } from './Toolbar/ToolbarDividerItem';
 export { ToolbarItem } from './Toolbar/ToolbarItem';
+export { Transfer } from './Transfer/Transfer';
+export { Video } from './Video/Video';
 export type { AccordionProps } from './Accordion/Accordion';
 export type { AccordionBodyProps } from './Accordion/AccordionBody';
 export type { AccordionHeaderProps } from './Accordion/AccordionHeader';
@@ -129,6 +133,7 @@ export type { CardTagProps } from './Card/CardTag';
 export type { CardTagsHeaderProps } from './Card/CardTagsHeader';
 export type { CardTextProps } from './Card/CardText';
 export type { CardTitleProps } from './Card/CardTitle';
+export type { CarouselProps } from './Carousel/Carousel';
 export type { ChipProps } from './Chips/Chip';
 export type { ChipLabelProps } from './Chips/ChipLabel';
 export type { DimmerProps } from './Dimmer/Dimmer';
@@ -193,6 +198,7 @@ export type { TimelineProps } from './Timeline/TimelineWrapper';
 export type { ToggleProps } from './Toggle/Toggle';
 export type { ToolbarProps } from './Toolbar/Toolbar';
 export type { ToolbarItemBadge, ToolbarItemProps } from './Toolbar/ToolbarItem';
+export type { VideoProps, VideoYouTube, VideoSource, VideoTrackSource } from "./Video/Video";
 export type { BreadcrumbItemProps, ButtonDropdownProps, ButtonGroupProps, ButtonToolbarProps, CardColumnsProps, CardDeckProps, CardFooterProps, CardGroupProps, CardHeaderProps, CardImgOverlayProps, CardImgProps, CardLinkProps, CardSubtitleProps, ColProps, ContainerProps, FadeProps, FormFeedbackProps, FormGroupProps, FormProps, FormTextProps, InputGroupProps, InputGroupTextProps, LabelProps, ListGroupItemHeadingProps, ListGroupItemProps, ListGroupItemTextProps, ListGroupProps, MediaProps, NavItemProps, NavLinkProps, NavbarBrandProps, NavbarProps, NavbarTogglerProps, PaginationItem as PagerItemProps, PaginationLink as PagerLinkProps, PopoverBodyProps, PopoverHeaderProps, PopoverProps, RowProps, TableProps, TooltipProps, UncontrolledAlertProps, UncontrolledCollapseProps, UncontrolledTooltipProps } from 'reactstrap';
 export type { TabContainerProps, TabContentProps, TabPaneProps } from 'react-bootstrap';
 import './track-focus.js';

package/package.json

@@ -19,12 +19,13 @@
     "Sabatino Galasso",
     "Andrea Stagi",
     "Federico Turbino",
-    "Nicola Squartini"
+    "Nicola Squartini",
+    "Davide Bizzi"
   ],
   "bugs": {
     "url": "https://github.com/italia/design-react-kit/issues"
   },
-  "version": "5.6.0",
+  "version": "5.7.0",
   "license": "BSD-3",
   "type": "module",
   "module": "./dist/index.js",
@@ -107,7 +108,7 @@
     "@types/react-bootstrap": "^0.32.37",
     "@types/react-dom": "^18.2.24",
     "@types/react-transition-group": "^4.4.10",
-    "bootstrap-italia": "^2.13.4",
+    "bootstrap-italia": "^2.14.0",
     "browserslist-config-design-italia": "^1.0.0",
     "eslint": "^9.10.0",
     "eslint-plugin-mdx": "^3.1.5",
@@ -134,6 +135,8 @@
     "vite": "^5.2.7"
   },
   "dependencies": {
+    "@splidejs/react-splide": "^0.7.12",
+    "accessible-autocomplete": "^3.0.1",
     "classnames": "^2.3.1",
     "is-number": "^7.0.0",
     "react-bootstrap": "^2.10.6",

package/src/Accordion/AccordionBody.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import React, { ElementType, PropsWithChildren, useCallback, useState } from 'react';
+import React, { ElementType, PropsWithChildren, useCallback, useRef, useState } from 'react';
 import { Transition } from 'react-transition-group';
 import type { TransitionProps } from 'react-transition-group/Transition';
 import { TransitionTimeouts, TransitionsKeys } from '../transitions';
@@ -39,43 +39,53 @@ export const AccordionBody = ({
   ...attributes
 }: PropsWithChildren<AccordionBodyProps>) => {
   const [height, setHeight] = useState<null | number>(null);
-
+  const nodeRef = useRef<HTMLElement>(null);
   const onEntering = useCallback(
-    (node: HTMLElement, isAppearing: boolean) => {
-      setHeight(getHeight(node));
-      attributes.onEntering?.(node, isAppearing);
+    (isAppearing: boolean) => {
+      if (nodeRef.current) {
+        setHeight(getHeight(nodeRef.current));
+        attributes.onEntering?.(nodeRef.current, isAppearing);
+      }
     },
     [attributes.onEntering]
   );
   const onEntered = useCallback(
-    (node: HTMLElement, isAppearing: boolean) => {
+    (isAppearing: boolean) => {
       setHeight(null);
-      attributes.onEntered?.(node, isAppearing);
+      if (nodeRef.current) {
+        attributes.onEntered?.(nodeRef.current, isAppearing);
+      }
     },
     [attributes.onEntered]
   );
   const onExit = useCallback(
-    (node: HTMLElement) => {
-      setHeight(getHeight(node));
-      attributes.onExit?.(node);
+    () => {
+      if (nodeRef.current) {
+        setHeight(getHeight(nodeRef.current));
+        attributes.onExit?.(nodeRef.current);
+      }
     },
     [attributes.onExit]
   );
   const onExiting = useCallback(
-    (node: HTMLElement) => {
-      // getting this variable triggers a reflow
-      // @ts-expect-error variabile non usata
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      const _unused = node.offsetHeight;
-      setHeight(0);
-      attributes.onExiting?.(node);
+    () => {
+      if (nodeRef.current) {
+        // getting this variable triggers a reflow
+        // @ts-expect-error variabile non usata
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const _unused = nodeRef.current.offsetHeight;
+        setHeight(0);
+        attributes.onExiting?.(nodeRef.current);
+      }
     },
     [attributes.onExiting]
   );
   const onExited = useCallback(
-    (node: HTMLElement) => {
+    () => {
       setHeight(null);
-      attributes.onExited?.(node);
+      if (nodeRef.current) {
+        attributes.onExited?.(nodeRef.current);
+      }
     },
     [attributes.onExited]
   );
@@ -86,7 +96,7 @@ export const AccordionBody = ({
 
   return (
     <Transition
-      {...transitionProps}
+      nodeRef={nodeRef}
       timeout={timeout}
       in={active}
       onEntering={onEntering}
@@ -94,6 +104,7 @@ export const AccordionBody = ({
       onExit={onExit}
       onExiting={onExiting}
       onExited={onExited}
+      {...transitionProps}
     >
       {(status) => {
         const transitionClass = getTransitionClass(status);
@@ -102,7 +113,7 @@ export const AccordionBody = ({
         const style = height == null ? null : { height };
 
         return (
-          <Tag className={classes} style={{ ...childProps.style, ...style }} {...childProps}>
+          <Tag className={classes} ref={nodeRef} style={{ ...childProps.style, ...style }} {...childProps}>
             <div className={listClasses}>{children}</div>
           </Tag>
         );
@@ -110,4 +121,3 @@ export const AccordionBody = ({
     </Transition>
   );
 };
-// }

package/src/Accordion/AccordionHeader.tsx

@@ -31,7 +31,6 @@ export const AccordionHeader: FC<AccordionHeaderProps> = ({
   return (
     <div className='accordion-header' data-testid={testId}>
       <Tag
-        data-bs-toggle='collapse'
         aria-expanded={active ? 'true' : 'false'}
         className={toggleClasses}
         onClick={onToggle}

package/src/Autocomplete/Autocomplete.tsx

@@ -1,19 +1,29 @@
-import React, { FC } from 'react';
+import React, { FC, useEffect } from 'react';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore non ci sono i types
-import BaseAutocomplete from 'accessible-autocomplete/react'; // Reference to https://www.npmjs.com/package/accessible-autocomplete
+import BaseAutocomplete from 'accessible-autocomplete/react';
+// Reference to https://www.npmjs.com/package/accessible-autocomplete
+// Implementation example: https://github.com/alphagov/accessible-autocomplete/blob/main/examples/react/index.html
 
 export interface AutocompleteAttributes {
   /** Identificativo */
-  id?: string;
+  id: string;
+  /** Label */
+  label: string;
+  /** Valori all'interno della select */
+  source: (query: string, syncResults: () => void) => void;
   /** Valori chiave - valore all'interno della select */
-  source: { value: string; label: string }[];
+  onConfirm?: (value: string) => void;
   /** Placeholder (default: ``) */
   placeholder?: string;
   /** Valore di default (default: ``) */
   defaultValue?: string;
   /** Modalità display menu (default: `inline`) */
   displayMenu?: string;
+  /** Utilizzare per mostrare il successo nella validazione del valore nel campo Input */
+  valid?: boolean;
+  /** Testo di validazione per l'elemento del moduleo form. */
+  validationText?: string;
   /** Funzione ritornante stringa in caso di nessun risultato */
   tNoResults?: () => string;
   /** Funzione ritornante stringa di suggerimento */
@@ -60,22 +70,63 @@ export const Autocomplete: FC<AutocompleteAttributes> = ({
   defaultValue = '',
   displayMenu = 'inline',
   source,
+  validationText,
+  onConfirm,
   ...attributes
 }) => {
+  const { id, valid } = attributes;
+  const validityCheck = valid === true || valid === false;
+
+  useEffect(() => {
+    const inputElement: HTMLInputElement = document.getElementById(id) as HTMLInputElement;
+    const labelElement = inputElement?.parentElement?.parentElement?.getElementsByTagName('label')[0];
+
+    if (inputElement.value !== '') {
+      labelElement?.classList.add('active');
+    }
+
+    inputElement?.addEventListener('focus', () => {
+      labelElement?.classList.add('active');
+    });
+    inputElement?.addEventListener('blur', () => {
+      if (inputElement.value === '') {
+        labelElement?.classList.remove('active');
+      }
+      if (onConfirm) {
+        onConfirm(inputElement.value);
+      }
+    });
+  }, [id]);
+
   return (
-    <BaseAutocomplete
-      id='autocomplete'
-      source={source}
-      placeholder={placeholder}
-      defaultValue={defaultValue}
-      displayMenu={displayMenu}
-      tAssistiveHint={tAssistiveHint}
-      tNoResults={tNoResults}
-      tStatusQueryTooShort={tStatusQueryTooShort}
-      tStatusNoResults={tStatusNoResults}
-      tStatusSelectedOption={tStatusSelectedOption}
-      tStatusResults={tStatusResults}
-      {...attributes}
-    />
+    <>
+      <label htmlFor={attributes.id}>{attributes.label}</label>
+      <BaseAutocomplete
+        source={source}
+        placeholder={placeholder}
+        defaultValue={defaultValue}
+        displayMenu={displayMenu}
+        tAssistiveHint={tAssistiveHint}
+        tNoResults={tNoResults}
+        tStatusQueryTooShort={tStatusQueryTooShort}
+        tStatusNoResults={tStatusNoResults}
+        tStatusSelectedOption={tStatusSelectedOption}
+        tStatusResults={tStatusResults}
+        onConfirm={onConfirm}
+        inputClasses={`form-control ${validityCheck && (valid === false ? 'is-invalid' : 'just-validate-success-field')}`}
+        showNoOptionsFound={true}
+        hintClasses='app-hint'
+        autoselect={false}
+        showAllValues={false}
+        templates={undefined}
+        confirmOnBlur={false}
+        menuAttributes={null}
+        menuClasses={null}
+        {...attributes}
+      />
+      <div className='form-feedback just-validate-error-label form-text form-feedback just-validate-error-label'>
+        {!valid && validationText}
+      </div>
+    </>
   );
 };