gantri-components 2.119.0-beta.2 → 2.119.0-beta.4

package/dist/components/button-menu/button-menu.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ButtonMenuProps } from './button-menu.types';
 export declare const ButtonMenu: {
     <T extends Record<any, any>>(props: ButtonMenuProps<T>): React.JSX.Element;
-    defaultProps: Partial<ButtonMenuProps<Record<string, unknown>>>;
+    defaultProps: any;
 };

package/dist/components/button-menu/button-menu.types.d.ts

@@ -1,9 +1,12 @@
 import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
 import { ButtonVariant } from '../button/button.types';
-export interface ButtonMenuProps<T = Record<string, unknown>> extends DropdownMenuProps<T> {
+import { TooltipProps } from '../tooltip/tooltip.types';
+export interface ButtonMenuProps<T extends Record<string, unknown>> extends DropdownMenuProps<T> {
     active?: boolean;
     buttonClassName?: string;
     buttonVariant?: ButtonVariant;
+    /** Applies to any disabled tooltips within the dropdown menu. */
+    disabledTooltipProps?: Partial<TooltipProps>;
     label?: string;
     labelTx?: string;
     labelTxValues?: Record<string, unknown>;

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

@@ -5,11 +5,14 @@ import { ErrorMessageType, LabelPosition, TextFieldSize, TextFieldVariant } from
 import { Maybe } from '../../global';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { TextVariant } from '../typography';
+import { TooltipProps } from '../tooltip/tooltip.types';
 export type DropdownVariant = 'inline' | 'external';
-export interface DropdownProps<T> extends Omit<DropdownMenuProps<T>, 'items'> {
+export interface DropdownProps<T extends Record<string, unknown>> extends Omit<DropdownMenuProps<T>, 'items'> {
     borderless?: boolean;
     className?: string;
     disabled?: boolean;
+    /** Applies to any disabled tooltips within the dropdown menu. */
+    disabledTooltipProps?: Partial<TooltipProps>;
     dropdownPopupWidth?: Property.Width<string | number>;
     dropdownVariant?: DropdownVariant;
     errorMessage?: ErrorMessageType;

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

@@ -1,2 +1,2 @@
 import { DropdownMenuProps } from './dropdown-menu.types';
-export declare const DropdownMenuPresets: Partial<DropdownMenuProps>;
+export declare const DropdownMenuPresets: Partial<DropdownMenuProps<Record<string, unknown>>>;

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

@@ -2,32 +2,42 @@ import { Property } from 'csstype';
 import { ReactNode } from 'react';
 import { Maybe } from '../../global';
 import { Color } from '../../styles';
-export interface DropdownMenuProps<T = Record<string, unknown>> {
+import { TooltipProps } from '../tooltip/tooltip.types';
+export interface DropdownMenuProps<T extends DropdownMenuItem<Record<string, unknown>>> {
     autoSelectFirst?: boolean;
     borderColor?: Color;
     className?: string;
+    /** Applies to any disabled tooltips within the dropdown menu. */
+    disabledTooltipProps?: Partial<TooltipProps>;
     header?: ReactNode;
-    idProperty?: keyof T;
+    idProperty?: keyof DropdownMenuItem<T>;
     /** Can optionally include `disabled: true` to any index to disable that item. */
-    items: T[];
+    items: DropdownMenuItem<T>[];
     /** Sets the alignment of the dropdown items. */
     justifyContent?: Property.JustifyContent;
     keepOpenAfterSelection?: boolean;
-    keyProperty?: (item?: T) => string;
-    labelProperty?: keyof T | ((item?: T) => string);
-    labelPropertyTx?: (item?: T) => string;
+    keyProperty?: (item?: DropdownMenuItem<T>) => string;
+    labelProperty?: keyof T | ((item?: DropdownMenuItem<T>) => string);
+    labelPropertyTx?: (item?: DropdownMenuItem<T>) => string;
     maxHeight?: Property.MaxHeight<string | number>;
     noShadow?: boolean;
     onKeyDown?: (event: KeyboardEvent) => void;
     onPreselectedIndexChange?: (index: number) => void;
     onSelect?: (item: T | null) => void;
     /** `item` should contain `isHeading: true` */
-    renderHeading?: (item: T, index: number) => Maybe<ReactNode>;
-    renderItem?: (item: T) => Maybe<ReactNode>;
+    renderHeading?: (item: DropdownMenuItem<T>, index: number) => Maybe<ReactNode>;
+    renderItem?: (item: DropdownMenuItem<T>) => Maybe<ReactNode>;
     searchType?: 'startsWith' | 'contains' | 'endsWith';
     searchable?: boolean;
     /** Optionally provide to highlight multiple items as selected. */
-    selectedItems?: T[];
+    selectedItems?: DropdownMenuItem<T>[];
     value?: string | number;
     width?: Property.Width<string | number>;
 }
+export type DropdownMenuItem<T extends Record<string, unknown>> = T & {
+    disabled?: boolean;
+};
+export type DefaultMenuItemKeys = {
+    label: string;
+    value: number | string;
+};

package/dist/components/dropdown-menu/index.d.ts

@@ -1 +1,2 @@
 export * from './dropdown-menu';
+export * from './dropdown-menu.types';

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

@@ -1,16 +1,19 @@
 import { CSSProperties, FocusEvent, ReactElement } from 'react';
 import { Property } from 'csstype';
-import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
+import { DropdownMenuItem, DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
 import { ErrorMessageType, TextFieldSize } from '../text-field';
 import { BlurChangeEvent, DropdownChangeEvent } from '../dropdown';
 import { Maybe } from '../../global';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { TextVariant } from '../typography';
-export interface SearchFieldProps<T = Record<string, unknown>> extends Omit<DropdownMenuProps<T>, 'items'> {
+import { TooltipProps } from '../tooltip/tooltip.types';
+export interface SearchFieldProps<T extends DropdownMenuItem<Record<string, unknown>>> extends Omit<DropdownMenuProps<T>, 'items'> {
     borderless?: boolean;
     className?: string;
     clearButtonText?: string;
     disabled?: boolean;
+    /** Applies to any disabled tooltips within the dropdown menu. */
+    disabledTooltipProps?: Partial<TooltipProps>;
     dropdownPopupWidth?: Property.Width<string | number>;
     enableSelectedItemsList?: boolean;
     errorMessage?: ErrorMessageType;
@@ -18,8 +21,8 @@ export interface SearchFieldProps<T = Record<string, unknown>> extends Omit<Drop
     hideErrors?: boolean;
     icon?: ReactElement;
     /** Can optionally include `disabled: true` to any index to disable that item. */
-    items?: T[];
-    keyProperty?: (option?: T) => string;
+    items?: DropdownMenuItem<T>[];
+    keyProperty?: (option?: DropdownMenuItem<T>) => string;
     labelPosition?: 'top' | 'left';
     labelText?: string;
     labelTx?: string;
@@ -31,7 +34,7 @@ export interface SearchFieldProps<T = Record<string, unknown>> extends Omit<Drop
     minSearchLength?: number;
     name?: string;
     onBlur?: (event: BlurChangeEvent) => void;
-    onChange?: (event: DropdownChangeEvent<T> | DropdownChangeEvent<T[keyof T][]>) => void;
+    onChange?: (event: DropdownChangeEvent<DropdownMenuItem<T>> | DropdownChangeEvent<T[keyof T][]>) => void;
     onFocus?: (event: FocusEvent<HTMLDivElement>) => void;
     onOpen?: () => void;
     onTextChange?: (value: string) => void;
@@ -43,7 +46,7 @@ export interface SearchFieldProps<T = Record<string, unknown>> extends Omit<Drop
     processing?: boolean;
     processingText?: string;
     processingTx?: string;
-    renderPlaceholder?: (option?: T) => Maybe<JSX.Element>;
+    renderPlaceholder?: (option?: DropdownMenuItem<T>) => Maybe<JSX.Element>;
     required?: boolean;
     resetSelectionOnDisabled?: boolean;
     /**