stratosphere-ui 0.2.4 → 0.2.6

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

@@ -1,8 +1,9 @@
-import { HTMLProps, ReactNode } from 'react';
+import { HTMLProps, ReactNode, RefObject } from 'react';
 import { FieldValues, SubmitHandler, UseFormReturn } from 'react-hook-form';
-export interface FormProps<Values extends FieldValues> extends HTMLProps<HTMLFormElement> {
+export interface FormProps<Values extends FieldValues> extends Omit<HTMLProps<HTMLFormElement>, 'ref'> {
     children?: ReactNode;
+    formRef?: RefObject<HTMLFormElement>;
     methods: UseFormReturn<Values>;
     onFormSubmit?: SubmitHandler<Values>;
 }
-export declare const Form: <Values extends FieldValues>({ children, methods, onFormSubmit, ...props }: FormProps<Values>) => JSX.Element;
+export declare const Form: <Values extends FieldValues>({ children, formRef, methods, onFormSubmit, ...props }: FormProps<Values>) => JSX.Element;

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

@@ -1,8 +1,7 @@
-import { RefObject } from 'react';
+/// <reference types="react" />
 import { CheckboxProps } from 'react-daisyui';
 import { FieldValues } from 'react-hook-form';
 import { FormFieldProps } from './types';
 export interface FormCheckboxProps<Values extends FieldValues> extends Omit<FormFieldProps<Values>, 'placeholder'>, Omit<CheckboxProps, 'name'> {
-    inputRef?: RefObject<HTMLInputElement>;
 }
-export declare const FormCheckbox: <Values extends FieldValues>({ children, className, color, controllerProps, inputRef, isRequired, labelText, name, showDirty, ...props }: FormCheckboxProps<Values>) => JSX.Element;
+export declare const FormCheckbox: <Values extends FieldValues>({ children, className, color, controllerProps, isRequired, labelText, name, showDirty, ...props }: FormCheckboxProps<Values>) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ReactNode, RefObject } from 'react';
+import { ReactNode } from 'react';
 import { InputProps } from 'react-daisyui';
 import { FieldValues } from 'react-hook-form';
 import { FormFieldProps } from './types';
@@ -8,7 +8,6 @@ export interface FormControlProps<Values extends FieldValues, TOutput> extends F
     elementRight?: ReactNode;
     hideErrorMessage?: boolean;
     inputClassName?: string;
-    inputRef?: RefObject<HTMLInputElement>;
     transform?: Transform<TOutput>;
 }
-export declare const FormControl: <Values extends FieldValues, TOutput>({ className, color, controllerProps, elementLeft, elementRight, hideErrorMessage, inputClassName, inputRef, isRequired, labelText, name, showDirty, transform, ...props }: FormControlProps<Values, TOutput>) => JSX.Element;
+export declare const FormControl: <Values extends FieldValues, TOutput>({ className, color, controllerProps, elementLeft, elementRight, hideErrorMessage, inputClassName, isRequired, labelText, name, showDirty, transform, ...props }: FormControlProps<Values, TOutput>) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+/// <reference types="react" />
 import { RadioProps } from 'react-daisyui';
 import { FieldValues } from 'react-hook-form';
 import { FormFieldProps } from './types';
@@ -8,7 +8,6 @@ export interface RadioOption {
     value: string;
 }
 export interface FormRadioProps<Values extends FieldValues> extends Omit<FormFieldProps<Values>, 'placeholder'>, Omit<RadioProps, 'name'> {
-    inputRef?: RefObject<HTMLInputElement>;
     options: RadioOption[];
 }
-export declare const FormRadio: <Values extends FieldValues>({ className, color, controllerProps, inputRef, isRequired, labelText, name, options, showDirty, ...props }: FormRadioProps<Values>) => JSX.Element;
+export declare const FormRadio: <Values extends FieldValues>({ className, color, controllerProps, isRequired, labelText, name, options, showDirty, ...props }: FormRadioProps<Values>) => JSX.Element;

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

@@ -1,11 +1,10 @@
-import { ComponentProps, FC, RefObject } from 'react';
+import { ComponentProps, FC } from 'react';
 import { ComponentColor } from 'react-daisyui/dist/types';
 import { FieldValues } from 'react-hook-form';
 import { FormFieldProps } from './types';
 import { GenericDataType } from '../../common';
 export interface FormSelectProps<DataItem extends GenericDataType, Values extends FieldValues> extends Omit<FormFieldProps<Values>, 'controllerProps' | 'placeholder' | 'showDirty'> {
     buttonColor?: ComponentColor;
-    buttonRef?: RefObject<HTMLButtonElement>;
     className?: string;
     defaultOptionId?: string;
     dropdownIcon?: FC<ComponentProps<'svg'>>;
@@ -15,4 +14,4 @@ export interface FormSelectProps<DataItem extends GenericDataType, Values extend
     options: DataItem[];
     showDirty?: boolean;
 }
-export declare const FormSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ buttonColor, buttonRef, className, defaultOptionId, dropdownIcon, getItemText, getItemValue, isRequired, labelText, menuClassName, name, options, showDirty, }: FormSelectProps<DataItem, Values>) => JSX.Element;
+export declare const FormSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ buttonColor, className, defaultOptionId, dropdownIcon, getItemText, getItemValue, isRequired, labelText, menuClassName, name, options, showDirty, }: FormSelectProps<DataItem, Values>) => JSX.Element;

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

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { KeyboardEventHandler } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { FormFieldProps } from '../Form';
 import { GenericDataType } from '../../common';
@@ -10,8 +10,8 @@ export interface TypeaheadSelectProps<DataItem extends GenericDataType, Values e
     getItemText: (data: DataItem) => string;
     getItemValue?: (data: DataItem) => string;
     inputPlaceholder?: string;
-    inputRef?: RefObject<HTMLInputElement>;
     menuClassName?: string;
     multi?: true;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
 }
-export declare const TypeaheadSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ className, controllerProps, debounceTime, defaultOptions, disableSingleSelectBadge, getBadgeText, getItemText, getItemValue, inputPlaceholder, inputRef, isRequired, labelText, menuClassName, multi, name, onDebouncedChange, options, placeholder, showDirty, }: TypeaheadSelectProps<DataItem, Values>) => JSX.Element;
+export declare const TypeaheadSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ className, controllerProps, debounceTime, defaultOptions, disableSingleSelectBadge, getBadgeText, getItemText, getItemValue, inputPlaceholder, isRequired, labelText, menuClassName, multi, name, onDebouncedChange, onKeyDown, options, placeholder, showDirty, }: TypeaheadSelectProps<DataItem, Values>) => JSX.Element;

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

@@ -9,6 +9,7 @@ export declare const useTypeaheadSelect: <DropdownElement extends HTMLElement, D
     error: import("react-hook-form").FieldError | undefined;
     isLoading: boolean;
     query: string;
+    ref: import("react-hook-form").RefCallBack;
     showDropdown: boolean;
     searchInputRef: import("react").MutableRefObject<HTMLInputElement | null>;
     selectedItems: DataItem[];

package/dist/hooks/useFieldColor.d.ts

@@ -1,2 +1,2 @@
 import { FieldPath, FieldValues } from 'react-hook-form';
-export declare const useFieldColor: <Values extends FieldValues>(name: import("react-hook-form").Path<Values>, showDirty?: boolean) => "success" | "error" | null;
+export declare const useFieldColor: <Values extends FieldValues>(name: FieldPath<Values>, showDirty?: boolean) => "success" | "error" | null;