@connectif/ui-components 5.6.0 → 5.7.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [5.7.0] - 2026-03-12
+
+### Added
+
+- Added `selectableItemComponent`, `itemsPerRow`, and `itemsTitle` props to the `ItemSelector` component.
+
 ## [5.6.0] - 2026-03-12
 
 ### Added

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

@@ -22,6 +22,6 @@ export type ItemSelectorProps<T extends ItemSelectorItem> = {
     onChange: (value: T[]) => void;
     onClose?: () => void;
     onLoadMore?: (searchText: string) => void;
-} & Pick<SelectPopoverProps<SelectableItem>, 'applyButtonText' | 'emptyListPlaceholder' | 'hasMore' | 'isLoading' | 'isLoadingSubtitle2' | 'maxSelectedItems' | 'onSearch' | 'requiredSelectedItemsToApply' | 'disableApplyWithoutChanges' | 'popoverWidth'>;
-declare const ItemSelector: <T extends ItemSelectorItem>({ items, selectedItems, maxSelectedItems, variant, placeholder, disabled, helperText, isError, limitItemChips, itemChipWidth, isLoading, isLoadingSubtitle2, hasMore, applyButtonText, emptyListPlaceholder, requiredSelectedItemsToApply, disableApplyWithoutChanges, popoverWidth, renderChipLabel, renderItem, onChange, onLoadMore, onSearch, onClose }: ItemSelectorProps<T>) => import("react/jsx-runtime").JSX.Element;
+} & 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;
 export default ItemSelector;

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { PopoverProps } from '../popover/Popover';
 import { SelectableItem } from '../../models/SelectableItem';
-export type SelectPopoverProps<T extends SelectableItem> = Pick<PopoverProps, 'anchorEl'> & {
+export type SelectPopoverProps<T extends SelectableItem = SelectableItem> = Pick<PopoverProps, 'anchorEl'> & {
     /**
      * Called every time the popover apply changes.
      */

package/dist/index.js

@@ -23419,6 +23419,10 @@ var ItemSelector = function ItemSelector2({
   requiredSelectedItemsToApply,
   disableApplyWithoutChanges,
   popoverWidth,
+  itemsPerRow,
+  itemsTitle,
+  paddingContent,
+  selectableItemComponent,
   renderChipLabel = (item) => item.id,
   renderItem = (item) => ({
     title: item.id,
@@ -23677,7 +23681,11 @@ var ItemSelector = function ItemSelector2({
         emptyListPlaceholder,
         requiredSelectedItemsToApply,
         disableApplyWithoutChanges,
-        popoverWidth
+        popoverWidth,
+        itemsPerRow,
+        itemsTitle,
+        selectableItemComponent,
+        paddingContent
       }
     )
   ] });