@digital-ai/dot-components 3.4.1 → 3.5.0

package/index.esm.js

@@ -6298,6 +6298,7 @@ const DotAutoComplete = ({
   actionItem,
   ariaLabel,
   autoFocus,
+  autoHighlight,
   className,
   'data-pendoid': dataPendoId = rootClassName$N,
   'data-testid': dataTestId,
@@ -6518,6 +6519,7 @@ const DotAutoComplete = ({
   return jsx(StyledAutocomplete, {
     PopperComponent: DotPopper,
     "aria-label": ariaLabel,
+    autoHighlight: autoHighlight,
     classes: {
       root: rootClasses,
       inputRoot: inputRootClasses

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "3.4.1",
+  "version": "3.5.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

package/src/lib/components/auto-complete/AutoComplete.d.ts

@@ -15,6 +15,8 @@ export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOp
     actionItem?: ActionItem;
     /** This prop helps users to fill forms faster */
     autoFocus?: boolean;
+    /** If true, the first option is automatically highlighted. */
+    autoHighlight?: boolean;
     /** Used to determine the disabled state for a given option. */
     checkIfOptionDisabled?: (option: T) => boolean;
     /** default option that is selected */
@@ -88,4 +90,4 @@ export interface AutoCompleteProps<T extends AutoCompleteOption = AutoCompleteOp
     /** If true, the label will be displayed in a warning state. */
     warning?: boolean;
 }
-export declare const DotAutoComplete: <T extends AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, readOnly, renderGroup, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DotAutoComplete: <T extends AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, autoHighlight, className, "data-pendoid": dataPendoId, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, readOnly, renderGroup, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => import("react/jsx-runtime").JSX.Element;