stratosphere-ui 0.1.17 → 0.1.19

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

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

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

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

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

@@ -6,4 +6,4 @@ export interface FormControlProps<Values extends FieldValues, TOutput> extends F
     inputRef?: RefObject<HTMLInputElement>;
     transform?: Transform<TOutput>;
 }
-export declare const FormControl: <Values extends FieldValues, TOutput>({ className, controllerProps, inputRef, isRequired, labelText, name, transform, ...props }: FormControlProps<Values, TOutput>) => JSX.Element;
+export declare const FormControl: <Values extends FieldValues, TOutput>({ className, controllerProps, inputRef, isRequired, labelText, name, showDirty, transform, ...props }: FormControlProps<Values, TOutput>) => JSX.Element;

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

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

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

@@ -3,7 +3,7 @@ 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' | 'isRequired'> {
+export interface FormSelectProps<DataItem extends GenericDataType, Values extends FieldValues> extends Omit<FormFieldProps<Values>, 'controllerProps' | 'placeholder' | 'showDirty'> {
     buttonColor?: ComponentColor;
     buttonRef?: RefObject<HTMLButtonElement>;
     className?: string;
@@ -12,4 +12,4 @@ export interface FormSelectProps<DataItem extends GenericDataType, Values extend
     getItemValue?: (data: DataItem) => string;
     options: DataItem[];
 }
-export declare const FormSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ buttonColor, buttonRef, className, dropdownIcon, getItemText, getItemValue, labelText, name, options, }: FormSelectProps<DataItem, Values>) => JSX.Element;
+export declare const FormSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ buttonColor, buttonRef, className, dropdownIcon, getItemText, getItemValue, isRequired, labelText, name, options, }: FormSelectProps<DataItem, Values>) => JSX.Element;

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

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 import { ToggleProps } from 'react-daisyui';
-import { FieldValues, UseControllerProps } from 'react-hook-form';
-export interface FormToggleSwitchProps<Values extends FieldValues> extends UseControllerProps<Values> {
-    color?: ToggleProps['color'];
-    label: string;
-    className?: string;
+import { FieldValues } from 'react-hook-form';
+import { FormFieldProps } from './types';
+export interface FormToggleSwitchProps<Values extends FieldValues> extends Omit<FormFieldProps<Values>, 'placeholder' | 'showDirty'>, Omit<ToggleProps, 'name'> {
 }
-export declare const FormToggleSwitch: <Values extends FieldValues>({ color, label, className, ...props }: FormToggleSwitchProps<Values>) => JSX.Element;
+export declare const FormToggleSwitch: <Values extends FieldValues>({ children, className, controllerProps, isRequired, labelText, name, ...props }: FormToggleSwitchProps<Values>) => JSX.Element;

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

@@ -8,6 +8,7 @@ export interface FormFieldProps<Values extends FieldValues> {
     labelText?: string;
     name: Path<Values>;
     placeholder?: string;
+    showDirty?: boolean;
 }
 export interface ComboboxProps<DataItem extends GenericDataType, Values extends FieldValues> extends Pick<TypeaheadSelectProps<DataItem, Values>, 'className' | 'getItemValue' | 'name'> {
     children: ReactNode;

package/dist/components/Modal/Modal.d.ts

@@ -1,10 +1,7 @@
-import { ReactNode } from 'react';
-import { ButtonProps } from 'react-daisyui';
-export interface ModalProps {
+/// <reference types="react" />
+import { ButtonProps, ModalProps as DaisyUIModalProps } from 'react-daisyui';
+export interface ModalProps extends DaisyUIModalProps {
     actionButtons: ButtonProps[];
-    children: ReactNode;
     onClose: () => void;
-    show: boolean;
-    title: string;
 }
-export declare const Modal: ({ actionButtons, children, onClose, show, title, }: ModalProps) => JSX.Element;
+export declare const Modal: ({ actionButtons, children, className, onClose, open, title, }: ModalProps) => JSX.Element;

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

@@ -13,4 +13,4 @@ export interface TypeaheadSelectProps<DataItem extends GenericDataType, Values e
     inputRef?: RefObject<HTMLInputElement>;
     multi?: true;
 }
-export declare const TypeaheadSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ className, controllerProps, debounceTime, defaultOptions, disableSingleSelectBadge, getBadgeText, getItemText, getItemValue, inputPlaceholder, inputRef, isRequired, labelText, multi, name, onDebouncedChange, options, placeholder, }: TypeaheadSelectProps<DataItem, Values>) => JSX.Element;
+export declare const TypeaheadSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ className, controllerProps, debounceTime, defaultOptions, disableSingleSelectBadge, getBadgeText, getItemText, getItemValue, inputPlaceholder, inputRef, isRequired, labelText, multi, name, onDebouncedChange, options, placeholder, showDirty, }: TypeaheadSelectProps<DataItem, Values>) => JSX.Element;

package/dist/hooks/index.d.ts

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

package/dist/hooks/useFieldColor.d.ts

@@ -0,0 +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" | "ghost" | "error";