@hyphen/hyphen-components 2.15.5 → 2.16.0

package/dist/components/SelectInput/SelectInput.d.ts

@@ -1,4 +1,4 @@
-import { FC, FocusEvent, ReactNode } from 'react';
+import { FocusEvent, ReactNode } from 'react';
 import { OptionsOrGroups, OnChangeValue } from 'react-select';
 import { ResponsiveProp } from '../../types';
 import { GroupBase } from 'react-select/dist/declarations/src/types';
@@ -25,10 +25,6 @@ export interface SelectInputProps {
      * Callback function to call on change event.
      */
     onChange: (event: SimulatedEventPayloadType) => void;
-    /**
-     * Options for dropdown list.
-     */
-    options: SelectInputOptions;
     /**
      * The value(s) of select.
      */
@@ -110,5 +106,35 @@ export interface SelectInputProps {
      */
     [x: string]: any;
 }
-export declare const SelectInput: FC<SelectInputProps>;
+type AsyncOptions = (inputValue: string) => Promise<SelectInputOptions>;
+type AsyncSelectInputProps = SelectInputProps & {
+    /**
+     * Load the input asynchronously.
+     */
+    isAsync: true;
+    /**
+     * Load options asynchronously.
+     */
+    options: AsyncOptions;
+    /**
+     * If cacheOptions is passed, then the loaded data will be cached.
+     */
+    cacheOptions?: boolean;
+    /**
+     * The default set of options to show before the user starts searching.
+     */
+    defaultOptions?: boolean;
+};
+type SyncSelectInputProps = SelectInputProps & {
+    /**
+     * Load the input synchronously.
+     */
+    isAsync?: false;
+    /**
+     * Options for dropdown list.
+     */
+    options: SelectInputOptions;
+};
+export declare function SelectInput(props: AsyncSelectInputProps): JSX.Element;
+export declare function SelectInput(props: SyncSelectInputProps): JSX.Element;
 export {};

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

@@ -9,6 +9,8 @@ export declare const HelpText: () => React.JSX.Element;
 export declare const Placeholder: () => React.JSX.Element;
 export declare const HiddenLabel: () => React.JSX.Element;
 export declare const CreatableSelect: () => React.JSX.Element;
+export declare const AsyncSelect: () => React.JSX.Element;
+export declare const AsyncCreatableSelect: () => React.JSX.Element;
 export declare const MultiSelect: () => React.JSX.Element;
 export declare const MultiSelectAndPreSelected: () => React.JSX.Element;
 export declare const MultiSelectCreatable: () => React.JSX.Element;