stratosphere-ui 0.1.8 → 0.1.9

package/dist/components/Form/FormComboboxMulti.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FieldValues } from 'react-hook-form';
+import { ComboboxProps } from './types';
+import { GenericDataType } from '../../common';
+export declare const ComboboxMulti: <DataItem extends GenericDataType, Values extends FieldValues>({ children, className, getItemValue, name, selectedItems, setSelectedItems, }: ComboboxProps<DataItem, Values>) => JSX.Element;

package/dist/components/Form/FormComboboxSingle.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FieldValues } from 'react-hook-form';
+import { ComboboxProps } from './types';
+import { GenericDataType } from '../../common';
+export declare const ComboboxSingle: <DataItem extends GenericDataType, Values extends FieldValues>({ children, className, getItemValue, name, selectedItems, setSelectedItems, value, }: ComboboxProps<DataItem, Values>) => JSX.Element;

package/dist/components/Form/FormRangeSlider.d.ts

@@ -5,8 +5,6 @@ export interface FormRangeSliderProps<Values> {
     barColor?: string;
     barInnerColor?: string;
     children?: ReactNode;
-    defaultMin?: number;
-    defaultMax?: number;
     labelText?: string;
     min: number;
     max: number;

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

@@ -1,4 +1,7 @@
-import { FieldValues, Path, UseControllerProps } from 'react-hook-form';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { FieldValues, Path, PathValue, UseControllerProps } from 'react-hook-form';
+import { TypeaheadSelectProps } from '../TypeaheadSelect';
+import { GenericDataType } from '../../common';
 export interface FormFieldProps<Values extends FieldValues> {
     controllerProps?: Omit<UseControllerProps<Values>, 'name'>;
     isRequired?: boolean;
@@ -6,6 +9,12 @@ export interface FormFieldProps<Values extends FieldValues> {
     name: Path<Values>;
     placeholder?: string;
 }
+export interface ComboboxProps<DataItem extends GenericDataType, Values extends FieldValues> extends Pick<TypeaheadSelectProps<DataItem, Values>, 'className' | 'getItemValue' | 'name'> {
+    children: ReactNode;
+    selectedItems: DataItem[];
+    setSelectedItems: Dispatch<SetStateAction<DataItem[]>>;
+    value: PathValue<Values, Path<Values>>;
+}
 export interface Transform<TOutput> {
     output: (val: string) => TOutput;
     input: (val: TOutput) => string;

package/dist/components/{Typeahead → TypeaheadSelect}/TypeaheadSelect.d.ts

@@ -1,9 +1,9 @@
 import { RefObject } from 'react';
 import { FieldValues } from 'react-hook-form';
-import { UseTypeaheadInputOptions } from './useTypeaheadInput';
 import { FormFieldProps } from '../Form';
 import { GenericDataType } from '../../common';
-export interface TypeaheadSelectProps<DataItem extends GenericDataType, Values extends FieldValues> extends UseTypeaheadInputOptions<DataItem>, FormFieldProps<Values> {
+import { UseTypeaheadQueryOptions } from '../../hooks';
+export interface TypeaheadSelectProps<DataItem extends GenericDataType, Values extends FieldValues> extends UseTypeaheadQueryOptions<DataItem>, FormFieldProps<Values> {
     className?: string;
     getBadgeText?: (item: DataItem) => string;
     getItemText: (data: DataItem) => string;
@@ -11,4 +11,4 @@ export interface TypeaheadSelectProps<DataItem extends GenericDataType, Values e
     inputRef?: RefObject<HTMLInputElement>;
     multi?: true;
 }
-export declare const TypeaheadSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ multi, ...props }: TypeaheadSelectProps<DataItem, Values>) => JSX.Element;
+export declare const TypeaheadSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ className, controllerProps, debounceTime, getBadgeText, getItemText, getItemValue, inputRef, isRequired, labelText, multi, name, onDebouncedChange, options, placeholder, }: TypeaheadSelectProps<DataItem, Values>) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './TypeaheadSelect';
+export * from './useTypeaheadSelect';

package/dist/components/TypeaheadSelect/useTypeaheadSelect.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { FieldValues } from 'react-hook-form';
+import { TypeaheadSelectProps } from './TypeaheadSelect';
+import { GenericDataType } from '../../common';
+export declare type UseTypeaheadSelectOptions<DataItem extends GenericDataType, Values extends FieldValues> = Pick<TypeaheadSelectProps<DataItem, Values>, 'controllerProps' | 'debounceTime' | 'multi' | 'name' | 'onDebouncedChange' | 'options'>;
+export declare const useTypeaheadSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ controllerProps, debounceTime, multi, name, onDebouncedChange, options, }: UseTypeaheadSelectOptions<DataItem, Values>) => {
+    error: import("react-hook-form").FieldError | undefined;
+    isLoading: boolean;
+    query: string;
+    dropdownRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    searchInputRef: import("react").MutableRefObject<HTMLInputElement | null>;
+    selectedItems: DataItem[];
+    setShowDropdown: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setSelectedItems: import("react").Dispatch<import("react").SetStateAction<DataItem[]>>;
+    showDropdown: boolean;
+    setQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
+    value: import("react-hook-form").PathValue<Values, import("react-hook-form").Path<Values>>;
+};

package/dist/components/index.d.ts

@@ -6,4 +6,4 @@ export * from './FullScreenLoader';
 export * from './Icons';
 export * from './LoadingCard';
 export * from './Modal';
-export * from './Typeahead';
+export * from './TypeaheadSelect';

package/dist/hooks/index.d.ts

@@ -1,2 +1,4 @@
 export * from './useDebouncedValue';
+export * from './useFormValues';
 export * from './useOutsideClick';
+export * from './useTypeaheadQuery';

package/dist/hooks/useDebouncedValue.d.ts

@@ -1,3 +1,3 @@
 import { Dispatch, SetStateAction } from 'react';
 export declare type UseDebouncedStateValue = string | number | boolean | null;
-export declare const useDebouncedState: <Value extends UseDebouncedStateValue>(value: Value, delay: number) => [Value, Dispatch<SetStateAction<Value>>, Value, boolean];
+export declare const useDebouncedValue: <Value extends UseDebouncedStateValue>(value: Value, delay: number) => [Value, Dispatch<SetStateAction<Value>>, Value, boolean];

package/dist/hooks/useFormValues.d.ts

@@ -0,0 +1,2 @@
+import { FieldValues } from 'react-hook-form';
+export declare const useFormValues: <Values extends FieldValues>() => Values;

package/dist/hooks/useTypeaheadQuery.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+import { GenericDataType } from '../common';
+export interface UseTypeaheadQueryOptions<DataItem> {
+    debounceTime?: number;
+    onDebouncedChange: (value: string) => void;
+    options?: DataItem[];
+}
+export interface UseTypeaheadQueryResult {
+    isLoading: boolean;
+    query: string;
+    setQuery: Dispatch<SetStateAction<string>>;
+}
+export declare const useTypeaheadQuery: <DataItem extends GenericDataType>({ debounceTime, onDebouncedChange, options, }: UseTypeaheadQueryOptions<DataItem>) => UseTypeaheadQueryResult;