gantri-components 2.119.0-beta.7 → 2.119.0-beta.8

package/dist/components/checkbox-list/checkbox-list.types.d.ts

@@ -1,10 +1,14 @@
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { CellProps } from '../cell/cell.types';
 import { CheckboxProps } from '../checkbox/checkbox.types';
+import { DynamicListItem } from '../components.types';
 import { GridProps } from '../grid/grid.types';
+import { TooltipProps } from '../tooltip/tooltip.types';
 export interface CheckboxListProps<Value extends string | Record<any, any>> extends Partial<CheckboxListDefaultProps<Value>>, Partial<CheckboxProps> {
     cellProps?: Partial<CellProps>;
-    getIsDisabled?: (optionName: Value) => boolean;
+    /** Applies to any disabled tooltips within the checkbox list. */
+    disabledTooltipProps?: Partial<TooltipProps>;
+    getIsDisabled?: (optionName: Value, index: number) => boolean;
     gridProps?: Partial<Omit<GridProps, 'columns'>> & {
         columns: ResolutionAwareProp<number>;
     };
@@ -16,9 +20,7 @@ export interface CheckboxListDefaultProps<Value extends string | Record<any, any
     idProperty: Value extends string ? string : keyof Value;
     labelProperty: Value extends string ? string : keyof Value;
 }
-export type CheckboxItem<Value extends string | Record<any, any>> = {
-    disabled?: boolean;
-} & (Value extends string ? Record<any, any> : Value);
+export type CheckboxItem<Value extends string | Record<any, any>> = DynamicListItem<Record<any, any>> & (Value extends string ? DynamicListItem<Record<any, any>> : Value);
 export type OnCheckboxListValueChange<Value extends string | Record<any, any>> = (selectedValues: string[], lastInteractedItem: CheckboxItem<Value> & {
     isChecked: boolean;
 }) => void | Promise<void>;

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

@@ -0,0 +1,8 @@
+export type DynamicListItem<T extends Record<any, any>> = T & {
+    disabled?: boolean;
+    disabledTooltipDescription?: string;
+};
+export type DynamicListItemDefaultData = {
+    label: string;
+    value: number | string;
+};

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

@@ -3,42 +3,35 @@ import { ReactNode } from 'react';
 import { Maybe } from '../../global';
 import { Color } from '../../styles';
 import { TooltipProps } from '../tooltip/tooltip.types';
-export interface DropdownMenuProps<T extends DropdownMenuItem<Record<any, any>>> {
+import { DynamicListItem } from '../components.types';
+export interface DropdownMenuProps<T extends DynamicListItem<Record<any, any>>> {
     autoSelectFirst?: boolean;
     borderColor?: Color;
     className?: string;
     /** Applies to any disabled tooltips within the dropdown menu. */
     disabledTooltipProps?: Partial<TooltipProps>;
     header?: ReactNode;
-    idProperty?: keyof DropdownMenuItem<T>;
+    idProperty?: keyof DynamicListItem<T>;
     /** Can optionally include `disabled: true` to any index to disable that item. */
-    items: DropdownMenuItem<T>[];
+    items: DynamicListItem<T>[];
     /** Sets the alignment of the dropdown items. */
     justifyContent?: Property.JustifyContent;
     keepOpenAfterSelection?: boolean;
-    keyProperty?: (item?: DropdownMenuItem<T>) => string;
-    labelProperty?: keyof T | ((item?: DropdownMenuItem<T>) => string);
-    labelPropertyTx?: (item?: DropdownMenuItem<T>) => string;
+    keyProperty?: (item?: DynamicListItem<T>) => string;
+    labelProperty?: keyof T | ((item?: DynamicListItem<T>) => string);
+    labelPropertyTx?: (item?: DynamicListItem<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: DropdownMenuItem<T>, index: number) => Maybe<ReactNode>;
-    renderItem?: (item: DropdownMenuItem<T>) => Maybe<ReactNode>;
+    renderHeading?: (item: DynamicListItem<T>, index: number) => Maybe<ReactNode>;
+    renderItem?: (item: DynamicListItem<T>) => Maybe<ReactNode>;
     searchType?: 'startsWith' | 'contains' | 'endsWith';
     searchable?: boolean;
     /** Optionally provide to highlight multiple items as selected. */
-    selectedItems?: DropdownMenuItem<T>[];
+    selectedItems?: DynamicListItem<T>[];
     value?: string | number;
     width?: Property.Width<string | number>;
 }
-export type DropdownMenuItem<T extends Record<any, any>> = T & {
-    disabled?: boolean;
-    disabledTooltipDescription?: string;
-};
-export type DropdownMenuItemDefaultData = {
-    label: string;
-    value: number | string;
-};

package/dist/components/index.d.ts

@@ -41,3 +41,4 @@ export * from './text-field';
 export * from './toggle';
 export * from './tooltip';
 export * from './typography';
+export * from './components.types';

package/dist/components/radio-list/radio-list.styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { RadioTileProps } from './radio-list.types';
-export declare const StyledRadioTile: import("styled-components").StyledComponent<{
+import { StyledRadioItemProps } from './radio-list.types';
+export declare const StyledRadioItem: import("styled-components").StyledComponent<{
     (props: import("../radio/radio.types").RadioProps): import("react").JSX.Element;
     defaultProps: import("../radio/radio.types").RadioProps;
-}, import("styled-components").DefaultTheme, RadioTileProps, never>;
+}, import("styled-components").DefaultTheme, StyledRadioItemProps, never>;

package/dist/components/radio-list/radio-list.types.d.ts

@@ -1,10 +1,14 @@
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { CellProps } from '../cell/cell.types';
+import { DynamicListItem } from '../components.types';
 import { GridProps } from '../grid/grid.types';
 import { RadioProps } from '../radio/radio.types';
+import { TooltipProps } from '../tooltip/tooltip.types';
 export interface RadioListProps<Value extends string> extends Partial<RadioListDefaultProps<Value>>, Partial<Omit<RadioProps, 'onSelected'>> {
     cellProps?: Partial<CellProps>;
-    getIsDisabled?: (optionName: Value) => boolean;
+    /** Applies to any disabled tooltips within the radio list. */
+    disabledTooltipProps?: Partial<TooltipProps>;
+    getIsDisabled?: (optionName: Value, index: number) => boolean;
     gridProps?: Partial<Omit<GridProps, 'columns'>> & {
         columns: ResolutionAwareProp<number>;
     };
@@ -17,10 +21,8 @@ export interface RadioListDefaultProps<Value extends string | Record<any, any>>
     idProperty: Value extends string ? string : keyof Value;
     labelProperty: Value extends string ? string : keyof Value;
 }
-export type RadioItem = {
-    disabled?: boolean;
-} & Record<any, any>;
-export interface RadioTileProps extends RadioProps {
+export type RadioItem = DynamicListItem<Record<any, any>>;
+export interface StyledRadioItemProps extends RadioProps {
     isChecked: boolean | undefined;
     showAsTiles: boolean | undefined;
 }

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

@@ -1,13 +1,14 @@
 import { CSSProperties, FocusEvent, ReactElement } from 'react';
 import { Property } from 'csstype';
-import { DropdownMenuItem, DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
+import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
+import { DynamicListItem } from '../components.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';
 import { TooltipProps } from '../tooltip/tooltip.types';
-export interface SearchFieldProps<T extends DropdownMenuItem<Record<any, any>>> extends Omit<DropdownMenuProps<T>, 'items'> {
+export interface SearchFieldProps<T extends DynamicListItem<Record<any, any>>> extends Omit<DropdownMenuProps<T>, 'items'> {
     borderless?: boolean;
     className?: string;
     clearButtonText?: string;
@@ -21,8 +22,8 @@ export interface SearchFieldProps<T extends DropdownMenuItem<Record<any, any>>>
     hideErrors?: boolean;
     icon?: ReactElement;
     /** Can optionally include `disabled: true` to any index to disable that item. */
-    items?: DropdownMenuItem<T>[];
-    keyProperty?: (option?: DropdownMenuItem<T>) => string;
+    items?: DynamicListItem<T>[];
+    keyProperty?: (option?: DynamicListItem<T>) => string;
     labelPosition?: 'top' | 'left';
     labelText?: string;
     labelTx?: string;
@@ -34,7 +35,7 @@ export interface SearchFieldProps<T extends DropdownMenuItem<Record<any, any>>>
     minSearchLength?: number;
     name?: string;
     onBlur?: (event: BlurChangeEvent) => void;
-    onChange?: (event: DropdownChangeEvent<DropdownMenuItem<T>> | DropdownChangeEvent<T[keyof T][]>) => void;
+    onChange?: (event: DropdownChangeEvent<DynamicListItem<T>> | DropdownChangeEvent<T[keyof T][]>) => void;
     onFocus?: (event: FocusEvent<HTMLDivElement>) => void;
     onOpen?: () => void;
     onTextChange?: (value: string) => void;
@@ -46,7 +47,7 @@ export interface SearchFieldProps<T extends DropdownMenuItem<Record<any, any>>>
     processing?: boolean;
     processingText?: string;
     processingTx?: string;
-    renderPlaceholder?: (option?: DropdownMenuItem<T>) => Maybe<JSX.Element>;
+    renderPlaceholder?: (option?: DynamicListItem<T>) => Maybe<JSX.Element>;
     required?: boolean;
     resetSelectionOnDisabled?: boolean;
     /**