stratosphere-ui 0.2.7 → 0.2.9

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

@@ -0,0 +1,9 @@
+import { RadioGroupProps } from '@headlessui/react';
+import { ReactNode } from 'react';
+import { FieldValues } from 'react-hook-form';
+import { FormFieldProps } from './types';
+export interface FormRadioGroupProps<Values extends FieldValues> extends Omit<FormFieldProps<Values>, 'placeholder' | 'showDirty'>, Omit<RadioGroupProps<'button', string>, 'children' | 'className' | 'name' | 'onChange' | 'value'> {
+    children: ReactNode;
+    className?: string;
+}
+export declare const FormRadioGroup: <Values extends FieldValues>({ children, className, controllerProps, isRequired, labelText, name, ...props }: FormRadioGroupProps<Values>) => JSX.Element;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ButtonProps } from 'react-daisyui';
+export interface FormRadioGroupOptionProps extends ButtonProps {
+    value: string;
+}
+export declare const FormRadioGroupOption: ({ children, disabled, value, ...props }: FormRadioGroupOptionProps) => JSX.Element;

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

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

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { TextareaProps } from 'react-daisyui';
+import { FieldValues } from 'react-hook-form';
+import { FormFieldProps } from './types';
+import { Transform } from '../../common';
+export interface FormTextareaProps<Values extends FieldValues, TOutput> extends FormFieldProps<Values>, Omit<TextareaProps, 'name'> {
+    hideErrorMessage?: boolean;
+    inputClassName?: string;
+    transform?: Transform<TOutput>;
+}
+export declare const FormTextarea: <Values extends FieldValues, TOutput>({ className, color, controllerProps, hideErrorMessage, inputClassName, isRequired, labelText, name, showDirty, transform, ...props }: FormTextareaProps<Values, TOutput>) => JSX.Element;

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

@@ -5,7 +5,9 @@ export * from './FormError';
 export * from './FormFileInput';
 export * from './FormLabel';
 export * from './FormRadio';
+export * from './FormRadioGroup';
+export * from './FormRadioGroupOption';
 export * from './FormRangeSlider';
-export * from './FormSelect';
+export * from './FormTextarea';
 export * from './FormToggleSwitch';
 export * from './types';

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

@@ -1,5 +1,6 @@
 import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { FieldValues, Path, UseControllerProps } from 'react-hook-form';
+import { SelectProps } from '../Select';
 import { TypeaheadSelectProps } from '../TypeaheadSelect';
 import { GenericDataType } from '../../common';
 export interface FormFieldProps<Values extends FieldValues> {
@@ -16,3 +17,9 @@ export interface ComboboxProps<DataItem extends GenericDataType, Values extends
     setShowDropdown: Dispatch<SetStateAction<boolean>>;
     setSelectedItems: Dispatch<SetStateAction<DataItem[]>>;
 }
+export interface ListboxProps<DataItem extends GenericDataType, Values extends FieldValues> extends Pick<SelectProps<DataItem, Values>, 'className' | 'getItemValue' | 'name'> {
+    children?: ReactNode;
+    disabled?: boolean;
+    selectedItems: DataItem[];
+    setSelectedItems: Dispatch<SetStateAction<DataItem[]>>;
+}

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { ComponentColor } from 'react-daisyui/dist/types';
+import { FieldValues } from 'react-hook-form';
+import { FormFieldProps } from '../Form';
+import { GenericDataType } from '../../common';
+export interface SelectProps<DataItem extends GenericDataType, Values extends FieldValues> extends Omit<FormFieldProps<Values>, 'controllerProps' | 'placeholder' | 'showDirty'> {
+    buttonColor?: ComponentColor;
+    className?: string;
+    defaultOptionId?: string;
+    disabled?: boolean;
+    dropdownIcon?: ReactNode;
+    getItemText: (data: DataItem) => string;
+    getItemValue?: (data: DataItem) => string;
+    menuClassName?: string;
+    multi?: true;
+    options: DataItem[];
+    showDirty?: boolean;
+}
+export declare const Select: <DataItem extends GenericDataType, Values extends FieldValues>({ buttonColor, className, defaultOptionId, disabled, dropdownIcon, getItemText, getItemValue, isRequired, labelText, menuClassName, multi, name, options, showDirty, }: SelectProps<DataItem, Values>) => JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Select';

package/dist/components/index.d.ts

@@ -9,6 +9,7 @@ export * from './Modal';
 export * from './Pagination';
 export * from './PasswordInput';
 export * from './Popover';
+export * from './Select';
 export * from './Table';
 export * from './Tabs';
 export * from './TypeaheadSelect';