react-magma-dom 3.2.0-next.3 → 3.2.0-next.4

package/dist/components/Combobox/Combobox.stories.d.ts

@@ -4,9 +4,27 @@ import { SelectOptions } from '../Select';
 declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react/types-6-0").ReactFramework, import("@storybook/react/types-6-0").Args>;
 export default _default;
 export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, ComboboxProps<any>>;
-export declare const Multi: (props: MultiComboboxProps<SelectOptions>) => JSX.Element;
+export declare const Multi: {
+    (props: MultiComboboxProps<SelectOptions>): JSX.Element;
+    args: {
+        labelText: string;
+        isMulti: boolean;
+        isClearable: boolean;
+        errorMessage: string;
+    };
+};
 export declare const ErrorMessage: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, ComboboxProps<any>>;
 export declare const HelperMessage: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, ComboboxProps<any>>;
 export declare const Inverse: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, ComboboxProps<any>>;
 export declare const LeftAlignedLabel: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, ComboboxProps<any>>;
 export declare const LeftAlignedLabelWithContainer: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react/types-6-0").ReactFramework, ComboboxProps<any>>;
+export declare const Typeahead: {
+    (args: any): JSX.Element;
+    args: {
+        isTypeahead: boolean;
+        isClearable: boolean;
+        isMulti: boolean;
+        disableCreateItem: boolean;
+        largeDataSet: boolean;
+    };
+};

package/dist/components/Combobox/ComboboxInput.d.ts

@@ -14,6 +14,7 @@ interface ComboboxInputProps<T> {
     disabled?: boolean;
     isInverse?: boolean;
     isLoading?: boolean;
+    isTypeahead?: boolean;
     onInputBlur?: (event: React.FocusEvent) => void;
     onInputFocus?: (event: React.FocusEvent) => void;
     onInputKeyDown?: (event: React.KeyboardEvent) => void;

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

@@ -94,6 +94,13 @@ export interface ComboboxProps<T extends SelectOptions> extends Omit<UseCombobox
      * Style properties for the component container element
      */
     containerStyle?: React.CSSProperties;
+    /**
+     * When false, the selected item gets validated to ensure it's in the original `items` list.
+     * When using Combobox for typeahead with a large `items` list, set this boolean to true to allow the selected item to not be part of the original `items` list.
+     * In addition, when this is true and `isLoading` is used, the loading indicator will appear on the list instead of the input
+     * @default false
+     */
+    isTypeahead?: boolean;
 }
 export interface MultiComboboxProps<T extends SelectOptions> extends UseMultipleSelectionProps<T>, Omit<ComboboxProps<T>, 'onStateChange' | 'stateReducer' | 'isMulti'>, InternalMultiProps<T> {
     /**

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

@@ -12,6 +12,7 @@ interface ItemsListProps<T> {
     itemToString: (item: T) => string;
     maxHeight?: number | string;
     menuStyle?: React.CSSProperties;
+    isLoading?: boolean;
 }
 export declare function ItemsList<T>(props: ItemsListProps<T>): JSX.Element;
 export {};