gantri-components 2.119.0-beta.1 → 2.119.0-beta.3

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,6 +1,6 @@
 import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
 import { ButtonVariant } from '../button/button.types';
-export interface ButtonMenuProps<T = Record<string, unknown>> extends DropdownMenuProps<T> {
+export interface ButtonMenuProps<T extends Record<string, unknown>> extends DropdownMenuProps<T> {
     active?: boolean;
     buttonClassName?: string;
     buttonVariant?: ButtonVariant;

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

@@ -6,7 +6,7 @@ import { Maybe } from '../../global';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { TextVariant } from '../typography';
 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;

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,41 @@ 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;
     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;
+    disabledTooltipProps?: Partial<TooltipProps>;
+};
+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/radio/radio.types.d.ts

@@ -2,6 +2,7 @@ import { ReactElement } from 'react';
 import { TextVariant } from '../typography';
 export type RadioVariant = 'primary' | 'alert';
 export interface RadioProps {
+    className?: string;
     disabled?: boolean;
     groupValue?: any;
     labelHtmlText?: string;

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

@@ -1,7 +1,6 @@
 import React from 'react';
-import { RadioListProps, RadioWrapperComponent } from './radio-list.types';
+import { RadioListProps } from './radio-list.types';
 export declare const RadioList: {
     <Value extends string>(props: RadioListProps<Value>): React.JSX.Element;
     defaultProps: import("./radio-list.types").RadioListDefaultProps<string | Record<any, any>>;
 };
-export declare const RadioTile: RadioWrapperComponent;

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

@@ -1,3 +1,6 @@
 /// <reference types="react" />
-import { RadioWrapperComponentProps } from './radio-list.types';
-export declare const StyledRadioTileBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box/box.types").BoxProps & import("react").RefAttributes<import("../box/box.types").BoxProps>>, import("styled-components").DefaultTheme, RadioWrapperComponentProps, never>;
+import { RadioTileProps } from './radio-list.types';
+export declare const StyledRadioTile: 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>;

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

@@ -1,4 +1,3 @@
-import { JSXElementConstructor, PropsWithChildren } from 'react';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { CellProps } from '../cell/cell.types';
 import { GridProps } from '../grid/grid.types';
@@ -11,18 +10,17 @@ export interface RadioListProps<Value extends string> extends Partial<RadioListD
     };
     items: (Value | RadioItem)[];
     onSelected: (value: Value) => void | Promise<void>;
+    showAsTiles?: boolean;
     value: Value;
 }
 export interface RadioListDefaultProps<Value extends string | Record<any, any>> {
-    Component: RadioWrapperComponent;
     idProperty: Value extends string ? string : keyof Value;
     labelProperty: Value extends string ? string : keyof Value;
 }
 export type RadioItem = {
     disabled?: boolean;
 } & Record<any, any>;
-export type RadioWrapperComponent = JSXElementConstructor<PropsWithChildren<RadioWrapperComponentProps>>;
-export type RadioWrapperComponentProps = {
+export interface RadioTileProps extends RadioProps {
     isChecked: boolean | undefined;
-    isDisabled: boolean | undefined;
-};
+    showAsTiles: boolean | undefined;
+}

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

@@ -1,12 +1,12 @@
 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'> {
+export interface SearchFieldProps<T extends DropdownMenuItem<Record<string, unknown>>> extends Omit<DropdownMenuProps<T>, 'items'> {
     borderless?: boolean;
     className?: string;
     clearButtonText?: string;
@@ -18,8 +18,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 +31,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 +43,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;
     /**