@connectif/ui-components 6.0.4 → 6.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # Changelog
2
2
 
3
+ ## [6.0.5] - 2026-03-31
4
+
5
+ ### Added
6
+
7
+ - Added optional `onOpen` and `onPendingSelectionChange` props to the `ItemSelector` component.
8
+ - Added optional `onPendingSelectionChange` prop to the `SelectPopover` component.
9
+ - Added optional `disableTooltip` prop to the `TextEllipsis` component.
10
+
3
11
  ## [6.0.4] - 2026-03-26
4
12
 
5
13
  ### Fixed
@@ -18,9 +18,10 @@ export type ItemSelectorProps<T extends ItemSelectorItem> = {
18
18
  subtitle2: string;
19
19
  };
20
20
  onChange: (value: T[]) => void;
21
+ onOpen?: () => void;
21
22
  onClose?: () => void;
22
23
  onLoadMore?: (searchText: string) => void;
23
24
  getWarningTooltip?: (chipName: T) => string;
24
- } & Pick<SelectPopoverProps<SelectableItem>, 'applyButtonText' | 'emptyListPlaceholder' | 'hasMore' | 'isLoading' | 'isLoadingSubtitle2' | 'maxSelectedItems' | 'onSearch' | 'requiredSelectedItemsToApply' | 'disableApplyWithoutChanges' | 'popoverWidth' | 'itemsPerRow' | 'itemsTitle' | 'paddingContent' | 'selectableItemComponent'>;
25
- 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;
25
+ } & Pick<SelectPopoverProps<SelectableItem>, 'applyButtonText' | 'emptyListPlaceholder' | 'hasMore' | 'isLoading' | 'isLoadingSubtitle2' | 'maxSelectedItems' | 'onSearch' | 'requiredSelectedItemsToApply' | 'disableApplyWithoutChanges' | 'popoverWidth' | 'itemsPerRow' | 'itemsTitle' | 'paddingContent' | 'selectableItemComponent' | 'onPendingSelectionChange'>;
26
+ 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;
26
27
  export default ItemSelector;
@@ -102,9 +102,13 @@ export type SelectPopoverProps<T extends SelectableItem = SelectableItem> = Pick
102
102
  * Node as show as item children title
103
103
  */
104
104
  itemsTitle?: React.ReactNode;
105
+ /**
106
+ * Called when the selection changes before applying the changes.
107
+ */
108
+ onPendingSelectionChange?: (items: T['id'][], shownItems: T['id'][]) => void;
105
109
  };
106
110
  /**
107
111
  * SelectPopover is a components that renders a complex selector with DataDisplayItems and is multiselectable, infinite scroll and search input.
108
112
  */
109
- 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;
113
+ 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;
110
114
  export default SelectPopover;
@@ -11,7 +11,8 @@ type MarkdownContainerProps = {
11
11
  */
12
12
  className?: string;
13
13
  };
14
- declare const MarkdownRenderer: ({ text, className, ...rest }: MarkdownContainerProps & {
14
+ export type MarkdownRendererProps = MarkdownContainerProps & {
15
15
  text: string;
16
- }) => import("react/jsx-runtime").JSX.Element;
16
+ };
17
+ declare const MarkdownRenderer: ({ text, className, ...rest }: MarkdownRendererProps) => import("react/jsx-runtime").JSX.Element;
17
18
  export default MarkdownRenderer;
@@ -15,6 +15,7 @@ export type TextEllipsisProps = {
15
15
  'data-test'?: string;
16
16
  sx?: SxProps;
17
17
  zIndex?: TextEllipsisTooltipProps['zIndex'];
18
+ disableTooltip?: boolean;
18
19
  };
19
- declare const TextEllipsis: ({ text, typographyVariant, color, width, lines, maxWidth, "data-test": dataTest, sx, zIndex }: TextEllipsisProps) => import("react/jsx-runtime").JSX.Element;
20
+ declare const TextEllipsis: ({ text, typographyVariant, color, width, lines, maxWidth, "data-test": dataTest, sx, zIndex, disableTooltip }: TextEllipsisProps) => import("react/jsx-runtime").JSX.Element;
20
21
  export default TextEllipsis;