@bothub-chat/ui 2.61.1-feat-generics-in-select-12c70ac8-6974-4fa6-990a-fe8ced493714 → 2.61.1-feat-generics-in-select-f2db91c7-24a4-49c5-bf91-1eb3c6ae1f10

package/dist/components/badge-select-dropdown/index.d.ts

@@ -1,6 +1,6 @@
-import { SelectFieldChangeEventHandler, SelectFieldDataItem, SelectFieldSize, SelectFieldValueChangeEventHandler, UseSelectFieldProps } from '../select-field';
+import { SelectFieldChangeEventHandler, SelectFieldDataItemComplex, SelectFieldSize, SelectFieldValueChangeEventHandler, UseSelectFieldProps } from '../select-field';
 import { Variant } from './types';
-export type BadgeSelectDropdownProps<DataItem extends SelectFieldDataItem<any>> = {
+export type BadgeSelectDropdownProps<DataItem extends string | SelectFieldDataItemComplex<any>> = {
     options: DataItem[];
     value?: DataItem | null;
     variant?: Variant;
@@ -16,5 +16,5 @@ export type BadgeSelectDropdownProps<DataItem extends SelectFieldDataItem<any>>
     onChange?: SelectFieldChangeEventHandler<DataItem>;
     onValueChange?: SelectFieldValueChangeEventHandler<DataItem>;
 } & Omit<UseSelectFieldProps<DataItem>, 'onChange' | 'multiple' | 'onValueChange' | 'value'>;
-export declare const BadgeSelectDropdown: <DataItem extends SelectFieldDataItem<any>>(props: BadgeSelectDropdownProps<DataItem>) => React.ReactNode;
+export declare const BadgeSelectDropdown: <DataItem extends string | SelectFieldDataItemComplex<any>>(props: BadgeSelectDropdownProps<DataItem>) => React.ReactNode;
 export * from './styled';

package/dist/components/lang-switcher/styled.d.ts

@@ -1995,7 +1995,7 @@ export declare const LangSwitcherLabel: import("styled-components").IStyledCompo
     onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     ref?: import("react").Ref<HTMLSpanElement> | undefined;
 }>;
-export declare const LangSwitcherInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@/ui/components/select-field").SelectFieldProps<import("@/ui/components/select-field").SelectFieldDataItem<any>>, import("styled-components/dist/types").BaseObject>>;
+export declare const LangSwitcherInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@/ui/components/select-field").SelectFieldProps<string | import("@/ui/components/select-field").SelectFieldDataItemComplex<any>>, import("styled-components/dist/types").BaseObject>>;
 export declare const LangSwitcherButton: import("styled-components").IStyledComponent<"web", {
     children?: import("react").ReactNode;
     value?: string | number | readonly string[] | undefined;

package/dist/components/select-field/index.d.ts

@@ -1,7 +1,7 @@
 import { SelectModalGeneralProps } from './select-modal';
-import { SelectFieldDataItem, SelectFieldInputChangeEventHandler, SelectFieldInputType } from './types';
+import { SelectFieldDataItemComplex, SelectFieldInputChangeEventHandler, SelectFieldInputType } from './types';
 import { UseSelectFieldProps } from './useSelectField';
-export type SelectFieldProps<DataItem extends SelectFieldDataItem<any>> = {
+export type SelectFieldProps<DataItem extends string | SelectFieldDataItemComplex<any>> = {
     className?: string;
     label?: string | boolean | React.ReactNode;
     placeholder?: string;
@@ -18,7 +18,7 @@ export type SelectFieldProps<DataItem extends SelectFieldDataItem<any>> = {
     onInputChange?: SelectFieldInputChangeEventHandler;
     onPointerLeave?: React.PointerEventHandler<HTMLDivElement>;
 } & SelectModalGeneralProps<DataItem> & UseSelectFieldProps<DataItem> & React.PropsWithChildren;
-export declare const SelectField: <DataItem extends SelectFieldDataItem<any>>({ className, label, placeholder, data, fullWidth, contentWidth, error, skeleton, blur, size, disableSelect, disableScrollbar, empty, after, loading, searchSampleIcon, enableInput, inputType, inputValue: initialInputValue, clearable, disablePortal, tabs, search, searchPlaceholder, resetStyleState, children, modalWidth, dataTest, selectedColor, compactWidth, modalStyles, openedModel, onSearch, onOptionClick, onGroupCheckboxClick, onInputChange, onPointerLeave, ...useSelectFieldProps }: SelectFieldProps<DataItem>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectField: <DataItem extends string | SelectFieldDataItemComplex<any>>({ className, label, placeholder, data, fullWidth, contentWidth, error, skeleton, blur, size, disableSelect, disableScrollbar, empty, after, loading, searchSampleIcon, enableInput, inputType, inputValue: initialInputValue, clearable, disablePortal, tabs, search, searchPlaceholder, resetStyleState, children, modalWidth, dataTest, selectedColor, compactWidth, modalStyles, openedModel, onSearch, onOptionClick, onGroupCheckboxClick, onInputChange, onPointerLeave, ...useSelectFieldProps }: SelectFieldProps<DataItem>) => import("react/jsx-runtime").JSX.Element;
 export * from './types';
 export * from './styled';
 export * from './context';

package/dist/components/select-field/nodes/value/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { SelectFieldDataItem, ValueType } from '../../types';
-export interface SelectFieldInputValueProps<DataItem extends SelectFieldDataItem<any>> {
+import { SelectFieldDataItemComplex, ValueType } from '../../types';
+export interface SelectFieldInputValueProps<DataItem extends string | SelectFieldDataItemComplex<any>> {
     value: ValueType<DataItem>;
     handleValueDelete: (item: DataItem, event: React.MouseEvent) => unknown;
 }
-export declare const SelectFieldInputValue: <DataItem extends SelectFieldDataItem<any>>({ value, handleValueDelete, }: SelectFieldInputValueProps<DataItem>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SelectFieldInputValue: <DataItem extends string | SelectFieldDataItemComplex<any>>({ value, handleValueDelete, }: SelectFieldInputValueProps<DataItem>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/select-field/select-modal/filterData.d.ts

@@ -1,2 +1,2 @@
-import { SelectFieldDataItem } from '../types';
-export declare const filterData: <DataItem extends SelectFieldDataItem<any>>(data: DataItem[], searchValue: string) => DataItem[];
+import { SelectFieldDataItemComplex } from '../types';
+export declare const filterData: <DataItem extends string | SelectFieldDataItemComplex<any>>(data: DataItem[], searchValue: string) => DataItem[];

package/dist/components/select-field/select-modal/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ScrollableTabsProps } from '@/ui/components/scrollable-tabs';
 import { UseSelectFieldReturnType } from '..';
-import { ResetStyleStateType, SelectFieldDataItem, SelectFieldGroupCheckboxClickEventHandler, SelectFieldInputChangeEventHandler, SelectFieldOptionClickEventHandler, SelectFieldSize } from '../types';
-export type SelectModalGeneralProps<DataItem extends SelectFieldDataItem<any>> = {
+import { ResetStyleStateType, SelectFieldDataItemComplex, SelectFieldGroupCheckboxClickEventHandler, SelectFieldInputChangeEventHandler, SelectFieldOptionClickEventHandler, SelectFieldSize } from '../types';
+export type SelectModalGeneralProps<DataItem extends string | SelectFieldDataItemComplex<any>> = {
     data?: DataItem[];
     contentWidth?: number;
     contentHeight?: number | string;
@@ -26,7 +26,7 @@ export type SelectModalGeneralProps<DataItem extends SelectFieldDataItem<any>> =
     onOptionClick?: SelectFieldOptionClickEventHandler<DataItem>;
     onGroupCheckboxClick?: SelectFieldGroupCheckboxClickEventHandler<DataItem>;
 };
-export type SelectModalProps<DataItem extends SelectFieldDataItem<any>> = SelectModalGeneralProps<DataItem> & Omit<UseSelectFieldReturnType<DataItem>, 'disabled' | 'handleInputClick' | 'maxHeight' | 'triggerRef'>;
-export declare const SelectModal: <DataItem extends SelectFieldDataItem<any>>({ isOpen, data: initialData, contentWidth, contentHeight, size, disableSelect, disableScrollbar, empty, after, tabs, search, searchPlaceholder, resetStyleState, placement, selectModalRef, disablePortal, blur, x, y, width, isKeyboardOpen, value, multiple, modalWidth, openedModel, selectedColor, compactWidth, modalStyles, onSearch, onOptionClick, onGroupCheckboxClick, handleClose, setValue, }: SelectModalProps<DataItem>) => import("react/jsx-runtime").JSX.Element;
+export type SelectModalProps<DataItem extends string | SelectFieldDataItemComplex<any>> = SelectModalGeneralProps<DataItem> & Omit<UseSelectFieldReturnType<DataItem>, 'disabled' | 'handleInputClick' | 'maxHeight' | 'triggerRef'>;
+export declare const SelectModal: <DataItem extends string | SelectFieldDataItemComplex<any>>({ isOpen, data: initialData, contentWidth, contentHeight, size, disableSelect, disableScrollbar, empty, after, tabs, search, searchPlaceholder, resetStyleState, placement, selectModalRef, disablePortal, blur, x, y, width, isKeyboardOpen, value, multiple, modalWidth, openedModel, selectedColor, compactWidth, modalStyles, onSearch, onOptionClick, onGroupCheckboxClick, handleClose, setValue, }: SelectModalProps<DataItem>) => import("react/jsx-runtime").JSX.Element;
 export * from './styled';
 export * from './option';

package/dist/components/select-field/select-modal/option/collapse/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { SelectFieldDataItem, SelectFieldSize } from '@/ui/components/select-field';
+import { SelectFieldDataItemComplex, SelectFieldSize } from '@/ui/components/select-field';
 import { SelectFieldOptionClickEventHandler } from '../types';
-export interface SelectFieldCollapseOptionProps<DataItem extends SelectFieldDataItem<any>> extends React.PropsWithChildren, Pick<React.ComponentProps<'div'>, 'onMouseEnter' | 'onMouseLeave' | 'onPointerDown' | 'onPointerUp' | 'onPointerLeave'> {
+export interface SelectFieldCollapseOptionProps<DataItem extends string | SelectFieldDataItemComplex<any>> extends React.PropsWithChildren, Pick<React.ComponentProps<'div'>, 'onMouseEnter' | 'onMouseLeave' | 'onPointerDown' | 'onPointerUp' | 'onPointerLeave'> {
     size: SelectFieldSize;
     item: DataItem;
     onClick?: SelectFieldOptionClickEventHandler<DataItem>;
     icon?: React.ReactNode;
 }
-export declare const SelectFieldCollapseOption: <DataItem extends SelectFieldDataItem<any>>({ size, item, children, onClick, icon, ...props }: SelectFieldCollapseOptionProps<DataItem>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectFieldCollapseOption: <DataItem extends string | SelectFieldDataItemComplex<any>>({ size, item, children, onClick, icon, ...props }: SelectFieldCollapseOptionProps<DataItem>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/select-field/select-modal/option/list/index.d.ts

@@ -1,3 +1,3 @@
-import { SelectFieldDataItem } from '@/ui/components/select-field/types';
+import { SelectFieldDataItemComplex } from '@/ui/components/select-field/types';
 import { SelectFieldOptionsProps } from '../types';
-export declare const SelectFieldOptions: <DataItem extends SelectFieldDataItem<any>>({ value, data, size, disableSelect, selectedColor, onGroupCheckboxClick, onOptionClick, ...props }: SelectFieldOptionsProps<DataItem>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectFieldOptions: <DataItem extends string | SelectFieldDataItemComplex<any>>({ value, data, size, disableSelect, selectedColor, onGroupCheckboxClick, onOptionClick, ...props }: SelectFieldOptionsProps<DataItem>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/select-field/select-modal/option/types.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { SelectFieldDataItem, SelectFieldDataItemLiteral, SelectFieldSize } from '../types';
-export type SelectFieldOptionClickEventHandler<DataItem extends SelectFieldDataItem<any>> = (item: DataItem) => unknown;
-export type SelectFieldGroupCheckboxClickEventHandler<DataItem extends SelectFieldDataItem<any>> = (item: DataItem) => unknown;
-export interface SelectFieldOptionsProps<DataItem extends SelectFieldDataItem<any>> extends React.ComponentProps<'div'> {
+import { SelectFieldDataItemComplex, SelectFieldDataItemLiteral, SelectFieldSize } from '../types';
+export type SelectFieldOptionClickEventHandler<DataItem extends string | SelectFieldDataItemComplex<any>> = (item: DataItem) => unknown;
+export type SelectFieldGroupCheckboxClickEventHandler<DataItem extends string | SelectFieldDataItemComplex<any>> = (item: DataItem) => unknown;
+export interface SelectFieldOptionsProps<DataItem extends string | SelectFieldDataItemComplex<any>> extends React.ComponentProps<'div'> {
     value: DataItem | SelectFieldDataItemLiteral<DataItem> | DataItem[] | null;
     data: DataItem[];
     size: SelectFieldSize;

package/dist/components/select-field/types.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 import { TooltipProps } from '@/ui/components/tooltip';
-export type SelectFieldChangeEventHandler<DataItem extends SelectFieldDataItem<any>> = (item: DataItem | null) => unknown;
-export type SelectFieldValueChangeEventHandler<DataItem extends SelectFieldDataItem<any>, ValueType = DataItem extends string ? DataItem : DataItem extends SelectFieldDataItemComplex<DataItem> ? DataItem['value'] : never> = (value: ValueType | null) => unknown;
-export type SelectFieldMultiChangeEventHandler<DataItem extends SelectFieldDataItem<any>> = (items: DataItem[]) => unknown;
-export type SelectFieldMultiValueChangeEventHandler<DataItem extends SelectFieldDataItem<any>, ValueType = DataItem extends string ? DataItem : DataItem extends SelectFieldDataItemComplex<DataItem> ? DataItem['value'] : never> = (value: ValueType[]) => unknown;
-export type SelectFieldOptionClickEventHandler<DataItem extends SelectFieldDataItem<any>> = (item: DataItem) => unknown;
-export type SelectFieldGroupCheckboxClickEventHandler<DataItem extends SelectFieldDataItem<any>> = (item: DataItem) => unknown;
+export type SelectFieldChangeEventHandler<DataItem extends string | SelectFieldDataItemComplex<any>> = (item: DataItem | null) => unknown;
+export type SelectFieldValueChangeEventHandler<DataItem extends string | SelectFieldDataItemComplex<any>, ValueType = DataItem extends string ? DataItem : DataItem extends SelectFieldDataItemComplex<any> ? DataItem['value'] : never> = (value: ValueType | null) => unknown;
+export type SelectFieldMultiChangeEventHandler<DataItem extends string | SelectFieldDataItemComplex<any>> = (items: DataItem[]) => unknown;
+export type SelectFieldMultiValueChangeEventHandler<DataItem extends string | SelectFieldDataItemComplex<any>, ValueType = DataItem extends string ? DataItem : DataItem extends SelectFieldDataItemComplex<any> ? DataItem['value'] : never> = (value: ValueType[]) => unknown;
+export type SelectFieldOptionClickEventHandler<DataItem extends string | SelectFieldDataItemComplex<any>> = (item: DataItem) => unknown;
+export type SelectFieldGroupCheckboxClickEventHandler<DataItem extends string | SelectFieldDataItemComplex<any>> = (item: DataItem) => unknown;
 export type SelectFieldInputChangeEventHandler = (value: string) => unknown;
 export type SelectFieldItemType = 'item' | 'divider' | 'collapse' | 'empty' | 'label' | 'radio' | 'checkbox' | 'checkbox-group';
 export type SelectFieldDataItemSimple = string;
-export type SelectFieldDataItemComplex<DataItem extends SelectFieldDataItem<any>> = {
+export type SelectFieldDataItemComplex<DataItem extends string | SelectFieldDataItemComplex<any>> = {
     id?: number | string;
     type?: SelectFieldItemType;
     color?: string;
@@ -23,7 +23,7 @@ export type SelectFieldDataItemComplex<DataItem extends SelectFieldDataItem<any>
     tooltip?: TooltipProps;
     open?: boolean;
     backgroundHoverColor?: 'gradient' | 'primary';
-    data?: DataItem[];
+    data?: SelectFieldDataItem<any>[];
     best_model?: boolean;
     noSelect?: boolean;
     description?: string;
@@ -33,13 +33,13 @@ export type SelectFieldDataItemComplex<DataItem extends SelectFieldDataItem<any>
     onClick?: SelectFieldOptionClickEventHandler<DataItem>;
     onGroupCheckboxClick?: SelectFieldGroupCheckboxClickEventHandler<DataItem>;
 };
-export type SelectFieldDataItem<DataItem extends SelectFieldDataItem<any>> = string | SelectFieldDataItemComplex<DataItem>;
-export type SelectFieldData<DataItem extends SelectFieldDataItem<any>> = SelectFieldDataItem<DataItem>[];
+export type SelectFieldDataItem<DataItem extends string | SelectFieldDataItemComplex<any>, ResolvedDataItem = DataItem extends string ? DataItem : SelectFieldDataItemComplex<DataItem>> = ResolvedDataItem;
+export type SelectFieldData<DataItem extends string | SelectFieldDataItemComplex<any>> = SelectFieldDataItem<DataItem>[];
 export type SelectFieldSize = 'small' | 'md' | 'large';
 export type SelectFieldPlacement = 'bottom-left' | 'bottom-center' | 'top-left' | 'top-right';
 export type SelectFieldInputType = 'text' | 'search';
 export type ResetStyleStateType = string | number | boolean | null;
-export type SelectedItem<DataItem extends SelectFieldDataItem<any>> = DataItem | null;
-export type SelectFieldDataItemLiteral<DataItem extends SelectFieldDataItem<any>> = DataItem extends string ? DataItem : DataItem extends SelectFieldDataItemComplex<DataItem> ? DataItem['value'] : never;
-export type ValueType<DataItem extends SelectFieldDataItem<any>> = DataItem | SelectFieldDataItemLiteral<DataItem> | DataItem[] | null;
-export type ValueSetter<DataItem extends SelectFieldDataItem<any>> = (value: ValueType<DataItem>) => void;
+export type SelectedItem<DataItem extends string | SelectFieldDataItemComplex<any>> = DataItem | null;
+export type SelectFieldDataItemLiteral<DataItem extends string | SelectFieldDataItemComplex<any>> = DataItem extends string ? DataItem : DataItem extends SelectFieldDataItemComplex<any> ? DataItem['value'] extends undefined ? never : DataItem['value'] : never;
+export type ValueType<DataItem extends string | SelectFieldDataItemComplex<any>> = DataItem | SelectFieldDataItemLiteral<DataItem> | DataItem[] | null;
+export type ValueSetter<DataItem extends string | SelectFieldDataItemComplex<any>> = (value: ValueType<DataItem>) => void;

package/dist/components/select-field/useSelectField.d.ts

@@ -1,25 +1,25 @@
-import { SelectFieldChangeEventHandler, SelectFieldDataItem, SelectFieldDataItemLiteral, SelectFieldMultiChangeEventHandler, SelectFieldMultiValueChangeEventHandler, SelectFieldPlacement, SelectFieldValueChangeEventHandler } from './types';
-export interface UseSelectFieldDefaultProps<DataItem extends SelectFieldDataItem<any>> {
+import { SelectFieldChangeEventHandler, SelectFieldDataItemComplex, SelectFieldDataItemLiteral, SelectFieldMultiChangeEventHandler, SelectFieldMultiValueChangeEventHandler, SelectFieldPlacement, SelectFieldValueChangeEventHandler } from './types';
+export interface UseSelectFieldDefaultProps<DataItem extends string | SelectFieldDataItemComplex<any>> {
     multiple?: false;
     value?: DataItem | SelectFieldDataItemLiteral<DataItem> | null;
     onChange?: SelectFieldChangeEventHandler<DataItem>;
     onValueChange?: SelectFieldValueChangeEventHandler<DataItem>;
 }
-export interface UseSelectFieldMultiProps<DataItem extends SelectFieldDataItem<any>> {
+export interface UseSelectFieldMultiProps<DataItem extends string | SelectFieldDataItemComplex<any>> {
     multiple: true;
     value?: DataItem[];
     onChange?: SelectFieldMultiChangeEventHandler<DataItem>;
     onValueChange?: SelectFieldMultiValueChangeEventHandler<DataItem>;
 }
-export type UseSelectFieldUnionProps<DataItem extends SelectFieldDataItem<any>> = UseSelectFieldDefaultProps<DataItem> | UseSelectFieldMultiProps<DataItem>;
-export type UseSelectFieldProps<DataItem extends SelectFieldDataItem<any>> = {
+export type UseSelectFieldUnionProps<DataItem extends string | SelectFieldDataItemComplex<any>> = UseSelectFieldDefaultProps<DataItem> | UseSelectFieldMultiProps<DataItem>;
+export type UseSelectFieldProps<DataItem extends string | SelectFieldDataItemComplex<any>> = {
     disabled?: boolean;
     placement?: SelectFieldPlacement;
     contentHeight?: number | string;
     onClose?: () => void;
     onSelectClick?: () => void;
 } & UseSelectFieldUnionProps<DataItem>;
-export type UseSelectFieldHook<DataItem extends SelectFieldDataItem<any>, TriggerType extends HTMLElement = HTMLDivElement> = (params: UseSelectFieldProps<DataItem>) => {
+export type UseSelectFieldHook<DataItem extends string | SelectFieldDataItemComplex<any>, TriggerType extends HTMLElement = HTMLDivElement> = (params: UseSelectFieldProps<DataItem>) => {
     x: number;
     y: number;
     width: number;
@@ -36,8 +36,8 @@ export type UseSelectFieldHook<DataItem extends SelectFieldDataItem<any>, Trigge
     handleClose: () => void;
     setValue: (value: DataItem | DataItem[] | null) => void;
 };
-export type UseSelectFieldReturnType<DataItem extends SelectFieldDataItem<any>, TriggerType extends HTMLElement = HTMLDivElement> = ReturnType<UseSelectFieldHook<DataItem, TriggerType>>;
-export declare const useSelectField: <DataItem extends SelectFieldDataItem<any>, TriggerType extends HTMLElement = HTMLDivElement>({ value: initialValue, multiple, disabled, placement: initialPlacement, contentHeight, onClose, onSelectClick, onChange, onValueChange, }: UseSelectFieldProps<DataItem>) => {
+export type UseSelectFieldReturnType<DataItem extends string | SelectFieldDataItemComplex<any>, TriggerType extends HTMLElement = HTMLDivElement> = ReturnType<UseSelectFieldHook<DataItem, TriggerType>>;
+export declare const useSelectField: <DataItem extends string | SelectFieldDataItemComplex<any>, TriggerType extends HTMLElement = HTMLDivElement>({ value: initialValue, multiple, disabled, placement: initialPlacement, contentHeight, onClose, onSelectClick, onChange, onValueChange, }: UseSelectFieldProps<DataItem>) => {
     x: number;
     y: number;
     width: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bothub-chat/ui",
-  "version": "2.61.1-feat-generics-in-select-12c70ac8-6974-4fa6-990a-fe8ced493714",
+  "version": "2.61.1-feat-generics-in-select-f2db91c7-24a4-49c5-bf91-1eb3c6ae1f10",
   "description": "Bothub UI Components",
   "keywords": [
     "bot",