@connectif/ui-components 5.7.1 → 6.0.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## [6.0.0] - 2026-03-20
+
+### Added
+
+- Added `iconTooltip` prop to the `Chip` component to display a tooltip on the chip icon.
+- Added `getWarningTooltip` prop to the `ChipViewer` component to display a warning on a chip.
+
+### Fixed
+
+- Fixed an issue with dates in `input` variant on `DateIntervalPicker` component.
+- Fixed an issue where the select was not disabled when disabling the `PhoneField` component.
+- Updated `ItemSelector` to render chips using the `ChipViewer` component.
+
+### Deprecated
+
+- Deprecated `limitItemChips` and `itemChipWidth` props in the `ItemSelector` component.
+
+## [5.7.2] - 2026-03-17
+
+### Added
+
+- Added new 'gamepad-circle-outlined' icon to our icon collection.
+
 ## [5.7.1] - 2026-03-13
 
 ### Fixed

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

@@ -897,6 +897,10 @@ export type ChipProps = Pick<MuiChipProps, 'id' | 'label' | 'sx' | 'onClick' | '
      * The size of the icon
      */
     iconSize?: IconProps['size'];
+    /**
+     * Tooltip for icon
+     */
+    iconTooltip?: string;
     /**
      * Properties for avatar showed within the chip. Avatar will not be displayed if this prop is not defined.
      */
@@ -965,6 +969,10 @@ declare const Chip: React.ForwardRefExoticComponent<Pick<MuiChipProps, "label" |
      * The size of the icon
      */
     iconSize?: IconProps["size"];
+    /**
+     * Tooltip for icon
+     */
+    iconTooltip?: string;
     /**
      * Properties for avatar showed within the chip. Avatar will not be displayed if this prop is not defined.
      */

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

@@ -23,6 +23,7 @@ type ChipContainerProps = {
         maxWidth?: string;
         isCounterLabel?: boolean;
     }) => React.ReactNode;
+    getWarningTooltip?: (chipName: string) => string;
 };
-declare const ChipContainer: ({ containerRef, gap, visibleChips, hiddenChips, placeholder, isDeletable, height, typographyVariant, reserveHeight, clickable, preventHiddenChipsTooltip, dataTestId, renderChip }: ChipContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChipContainer: ({ containerRef, gap, visibleChips, hiddenChips, placeholder, isDeletable, height, typographyVariant, reserveHeight, clickable, preventHiddenChipsTooltip, dataTestId, renderChip, getWarningTooltip }: ChipContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default ChipContainer;

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

@@ -13,6 +13,7 @@ type ChipHiddenCounterProps = {
         maxWidth?: string;
         isCounterLabel?: boolean;
     }) => React.ReactNode;
+    getWarningTooltip?: (chipName: string) => string;
 };
-declare const ChipHiddenCounter: ({ hiddenChips, isDeletable, preventHiddenChipsTooltip, renderChip }: ChipHiddenCounterProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChipHiddenCounter: ({ hiddenChips, isDeletable, preventHiddenChipsTooltip, renderChip, getWarningTooltip }: ChipHiddenCounterProps) => import("react/jsx-runtime").JSX.Element;
 export default ChipHiddenCounter;

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

@@ -34,9 +34,13 @@ export type ChipViewerProps = {
      * @returns
      */
     renderChipLabel?: (chipName: string) => string;
+    /**
+     * method to get a tooltip to set a warning inside the chip
+     */
+    getWarningTooltip?: (chipName: string) => string;
     onClickChip?: (chip: string) => void;
     onRemoveChip?: (event: React.SyntheticEvent, id: string) => void;
     onHasHiddenChipsChange?: (hasHiddenChips: boolean) => void;
 };
-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;
+declare const ChipViewer: ({ values, chipSx, chipSize, chipVariant, placeholder, numberLines, reserveHeight, variant, preventHiddenChipsTooltip, typographyVariant, forceRecalculate, renderChipLabel, onRemoveChip, onClickChip, onHasHiddenChipsChange, getWarningTooltip }: ChipViewerProps) => import("react/jsx-runtime").JSX.Element;
 export default ChipViewer;

package/dist/components/icon/icons.d.ts

@@ -864,6 +864,7 @@ export declare const icons: {
     'fullscreen-exit': string;
     function: string;
     gamepad: string;
+    'gamepad-circle-outline': string;
     'gamepad-variant': string;
     garage: string;
     'garage-open': string;

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

@@ -11,10 +11,8 @@ export type ItemSelectorProps<T extends ItemSelectorItem> = {
     disabled?: boolean;
     helperText?: string;
     isError?: boolean;
-    limitItemChips?: number;
-    itemChipWidth?: number;
     renderChipLabel?: (item: T) => string;
-    renderItem?: (item: T) => {
+    renderItem?: (item: T) => T & {
         title: string;
         subtitle1: string;
         subtitle2: string;
@@ -22,6 +20,7 @@ export type ItemSelectorProps<T extends ItemSelectorItem> = {
     onChange: (value: T[]) => void;
     onClose?: () => void;
     onLoadMore?: (searchText: string) => void;
+    getWarningTooltip?: (chipName: T) => string;
 } & Pick<SelectPopoverProps<SelectableItem>, 'applyButtonText' | 'emptyListPlaceholder' | 'hasMore' | 'isLoading' | 'isLoadingSubtitle2' | 'maxSelectedItems' | 'onSearch' | 'requiredSelectedItemsToApply' | 'disableApplyWithoutChanges' | 'popoverWidth' | 'itemsPerRow' | 'itemsTitle' | 'paddingContent' | 'selectableItemComponent'>;
-declare const ItemSelector: <T extends ItemSelectorItem>({ items, selectedItems, maxSelectedItems, variant, placeholder, disabled, helperText, isError, limitItemChips, itemChipWidth, isLoading, isLoadingSubtitle2, hasMore, applyButtonText, emptyListPlaceholder, requiredSelectedItemsToApply, disableApplyWithoutChanges, popoverWidth, itemsPerRow, itemsTitle, paddingContent, selectableItemComponent, renderChipLabel, renderItem, onChange, onLoadMore, onSearch, onClose }: ItemSelectorProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const ItemSelector: <T extends ItemSelectorItem>({ items, selectedItems, maxSelectedItems, variant, placeholder, disabled, helperText, isError, isLoading, isLoadingSubtitle2, hasMore, applyButtonText, emptyListPlaceholder, requiredSelectedItemsToApply, disableApplyWithoutChanges, popoverWidth, itemsPerRow, itemsTitle, paddingContent, selectableItemComponent, renderChipLabel, renderItem, onChange, onLoadMore, onSearch, onClose, getWarningTooltip }: ItemSelectorProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default ItemSelector;