@connectif/ui-components 4.0.3 → 5.0.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## [5.0.0] - 2026-01-23
+
+### Fixed
+
+- Fixed a bug in the `Autocomplete` component where options were hidden when the list contained few items.
+- Fixed an issue in the `Select` component where the `sx` property applied to options did not affect the option text.
+
+### Added
+
+- `BaseListItem`, `ListItemButton`, `ListItemText` now support a `slotProps` property to customize text-related options inside list items.
+- Added audit tooling to the library.
+
+### Deprecated
+
+- Deprecated `data-test` prop in `BaseListItem`, `ListItemButton`, and `ListItemText` components in favor of `data-testid`.
+- Deprecated `dataTest` prop in `Select` component in favor of `data-testid`.
+
+## [4.0.4] - 2026-01-21
+
+### Changed
+
+- Added support for custom theme to `NavbarButton`
+
 ## [4.0.3] - 2026-01-13
 
 ### Changed

package/dist/components/input/Select.d.ts

@@ -80,7 +80,7 @@ export type SelectProps<T extends string | number | undefined, Multiple extends
     size?: 'S' | 'M';
     className?: string;
     paperClassName?: string;
-    dataTest?: string;
+    'data-testid'?: string;
     open?: boolean;
     onOpen?: () => void;
 };
@@ -90,6 +90,6 @@ export declare const BootstrapInput: import("@emotion/styled").StyledComponent<i
  * If `multiple=true`, then value and onChange parameter are an array of values.
  * The Select component value type can be restricted to any type that extends `string | number | undefined`.
  */
-declare const Select: <T extends string | number | undefined = string | number | undefined, Multiple extends boolean | undefined = undefined, Value = SelectValue<T, Multiple>>({ variant, placeholder, children, onChange, onClose, options, multiple, value, virtualized, virtualizedProps, className, paperClassName, size, sx, renderValue, menuZIndex, menuColors, menuMaxHeight, dataTest, open, onOpen, ...rest }: SelectProps<T, Multiple, Value>, ref: React.Ref<HTMLSelectElement>) => import("react/jsx-runtime").JSX.Element;
+declare const Select: <T extends string | number | undefined = string | number | undefined, Multiple extends boolean | undefined = undefined, Value = SelectValue<T, Multiple>>({ variant, placeholder, children, onChange, onClose, options, multiple, value, virtualized, virtualizedProps, className, paperClassName, size, sx, renderValue, menuZIndex, menuColors, menuMaxHeight, "data-testid": dataTestId, open, onOpen, ...rest }: SelectProps<T, Multiple, Value>, ref: React.Ref<HTMLSelectElement>) => import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof Select;
 export default _default;

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

@@ -25,15 +25,15 @@ type AutocompleteListProps<T extends string, Multiple extends boolean | undefine
     addNewValueText?: string;
     inputContainerRef: React.RefObject<HTMLDivElement>;
     virtualListRef: React.RefObject<FixedSizeList<unknown>>;
-    listRef: React.RefObject<HTMLDivElement>;
     isOpen: boolean;
     selectedIndex: SelectedIndex<Multiple>;
     highlightedIndex: number;
     onAddSelectedValue: (event: React.MouseEvent<HTMLElement, MouseEvent>, option: AutocompleteLabeledOption<T>) => void;
     onClickAwayPopover: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 };
+export declare const AUTOCOMPLETE_ITEM_HEIGHT = 44;
 /**
  * Powered autocomplete list.
  */
-declare const AutocompleteList: <T extends string, Multiple extends boolean | undefined = undefined>({ options, isLoading, loadingText, noOptionsText, addNewValueText, inputContainerRef, isOpen, selectedIndex, highlightedIndex, virtualListRef, listRef, filteredOptions, onAddSelectedValue, onClickAwayPopover }: AutocompleteListProps<T, Multiple>) => import("react/jsx-runtime").JSX.Element;
+declare const AutocompleteList: <T extends string, Multiple extends boolean | undefined = undefined>({ options, isLoading, loadingText, noOptionsText, addNewValueText, inputContainerRef, isOpen, selectedIndex, highlightedIndex, virtualListRef, filteredOptions, onAddSelectedValue, onClickAwayPopover }: AutocompleteListProps<T, Multiple>) => import("react/jsx-runtime").JSX.Element;
 export default AutocompleteList;

package/dist/components/list/BaseListItem.d.ts

@@ -2,6 +2,7 @@ import { SxProps } from '@mui/material';
 import * as React from 'react';
 import { TypographyVariant } from '../../theme/Typography';
 import { IconId } from '../icon/Icon';
+import { TypographyProps } from '../typography/Typography';
 export type BaseListItemProps = {
     /**
      * The color variant of the list item.
@@ -61,10 +62,16 @@ export type BaseListItemProps = {
      * Class to override .MuiTooltip-popper styles
      */
     tooltipClass?: string;
+    /**
+     * Overrides properties.
+     */
+    slotProps?: {
+        typography?: Partial<Omit<TypographyProps, 'ref' | 'children' | 'variant'>>;
+    };
     /**
      * Settled directly in DOM element, for testing easy location purposes.
      */
-    'data-test'?: string;
+    'data-testid'?: string;
 };
-declare const BaseListItem: ({ baseSx, color, typographyVariant, variant, startAdornment, endAdornment, children, startIconId, endIconId, selected, text, subText, tooltipClass, "data-test": dataTest }: BaseListItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const BaseListItem: ({ baseSx, color, typographyVariant, variant, startAdornment, endAdornment, children, startIconId, endIconId, selected, text, subText, tooltipClass, slotProps, "data-testid": dataTestId }: BaseListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default BaseListItem;

package/dist/components/list/ListItemButton.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { ListItemButtonProps as MuiListItemButtonProps, SxProps } from '@mui/material';
 import { BaseListItemProps } from './BaseListItem';
+import { TypographyProps } from '../typography/Typography';
 export type ListItemButtonProps = Pick<MuiListItemButtonProps, 'onClick' | 'tabIndex' | 'role' | 'onMouseDown' | 'onMouseUp' | 'onMouseEnter' | 'onMouseLeave' | 'className'> & {
     /**
      * If `true`, the onClick callback will also be triggered on aux click. Default is `false`.
@@ -14,11 +15,17 @@ export type ListItemButtonProps = Pick<MuiListItemButtonProps, 'onClick' | 'tabI
      * Whether this list item button is disabled
      */
     disabled?: boolean;
+    /**
+     * Overrides properties.
+     */
+    slotProps?: {
+        typography?: Partial<Omit<TypographyProps, 'ref' | 'children' | 'variant'>>;
+    };
     /**
      * Settled directly in DOM element, for testing easy location purposes.
      */
-    'data-test'?: string;
-    buttonDataTest?: string;
+    'data-testid'?: string;
+    buttonDataTestId?: string;
 } & BaseListItemProps;
 declare const ListItemButton: React.ForwardRefExoticComponent<Pick<MuiListItemButtonProps, "className" | "role" | "tabIndex" | "onClick" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseUp"> & {
     /**
@@ -33,10 +40,16 @@ declare const ListItemButton: React.ForwardRefExoticComponent<Pick<MuiListItemBu
      * Whether this list item button is disabled
      */
     disabled?: boolean;
+    /**
+     * Overrides properties.
+     */
+    slotProps?: {
+        typography?: Partial<Omit<TypographyProps, "ref" | "children" | "variant">>;
+    };
     /**
      * Settled directly in DOM element, for testing easy location purposes.
      */
-    'data-test'?: string;
-    buttonDataTest?: string;
+    'data-testid'?: string;
+    buttonDataTestId?: string;
 } & BaseListItemProps & React.RefAttributes<HTMLDivElement>>;
 export default ListItemButton;

package/dist/components/list/ListItemText.d.ts

@@ -1,4 +1,5 @@
 import { TypographyVariant } from '../../theme/Typography';
+import { TypographyProps } from '../typography/Typography';
 export type ListItemTextProps = {
     text?: string;
     typographyVariant: TypographyVariant;
@@ -7,10 +8,16 @@ export type ListItemTextProps = {
      * Class to override .MuiTooltip-popper styles
      */
     tooltipClass?: string;
+    /**
+     * Overrides properties.
+     */
+    slotProps?: {
+        typography?: Partial<Omit<TypographyProps, 'ref' | 'children' | 'variant'>>;
+    };
     /**
      * Settled directly in DOM element, for testing easy location purposes.
      */
-    'data-test'?: string;
+    'data-testid'?: string;
 };
-declare const ListItemText: ({ text, typographyVariant, color, tooltipClass, "data-test": dataTest }: ListItemTextProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListItemText: ({ text, typographyVariant, color, tooltipClass, slotProps, "data-testid": dataTestId }: ListItemTextProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItemText;

package/dist/components/navbar/NavbarButton.d.ts

@@ -23,7 +23,7 @@ export type NavbarButtonProps = {
      */
     sx?: SxProps;
     /**
-     * Badge component to be positionanted at the bottom-right corner
+     * Badge component to be positioned at the bottom-right corner
      */
     badgeIconProps?: IconProps;
     /**