@connectif/ui-components 4.0.1 → 4.0.3

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## [4.0.3] - 2026-01-13
+
+### Changed
+
+- Renamed `Autocomplete` component `data-testId` from `autocomplete-option-${label}` to `autocomplete-option-${optionId}`.
+
+## [4.0.2] - 2026-01-13
+
+### Added
+
+- `IconButton` component now supports an optional `disableInteractionEffects` prop to disable ripple effects.
+- `Chip` component now supports an optional `disableDeleteRipple` prop to disable ripple effects on the delete button.
+- `ChipViewer` component now supports an optional `forceRecalculate` prop to recalculate chip widths.
+
+### Fixed
+
+- Fixed visual bugs in the `Autocomplete` component.
+- Fixed scrolling issues in the `Chat` component.
+
 ## [4.0.1] - 2026-01-13
 
 ### Fixed

package/dist/components/button/IconButton.d.ts

@@ -52,6 +52,10 @@ export type IconButtonProps = Pick<MuiIconButtonProps, 'disabled' | 'onClick' |
      * The shape of the button.
      */
     shape?: 'default' | 'square';
+    /**
+     * Disable ripple effect
+     */
+    disableInteractionEffects?: boolean;
 };
 declare const IconButton: React.ForwardRefExoticComponent<Pick<MuiIconButtonProps, "id" | "className" | "sx" | "disabled" | "onClick" | "onMouseDown"> & {
     /**
@@ -74,5 +78,9 @@ declare const IconButton: React.ForwardRefExoticComponent<Pick<MuiIconButtonProp
      * The shape of the button.
      */
     shape?: "default" | "square";
+    /**
+     * Disable ripple effect
+     */
+    disableInteractionEffects?: boolean;
 } & React.RefAttributes<HTMLButtonElement>>;
 export default IconButton;

package/dist/components/button/MenuIconButton.d.ts

@@ -43,6 +43,7 @@ declare const MenuIconButton: React.ForwardRefExoticComponent<Pick<import("@mui/
     'data-test'?: string;
     variant?: "contained" | "default" | "primary" | "outlined";
     shape?: "default" | "square";
+    disableInteractionEffects?: boolean;
 } & Pick<PopoverProps, "horizontalAlign" | "anchorHorizontalOrigin"> & {
     /**
      * The list of menu items to display.

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

@@ -902,6 +902,10 @@ export type ChipProps = Pick<MuiChipProps, 'id' | 'label' | 'sx' | 'onClick' | '
     /**
      * Function called when mouse hovers on/off the chip.
      */
+    /**
+     * Disabled ripple in delete button
+     */
+    disableDeleteRipple?: boolean;
     onHover?: (isHovered: boolean) => void;
     href?: string;
     tooltip?: string;
@@ -966,6 +970,10 @@ declare const Chip: React.ForwardRefExoticComponent<Pick<MuiChipProps, "label" |
     /**
      * Function called when mouse hovers on/off the chip.
      */
+    /**
+     * Disabled ripple in delete button
+     */
+    disableDeleteRipple?: boolean;
     onHover?: (isHovered: boolean) => void;
     href?: string;
     tooltip?: string;

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

@@ -3,6 +3,7 @@ import { ThemeTypography } from '../../theme';
 import { ChipProps } from './Chip';
 import { SxProps } from '@mui/material';
 export declare const CHIP_DATA_TEST_ID = "chip-viewer-chip";
+export declare const CHIP_VIEWER_ROOT_ID = "chip-viewer-root";
 declare const chipViewerStyle: {
     circle: {
         borderRadius: string;
@@ -26,10 +27,7 @@ export type ChipViewerProps = {
     variant?: keyof typeof chipViewerStyle;
     typographyVariant?: ThemeTypography.TypographyVariant;
     preventHiddenChipsTooltip?: true;
-    /**
-     * Property to adjust maximum width. If property is null, maxWidth will be containerRef.current.offsetWidth
-     */
-    maxWidth?: number;
+    forceRecalculate?: boolean;
     /**
      * Function to set custom chip name
      * @param id
@@ -40,5 +38,5 @@ export type ChipViewerProps = {
     onRemoveChip?: (event: React.SyntheticEvent, id: string) => void;
     onHasHiddenChipsChange?: (hasHiddenChips: boolean) => void;
 };
-declare const ChipViewer: ({ values, chipSx, chipSize, chipVariant, placeholder, numberLines, reserveHeight, variant, preventHiddenChipsTooltip, typographyVariant, maxWidth, renderChipLabel, onRemoveChip, onClickChip, onHasHiddenChipsChange }: ChipViewerProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChipViewer: ({ values, chipSx, chipSize, chipVariant, placeholder, numberLines, reserveHeight, variant, preventHiddenChipsTooltip, typographyVariant, forceRecalculate, renderChipLabel, onRemoveChip, onClickChip, onHasHiddenChipsChange }: ChipViewerProps) => import("react/jsx-runtime").JSX.Element;
 export default ChipViewer;

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

@@ -36,9 +36,9 @@ export type AutocompleteInputProps<T extends string, Multiple extends boolean |
      */
     maxValueLength?: number;
     /**
-     * Maximum amount of values allowed when multiple is enabled. If not set, there is no limit.
+     * If input can add more values.
      */
-    maxValues?: number;
+    canAddValues: boolean;
     /**
      * Custom text to be shown when number of values reaches maxValues.
      */
@@ -65,5 +65,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, maxValues, 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, onSearchValueChange, onPressEnter, onRemoveValue }: AutocompleteInputProps<T, Multiple, Value>) => import("react/jsx-runtime").JSX.Element;
 export default AutocompleteInput;

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

@@ -6,6 +6,10 @@ export type AutocompleteInputSelectionProps<T extends string, Multiple extends b
      * If multiple=false (by default) it should be a string.
      */
     value: Value;
+    /**
+     * If input can add more values.
+     */
+    canAddValues: boolean;
     /**
      * Whether the autocomplete is disabled or not.
      */
@@ -14,15 +18,8 @@ export type AutocompleteInputSelectionProps<T extends string, Multiple extends b
      * Use this function to render the desired text for each id. Leave it empty if the id is also the label.
      */
     renderLabel: (id: T) => string;
-    /**
-     * Disables clear button at the end of the component when field is dirty.
-     */
-    disableClear?: boolean;
-    isOpenPopover: boolean;
-    inputValue: string;
-    isHover: boolean;
     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, disabled, renderLabel, disableClear, onOpenPopover, isOpenPopover, inputValue, isHover, 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, renderLabel, onOpenPopover, onRemoveValue }: AutocompleteInputSelectionProps<T, Multiple, Value>) => import("react/jsx-runtime").JSX.Element;
 export default AutocompleteInputSelection;