@connectif/ui-components 6.0.4 → 6.0.6

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## [6.0.6] - 2026-04-08
+
+### Fixed
+
+- Audit issues.
+- Focus border state in `SelectComponent`.
+
+### Changed
+
+- Scrollbars are hidden by default and shown on hover within the container.
+
+### Added
+
+- `mdiEmailPlus` and `mdiEmailRemove` icons.
+
+## [6.0.5] - 2026-03-31
+
+### Added
+
+- Added optional `onOpen` and `onPendingSelectionChange` props to the `ItemSelector` component.
+- Added optional `onPendingSelectionChange` prop to the `SelectPopover` component.
+- Added optional `disableTooltip` prop to the `TextEllipsis` component.
+
 ## [6.0.4] - 2026-03-26
 
 ### Fixed

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

@@ -649,7 +649,9 @@ export declare const icons: {
     'email-open': string;
     'email-open-outline': string;
     'email-outline': string;
+    'email-plus': string;
     'email-plus-outline': string;
+    'email-remove': string;
     'email-secure': string;
     'email-variant': string;
     emby: string;

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

@@ -18,9 +18,10 @@ export type ItemSelectorProps<T extends ItemSelectorItem> = {
         subtitle2: string;
     };
     onChange: (value: T[]) => void;
+    onOpen?: () => 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, 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;
+} & Pick<SelectPopoverProps<SelectableItem>, 'applyButtonText' | 'emptyListPlaceholder' | 'hasMore' | 'isLoading' | 'isLoadingSubtitle2' | 'maxSelectedItems' | 'onSearch' | 'requiredSelectedItemsToApply' | 'disableApplyWithoutChanges' | 'popoverWidth' | 'itemsPerRow' | 'itemsTitle' | 'paddingContent' | 'selectableItemComponent' | 'onPendingSelectionChange'>;
+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, onOpen, getWarningTooltip, onPendingSelectionChange }: ItemSelectorProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default ItemSelector;

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

@@ -102,9 +102,13 @@ export type SelectPopoverProps<T extends SelectableItem = SelectableItem> = Pick
      * Node as show as item children title
      */
     itemsTitle?: React.ReactNode;
+    /**
+     * Called when the selection changes before applying the changes.
+     */
+    onPendingSelectionChange?: (items: T['id'][], shownItems: T['id'][]) => void;
 };
 /**
  * SelectPopover is a components that renders a complex selector with DataDisplayItems and is multiselectable, infinite scroll and search input.
  */
-declare const SelectPopover: <T extends SelectableItem = SelectableItem>({ onApply, onCancel, onLoadMore, onSearch, debounce, multiple, hasMore, isLoading, isLoadingSubtitle2, requiredSelectedItemsToApply, searchPlaceholder, items, anchorEl, itemsColorStyles, selectedItemsIds, popoverWidth, disableRestoreFocus, applyButtonText, maxSelectedItems, keepCurrentSelectionOnSearch, emptyListPlaceholder, disableApplyWithoutChanges, centeredInScreen, paddingContent, selectableItemComponent, itemsPerRow, itemsTitle }: SelectPopoverProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectPopover: <T extends SelectableItem = SelectableItem>({ onApply, onCancel, onLoadMore, onSearch, onPendingSelectionChange, debounce, multiple, hasMore, isLoading, isLoadingSubtitle2, requiredSelectedItemsToApply, searchPlaceholder, items, anchorEl, itemsColorStyles, selectedItemsIds, popoverWidth, disableRestoreFocus, applyButtonText, maxSelectedItems, keepCurrentSelectionOnSearch, emptyListPlaceholder, disableApplyWithoutChanges, centeredInScreen, paddingContent, selectableItemComponent, itemsPerRow, itemsTitle }: SelectPopoverProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default SelectPopover;

package/dist/components/markdown/MarkdownRenderer.d.ts

@@ -11,7 +11,8 @@ type MarkdownContainerProps = {
      */
     className?: string;
 };
-declare const MarkdownRenderer: ({ text, className, ...rest }: MarkdownContainerProps & {
+export type MarkdownRendererProps = MarkdownContainerProps & {
     text: string;
-}) => import("react/jsx-runtime").JSX.Element;
+};
+declare const MarkdownRenderer: ({ text, className, ...rest }: MarkdownRendererProps) => import("react/jsx-runtime").JSX.Element;
 export default MarkdownRenderer;

package/dist/components/tooltip/TextEllipsis.d.ts

@@ -15,6 +15,7 @@ export type TextEllipsisProps = {
     'data-test'?: string;
     sx?: SxProps;
     zIndex?: TextEllipsisTooltipProps['zIndex'];
+    disableTooltip?: boolean;
 };
-declare const TextEllipsis: ({ text, typographyVariant, color, width, lines, maxWidth, "data-test": dataTest, sx, zIndex }: TextEllipsisProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextEllipsis: ({ text, typographyVariant, color, width, lines, maxWidth, "data-test": dataTest, sx, zIndex, disableTooltip }: TextEllipsisProps) => import("react/jsx-runtime").JSX.Element;
 export default TextEllipsis;