@connectif/ui-components 5.1.1 → 5.2.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [5.2.1] - 2026-02-02
+
+### Fixed
+
+- Fixed a bug in the `ColorPicker` component when setting values.
+
+### Changed
+
+- Replaced tooltip with popper in `ChipViewer` component.
+- Changed `Autocomplete` simple mode selection to display the selected value as text instead of a chip.
+
+## 5.2.0
+
+### Fixed
+
+- Fixed `Autocomplete` component error when `allowFreeText` option was enabled and clicking outside the dropdown after typing.
+
+### Added
+
+- New `startIconId` prop in `Autocomplete` component
+
 ## [5.1.1] - 2026-01-26
 
 ### Fixed

package/dist/components/chip/ChipContainer.d.ts

@@ -11,10 +11,10 @@ type ChipContainerProps = {
     gap: string;
     height: string;
     typographyVariant?: ThemeTypography.TypographyVariant;
-    reserveHeight?: true;
+    reserveHeight?: boolean;
     placeholder?: string;
     clickable?: boolean;
-    preventHiddenChipsTooltip?: true;
+    preventHiddenChipsTooltip?: boolean;
     isDeletable?: boolean;
     dataTestId?: string;
     renderChip: (data: {

package/dist/components/chip/ChipHiddenCounter.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export declare const DEFAULT_DATA_TEST_ID = "chip-container";
+export declare const TOOLTIP_DATA_TEST_ID = "chip-container-tooltip";
+export declare const COUNTER_LABEL_DATA_TEST_ID = "chip-counter-label";
+export declare const PLACEHOLDER_DATA_TEST_ID = "chip-container-placeholder";
+type ChipHiddenCounterProps = {
+    hiddenChips: string[];
+    preventHiddenChipsTooltip: boolean;
+    isDeletable: boolean;
+    renderChip: (data: {
+        chipName: string;
+        index?: number;
+        maxWidth?: string;
+        isCounterLabel?: boolean;
+    }) => React.ReactNode;
+};
+declare const ChipHiddenCounter: ({ hiddenChips, isDeletable, preventHiddenChipsTooltip, renderChip }: ChipHiddenCounterProps) => import("react/jsx-runtime").JSX.Element;
+export default ChipHiddenCounter;

package/dist/components/input/autocomplete/Autocomplete.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { AutocompleteOption, AutocompleteValue, TextFieldFilteredProps } from '../../../models/Autocomplete';
+import { IconId } from '../../icon';
 export type AutocompleteProps<T extends string, Multiple extends boolean | undefined, Value = AutocompleteValue<T, Multiple>, Option = AutocompleteOption<T>> = {
     /**
      * The variant of the Autocomplete
@@ -100,6 +101,10 @@ export type AutocompleteProps<T extends string, Multiple extends boolean | undef
      * Disables clear button at the end of the component when field is dirty.
      */
     disableClear?: boolean;
+    /**
+     * start icon in autocomplete
+     */
+    startIconId?: IconId;
     /**
      * Ref to the inner HTMLInputElement
      */
@@ -108,5 +113,5 @@ export type AutocompleteProps<T extends string, Multiple extends boolean | undef
 /**
  * Powered TextField with the ability to select from a predefined list of options, allowing to select one or multiple values.
  */
-declare const Autocomplete: <T extends string, Multiple extends boolean | undefined = undefined, Value = AutocompleteValue<T, Multiple>>({ variant, value, multiple, textFieldProps, options, disabled, mode, isCaseSensitive, isDiacriticSensitive, onChange, renderLabel, isLoading, onSearch, loadingText, noOptionsText, allowFreeText, addNewValueText, closeOnSelect, maxValueLength, maxValues, maxValuesText, onClose, onOpen, disableClear }: AutocompleteProps<T, Multiple, Value>) => import("react/jsx-runtime").JSX.Element;
+declare const Autocomplete: <T extends string, Multiple extends boolean | undefined = undefined, Value = AutocompleteValue<T, Multiple>>({ variant, value, multiple, textFieldProps, options, disabled, mode, isCaseSensitive, isDiacriticSensitive, onChange, renderLabel, isLoading, onSearch, loadingText, noOptionsText, allowFreeText, addNewValueText, closeOnSelect, maxValueLength, maxValues, maxValuesText, startIconId, onClose, onOpen, disableClear }: AutocompleteProps<T, Multiple, Value>) => import("react/jsx-runtime").JSX.Element;
 export default Autocomplete;

package/dist/components/input/autocomplete/AutocompleteInput.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { AutocompleteValue, TextFieldFilteredProps } from '../../../models/Autocomplete';
+import { IconId } from '../../icon';
 export type AutocompleteInputProps<T extends string, Multiple extends boolean | undefined, Value = AutocompleteValue<T, Multiple>> = {
     /**
      * The variant of the Autocomplete
@@ -48,11 +49,15 @@ export type AutocompleteInputProps<T extends string, Multiple extends boolean |
      */
     disableClear?: boolean;
     isOpenPopover: boolean;
+    /**
+     * start icon in input
+     */
+    startIconId?: IconId;
     /**
      * Ref to the outer HTMLDivElement
      */
-    containerRef: React.RefObject<HTMLDivElement | null>;
-    inputRef: React.RefObject<HTMLInputElement | null>;
+    containerRef?: React.RefObject<HTMLDivElement | null>;
+    inputRef?: React.RefObject<HTMLInputElement | null>;
     inputValue: string;
     setInputValue: (value: string) => void;
     placeholder: string;
@@ -65,5 +70,5 @@ export type AutocompleteInputProps<T extends string, Multiple extends boolean |
 /**
  * Powered TextField Input.
  */
-declare const AutocompleteInput: <T extends string, Multiple extends boolean | undefined = undefined, Value = AutocompleteValue<T, Multiple>>({ variant, value, multiple, textFieldProps, hasFilteredOptions, disabled, renderLabel, maxValueLength, canAddValues, maxValuesText, disableClear, containerRef, inputRef, onClosePopover, onOpenPopover, isOpenPopover, inputValue, setInputValue, placeholder, onSearchValueChange, onPressEnter, onRemoveValue }: AutocompleteInputProps<T, Multiple, Value>) => import("react/jsx-runtime").JSX.Element;
+declare const AutocompleteInput: <T extends string, Multiple extends boolean | undefined = undefined, Value = AutocompleteValue<T, Multiple>>({ variant, value, multiple, textFieldProps, hasFilteredOptions, disabled, renderLabel, maxValueLength, canAddValues, maxValuesText, disableClear, containerRef, inputRef, onClosePopover, onOpenPopover, isOpenPopover, inputValue, setInputValue, placeholder, startIconId, onSearchValueChange, onPressEnter, onRemoveValue }: AutocompleteInputProps<T, Multiple, Value>) => import("react/jsx-runtime").JSX.Element;
 export default AutocompleteInput;

package/dist/components/input/autocomplete/AutocompleteInputSelection.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { AutocompleteValue } from '../../../models/Autocomplete';
+import { IconId } from '../../icon';
 export type AutocompleteInputSelectionProps<T extends string, Multiple extends boolean | undefined, Value = AutocompleteValue<T, Multiple>> = {
     /**
      * The value handled by this Autocomplete component. If multiple=true, it should be an array of ids.
@@ -14,6 +15,10 @@ export type AutocompleteInputSelectionProps<T extends string, Multiple extends b
      * Whether the autocomplete is disabled or not.
      */
     disabled?: boolean;
+    /**
+     * start icon in input
+     */
+    startIconId?: IconId;
     /**
      * Use this function to render the desired text for each id. Leave it empty if the id is also the label.
      */
@@ -21,5 +26,5 @@ export type AutocompleteInputSelectionProps<T extends string, Multiple extends b
     onOpenPopover: () => void;
     onRemoveValue: (event: React.SyntheticEvent, value: Value) => void;
 };
-declare const AutocompleteInputSelection: <T extends string, Multiple extends boolean | undefined = undefined, Value = AutocompleteValue<T, Multiple>>({ value, canAddValues, disabled, renderLabel, onOpenPopover, onRemoveValue }: AutocompleteInputSelectionProps<T, Multiple, Value>) => import("react/jsx-runtime").JSX.Element;
+declare const AutocompleteInputSelection: <T extends string, Multiple extends boolean | undefined = undefined, Value = AutocompleteValue<T, Multiple>>({ value, canAddValues, disabled, startIconId, renderLabel, onOpenPopover, onRemoveValue }: AutocompleteInputSelectionProps<T, Multiple, Value>) => import("react/jsx-runtime").JSX.Element;
 export default AutocompleteInputSelection;