@saleor/macaw-ui 1.1.6 → 1.1.7

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

@@ -3,3 +3,4 @@ export * from './LoadingListItem';
 export * from './types';
 export * from './helpers';
 export * from './NoOptions';
+export * from './useHighlightedIndex';

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

@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
 export type Option = {
     label: string;
     value: string;
+    disabled?: boolean;
     startAdornment?: ReactNode;
     endAdornment?: ReactNode;
 };

package/dist/components/BaseSelect/useHighlightedIndex.d.ts

@@ -0,0 +1,7 @@
+import { Option } from '.';
+import { UseComboboxStateChangeTypes, UseSelectStateChangeTypes } from 'downshift';
+
+export declare function useHighlightedIndex<T extends Option>(items: T[], selectedItem: T | null | undefined): {
+    highlightedIndex: number | undefined;
+    onHighlightedIndexChange: (index: number | undefined, type: UseComboboxStateChangeTypes | UseSelectStateChangeTypes) => void;
+};

package/dist/components/Combobox/Common/useCombobox.d.ts

@@ -19,7 +19,7 @@ export declare const useCombobox: <T extends Option, V extends string | Option>(
     getLabelProps: (options?: import('downshift').UseComboboxGetLabelPropsOptions | undefined) => any;
     getMenuProps: (options?: import('downshift').UseComboboxGetMenuPropsOptions | undefined, otherOptions?: GetPropsCommonOptions | undefined) => any;
     getInputProps: (options?: UseComboboxGetInputPropsOptions, otherOptions?: GetPropsCommonOptions) => any;
-    highlightedIndex: number;
+    highlightedIndex: number | undefined;
     getItemProps: (options: import('downshift').UseComboboxGetItemPropsOptions<T>) => any;
     hasItemsToSelect: boolean;
 };

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

@@ -12,4 +12,5 @@ export declare const Example: () => JSX.Element;
 export declare const WithStringValue: () => JSX.Element;
 export declare const WithAdornment: () => JSX.Element;
 export declare const WithEllipsis: () => JSX.Element;
+export declare const WithDisabledOption: () => JSX.Element;
 export declare const NoOptions: () => JSX.Element;

package/dist/components/Multiselect/Static/Multiselect.stories.d.ts

@@ -10,5 +10,6 @@ export declare const Disabled: Story;
 export declare const WithHelperText: Story;
 export declare const WithEndAdornment: Story;
 export declare const WithStringAsValues: () => JSX.Element;
+export declare const WithDisabledOption: () => JSX.Element;
 export declare const Empty: () => JSX.Element;
 export declare const NoOptions: () => JSX.Element;

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

@@ -11,5 +11,6 @@ export declare const WithHelperText: Story;
 export declare const WithStringValue: () => JSX.Element;
 export declare const WithStartAdornment: () => JSX.Element;
 export declare const WithEllipsis: () => JSX.Element;
+export declare const WithDisabledOption: () => JSX.Element;
 export declare const Empty: () => JSX.Element;
 export declare const NoOptions: () => JSX.Element;

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

@@ -17,7 +17,7 @@ export declare const useSelect: <T extends Option, V extends string | Option>({
     getToggleButtonProps: (options?: UseSelectGetToggleButtonPropsOptions | undefined, otherOptions?: GetPropsCommonOptions | undefined) => any;
     getLabelProps: (options?: import('downshift').UseSelectGetLabelPropsOptions | undefined) => any;
     getMenuProps: (options?: import('downshift').UseSelectGetMenuPropsOptions | undefined, otherOptions?: GetPropsCommonOptions | undefined) => any;
-    highlightedIndex: number;
+    highlightedIndex: number | undefined;
     getItemProps: (options: import('downshift').UseSelectGetItemPropsOptions<T>) => any;
     selectedItem: T | null;
     hasItemsToSelect: boolean;