gantri-components 1.95.1 → 1.96.0

package/dist/components/dropdown/dropdown.d.ts

@@ -1,3 +1,3 @@
 import { FC, PropsWithChildren } from 'react';
 import { DropdownProps } from './dropdown.types';
-export declare const Dropdown: FC<PropsWithChildren<DropdownProps>>;
+export declare const Dropdown: FC<PropsWithChildren<DropdownProps<any>>>;

package/dist/components/dropdown/dropdown.presets.d.ts

@@ -1,2 +1,2 @@
 import { DropdownProps } from './dropdown.types';
-export declare const DropdownPresets: Partial<DropdownProps>;
+export declare const DropdownPresets: Partial<DropdownProps<any>>;

package/dist/components/dropdown/dropdown.types.d.ts

@@ -1,7 +1,7 @@
 import { ChangeEvent, CSSProperties, FocusEvent, ReactElement } from 'react';
 import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
 import { ErrorMessageType } from '../text-field';
-export interface DropdownProps<T = DefaultDropdownRecord> extends Pick<DropdownMenuProps<T>, Exclude<keyof DropdownMenuProps<T>, 'items'>> {
+export interface DropdownProps<T> extends Pick<DropdownMenuProps<T>, Exclude<keyof DropdownMenuProps<T>, 'items'>> {
     borderless?: boolean;
     className?: string;
     disabled?: boolean;
@@ -44,7 +44,7 @@ export interface BlurChangeEvent extends Pick<FocusEvent<HTMLDivElement>, Exclud
         name: string;
     };
 }
-export declare type DefaultDropdownRecord = {
+export declare type DefaultDropdownRecord<T extends number | string = string> = {
     label: string;
-    value: string | number;
+    value: T;
 };

package/dist/components/search-field/search-field.d.ts

@@ -1,3 +1,3 @@
 import { FC, PropsWithChildren } from 'react';
 import { SearchFieldProps } from './search-field.types';
-export declare const SearchField: FC<PropsWithChildren<SearchFieldProps>>;
+export declare const SearchField: FC<PropsWithChildren<SearchFieldProps<any>>>;

package/dist/components/search-field/search-field.presets.d.ts

@@ -1,2 +1,2 @@
 import { SearchFieldProps } from './search-field.types';
-export declare const SearchFieldPresets: Partial<SearchFieldProps>;
+export declare const SearchFieldPresets: Partial<SearchFieldProps<any>>;

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

@@ -1,8 +1,8 @@
 import { CSSProperties, FocusEvent, ReactElement } from 'react';
 import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
 import { ErrorMessageType } from '../text-field';
-import { BlurChangeEvent, DefaultDropdownRecord, DropdownChangeEvent } from '../dropdown';
-export interface SearchFieldProps<T = DefaultDropdownRecord> extends Pick<DropdownMenuProps<T>, Exclude<keyof DropdownMenuProps<T>, 'items'>> {
+import { BlurChangeEvent, DropdownChangeEvent } from '../dropdown';
+export interface SearchFieldProps<T> extends Pick<DropdownMenuProps<T>, Exclude<keyof DropdownMenuProps<T>, 'items'>> {
     borderless?: boolean;
     className?: string;
     disabled?: boolean;
@@ -27,6 +27,12 @@ export interface SearchFieldProps<T = DefaultDropdownRecord> extends Pick<Dropdo
     };
     renderPlaceholder?: (option?: T) => JSX.Element;
     resetSelectionOnDisabled?: boolean;
+    /**
+     * If internal, the component will search over the provided list of items,
+     * If external, the onTextChange event is emitted, so an external search can be executed
+     * the new items must be provided after.
+     * */
+    searchMode?: 'internal' | 'external';
     style?: CSSProperties;
     variant?: 'line' | 'filled';
 }