@connectif/ui-components 5.2.3 → 5.4.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## [5.4.0] - 2026-02-20
+
+### Fixed
+
+- Fixed a bug in the `Select` component when options had no label.
+- Added scroll to the selected category in `CategorizedPicker`.
+- Removed the background color in the `CategorizedPicker` component when it was focused.
+
+### Added
+
+- Extended the `CategorizedPicker` component options to include an optional `onOpen` method that is triggered when the picker opens.
+
+## [5.3.0] - 2026-02-18
+
+### Added
+
+- Extended options in `CategorizedPicker` component to allow groups and subcategories.
+
 ## [5.2.3] - 2026-02-17
 
 ### Added

package/dist/components/input/categorized-picker/CategorizedPicker.d.ts

@@ -0,0 +1,15 @@
+import { SxProps } from '@mui/material';
+import { CategorizedPickerBaseOption, CategorizedPickerCategory } from '../../../models/CategorizedPicker';
+export type CategorizedPickerProps<T extends CategorizedPickerBaseOption> = {
+    value?: T;
+    options: T[];
+    categories: CategorizedPickerCategory<T>[];
+    placeholder?: string;
+    disabled?: boolean;
+    sx?: SxProps;
+    dataTestId?: string;
+    onOpen?: () => void;
+    onChange: (value: T, groupDataId?: string) => void;
+};
+declare const CategorizedPicker: <T extends CategorizedPickerBaseOption>({ value, options, categories, placeholder, disabled, sx, dataTestId, onOpen, onChange }: CategorizedPickerProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default CategorizedPicker;

package/dist/components/input/categorized-picker/CategorizedPickerCategoryPanel.d.ts

@@ -0,0 +1,12 @@
+import { CategorizedPickerBaseOption, CategorizedPickerCategory } from '../../../models/CategorizedPicker';
+export type CategorizedPickerCategoryPanelProps<T extends CategorizedPickerBaseOption> = {
+    value?: T;
+    selectedCategory?: CategorizedPickerCategory<T>;
+    isEmptyCategories: boolean;
+    categoryOptions: T[];
+    searchText?: string;
+    dataTestId?: string;
+    onSelect: (option: CategorizedPickerBaseOption) => void;
+};
+declare const CategorizedPickerCategoryPanel: <T extends CategorizedPickerBaseOption>({ value, selectedCategory, searchText, isEmptyCategories, categoryOptions, dataTestId, onSelect }: CategorizedPickerCategoryPanelProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default CategorizedPickerCategoryPanel;

package/dist/components/input/categorized-picker/CategorizedPickerEmptyCategoryPanel.d.ts

@@ -0,0 +1,7 @@
+import { CategorizedPickerBaseOption, CategorizedPickerCategory } from '../../../models/CategorizedPicker';
+export type CategorizedPickerEmptyCategoryPanelProps<T extends CategorizedPickerBaseOption> = {
+    selectedCategory?: CategorizedPickerCategory<T>;
+    isEmptyCategories: boolean;
+};
+declare const CategorizedPickerEmptyCategoryPanel: <T extends CategorizedPickerBaseOption>({ selectedCategory, isEmptyCategories }: CategorizedPickerEmptyCategoryPanelProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default CategorizedPickerEmptyCategoryPanel;

package/dist/components/input/categorized-picker/CategorizedPickerGroupItem.d.ts

@@ -0,0 +1,14 @@
+import { CategorizedPickerBaseOption, CategorizedPickerItemType } from '../../../models/CategorizedPicker';
+export type CategorizedPickerGroupItemProps = {
+    option: Extract<CategorizedPickerItemType, {
+        categorizedPickerItemType: 'group';
+    }>;
+    index: number;
+    selectedId: string;
+    searchText?: string;
+    dataTestId?: string;
+    onSelect: (option: CategorizedPickerBaseOption) => void;
+    onScrollToItem: (item: HTMLDivElement) => void;
+};
+declare const CategorizedPickerGroupItem: ({ option, selectedId, dataTestId, index, searchText, onSelect, onScrollToItem }: CategorizedPickerGroupItemProps) => import("react/jsx-runtime").JSX.Element;
+export default CategorizedPickerGroupItem;

package/dist/components/input/categorized-picker/CategorizedPickerItem.d.ts

@@ -0,0 +1,12 @@
+import { CategorizedPickerBaseOption, CategorizedPickerItemType } from '../../../models/CategorizedPicker';
+export type CategorizedPickerItemProps = {
+    option: CategorizedPickerItemType;
+    index: number;
+    selectedId: string;
+    searchText?: string;
+    dataTestId?: string;
+    onSelect: (option: CategorizedPickerBaseOption) => void;
+    onScrollToItem?: (item: HTMLDivElement) => void;
+};
+declare const CategorizedPickerItem: ({ option, selectedId, dataTestId, index, searchText, onSelect, onScrollToItem }: CategorizedPickerItemProps) => import("react/jsx-runtime").JSX.Element;
+export default CategorizedPickerItem;

package/dist/components/input/categorized-picker/CategorizedPickerOptionItem.d.ts

@@ -0,0 +1,14 @@
+import { CategorizedPickerBaseOption, CategorizedPickerItemType } from '../../../models/CategorizedPicker';
+export type CategorizedPickerOptionItemProps = {
+    option: Extract<CategorizedPickerItemType, {
+        categorizedPickerItemType: 'option';
+    }>;
+    index: number;
+    selectedId: string;
+    searchText?: string;
+    dataTestId?: string;
+    onSelect: (option: CategorizedPickerBaseOption) => void;
+    onScrollToItem: (item: HTMLDivElement) => void;
+};
+declare const CategorizedPickerOptionItem: ({ option, selectedId, dataTestId, index, searchText, onSelect, onScrollToItem }: CategorizedPickerOptionItemProps) => import("react/jsx-runtime").JSX.Element;
+export default CategorizedPickerOptionItem;

package/dist/components/input/categorized-picker/CategorizedPickerSubcategoryItem.d.ts

@@ -0,0 +1,11 @@
+import { CategorizedPickerItemType } from '../../../models/CategorizedPicker';
+export type CategorizedPickerSubcategoryItemProps = {
+    option: Extract<CategorizedPickerItemType, {
+        categorizedPickerItemType: 'subcategory';
+    }>;
+    index: number;
+    searchText?: string;
+    dataTestId?: string;
+};
+declare const CategorizedPickerSubcategoryItem: ({ option, dataTestId, index, searchText }: CategorizedPickerSubcategoryItemProps) => import("react/jsx-runtime").JSX.Element;
+export default CategorizedPickerSubcategoryItem;

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

@@ -16,8 +16,8 @@ export { default as ColorPicker, colorPickerDefaultColors, isValidColor } from '
 export type { ColorPickerProps } from './ColorPicker';
 export { default as UploadClickableArea } from './UploadClickableArea';
 export type { UploadClickableAreaProps } from './UploadClickableArea';
-export { default as CategorizedPicker } from './CategorizedPicker';
-export type { CategorizedPickerProps } from './CategorizedPicker';
+export { default as CategorizedPicker } from './categorized-picker/CategorizedPicker';
+export type { CategorizedPickerProps } from './categorized-picker/CategorizedPicker';
 export { default as ItemSelector } from './ItemSelector';
 export type { ItemSelectorProps, ItemSelectorItem } from './ItemSelector';
 export { default as Autocomplete } from './autocomplete/Autocomplete';