react-magma-dom 4.7.0 → 4.8.0-next.1

package/dist/components/Select/ItemsList.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import { ReferenceType } from '@floating-ui/react-dom';
 import { UseSelectGetItemPropsOptions, UseSelectGetMenuPropsOptions } from 'downshift';
+import React from 'react';
 import { SelectComponents } from './components';
-import { ReferenceType } from '@floating-ui/react-dom';
 interface ItemsListProps<T> {
     customComponents?: SelectComponents<T>;
     floatingElementStyles?: React.CSSProperties;
@@ -16,6 +16,7 @@ interface ItemsListProps<T> {
     maxHeight?: number | string;
     menuStyle?: React.CSSProperties;
     setFloating?: (node: ReferenceType) => void;
+    setHighlightedIndex?: (index: number) => void;
 }
 export declare function ItemsList<T>(props: ItemsListProps<T>): JSX.Element;
 export {};

package/dist/components/Select/components.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { IconButtonProps } from '../IconButton';
-import { SpinnerProps } from '../Spinner';
 import { IconProps } from 'react-magma-icons';
 import { ThemeInterface } from '../../theme/magma';
+import { IconButtonProps } from '../IconButton';
+import { SpinnerProps } from '../Spinner';
 export declare type ItemRenderOptions<T> = {
     key: string;
     isFocused?: boolean;
@@ -22,7 +22,7 @@ export declare type SelectComponents<T> = {
 export declare const DefaultClearIndicator: (props: any) => JSX.Element;
 export declare const DefaultDropdownIndicator: (props: any) => JSX.Element;
 export declare const DefaultLoadingIndicator: (props: any) => JSX.Element;
-export declare function DefaultItem<T>({ itemRef, itemString, isInverse, ...props }: ItemRenderOptions<T>): JSX.Element;
+export declare function DefaultItem<T>({ itemRef, itemString, isInverse, isDisabled, ...props }: ItemRenderOptions<T>): JSX.Element;
 export declare function defaultComponents<T>(props: SelectComponents<T>): {
     ClearIndicator: React.FunctionComponent<({} & import("../IconButton").IconTextButtonProps) | ({
         children?: never;

package/dist/components/Select/index.d.ts

@@ -1,13 +1,14 @@
-import * as React from 'react';
-import { UseMultipleSelectionProps, UseSelectProps } from 'downshift';
 import { ReferenceType } from '@floating-ui/react-dom/dist/floating-ui.react-dom';
-import { SelectComponents } from './components';
+import { UseMultipleSelectionProps, UseSelectProps } from 'downshift';
+import * as React from 'react';
 import { Omit, XOR } from '../../utils';
 import { LabelPosition } from '../Label';
+import { SelectComponents } from './components';
 export declare type SelectOptions = string | {
     value: string;
     label: string;
     [key: string]: any;
+    disabled?: boolean;
 } | any;
 export interface InternalSelectProps<T> {
     /**
@@ -123,6 +124,10 @@ export interface SelectProps<T extends SelectOptions> extends UseSelectProps<T>,
      * @internal
      */
     isMulti?: false;
+    /**
+     * Index of the item that should be highlighted by default. Use this prop when you want to set a specific item on the list to be highlighted when the component is first rendered.
+     */
+    initialHighlightedIndex?: number;
     /**
      * Event that fires when the trigger button loses focus
      */
@@ -177,6 +182,11 @@ export declare function instanceOfToBeCreatedItemObject(object: any): object is
     value: string;
     react_magma__created_item: boolean;
 };
+export declare function instanceOfItemWithOptionalDisabled(object: any): object is {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
 export declare type XORSelectProps<T> = XOR<SelectProps<T>, MultiSelectProps<T>>;
 export declare const SelectStateChangeTypes: {
     MenuKeyDownArrowDown: import("downshift").UseSelectStateChangeTypes.MenuKeyDownArrowDown;

package/dist/components/Select/shared.d.ts

@@ -37,6 +37,7 @@ export declare const StyledItem: import("@emotion/styled").StyledComponent<{
 } & {
     isInverse?: boolean;
     isFocused?: boolean;
+    isDisabled?: boolean;
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export declare const SelectedItemsWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;

package/dist/components/Select/utils.d.ts

@@ -0,0 +1 @@
+export declare function isItemDisabled(item: any): boolean;