@connectif/ui-components 6.0.3 → 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 +14 -0
- package/dist/components/input/ItemSelector.d.ts +3 -2
- package/dist/components/input/SelectPopover.d.ts +5 -1
- package/dist/components/markdown/MarkdownRenderer.d.ts +3 -2
- package/dist/components/tooltip/TextEllipsis.d.ts +2 -1
- package/dist/index.js +272 -256
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
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
|
+
|
|
11
|
+
## [6.0.4] - 2026-03-26
|
|
12
|
+
|
|
13
|
+
### Fixed
|
|
14
|
+
|
|
15
|
+
- Fixed an issue with the position of the `MinimizableWindow` component.
|
|
16
|
+
|
|
3
17
|
## [6.0.3] - 2026-03-24
|
|
4
18
|
|
|
5
19
|
### 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
|
-
|
|
14
|
+
export type MarkdownRendererProps = MarkdownContainerProps & {
|
|
15
15
|
text: string;
|
|
16
|
-
}
|
|
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;
|