stratosphere-ui 0.3.4-gio-2 → 0.4.0-beta1

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

@@ -1,5 +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;
+import { ComboboxProps } from './types';
+export declare const ComboboxMulti: <DataItem extends GenericDataType, Values extends FieldValues>({ children, className, disabled, formValueMode, name, options, selectedItems, setSelectedItems, }: ComboboxProps<DataItem, Values>) => JSX.Element;

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

@@ -1,5 +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, setShowDropdown, setSelectedItems, }: ComboboxProps<DataItem, Values>) => JSX.Element;
+import { ComboboxProps } from './types';
+export declare const ComboboxSingle: <DataItem extends GenericDataType, Values extends FieldValues>({ children, className, disabled, formValueMode, name, options, selectedItems, setShowDropdown, setSelectedItems, }: ComboboxProps<DataItem, Values>) => JSX.Element;

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

@@ -1,5 +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;
+import { ListboxProps } from './types';
+export declare const FormSelectMulti: <DataItem extends GenericDataType, Values extends FieldValues>({ children, className, disabled, formValueMode, name, options, selectedItems, setSelectedItems, }: ListboxProps<DataItem, Values>) => JSX.Element;

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

@@ -1,5 +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;
+import { ListboxProps } from './types';
+export declare const FormSelectSingle: <DataItem extends GenericDataType, Values extends FieldValues>({ children, className, disabled, formValueMode, name, options, selectedItems, setSelectedItems, }: ListboxProps<DataItem, Values>) => JSX.Element;

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

@@ -1,8 +1,9 @@
+import { Dictionary } from 'lodash';
 import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { FieldValues, Path, UseControllerProps } from 'react-hook-form';
+import { GenericDataType } from '../../common';
 import { SelectProps } from '../Select';
 import { TypeaheadSelectProps } from '../TypeaheadSelect';
-import { GenericDataType } from '../../common';
 export interface FormFieldProps<Values extends FieldValues> {
     controllerProps?: Omit<UseControllerProps<Values>, 'name'>;
     isRequired?: boolean;
@@ -11,15 +12,27 @@ export interface FormFieldProps<Values extends FieldValues> {
     placeholder?: string;
     showDirty?: boolean;
 }
-export interface ComboboxProps<DataItem extends GenericDataType, Values extends FieldValues> extends Pick<TypeaheadSelectProps<DataItem, Values>, 'className' | 'getItemValue' | 'name'> {
+export interface ComboboxProps<DataItem extends GenericDataType, Values extends FieldValues> extends Pick<TypeaheadSelectProps<DataItem, Values>, 'className' | 'formValueMode' | 'name'> {
     children: ReactNode;
+    disabled?: boolean;
+    options: Dictionary<DataItem[]>;
     selectedItems: DataItem[];
     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'> {
+export interface ListboxProps<DataItem extends GenericDataType, Values extends FieldValues> extends Pick<SelectProps<DataItem, Values>, 'className' | 'formValueMode' | 'name'> {
     children?: ReactNode;
     disabled?: boolean;
+    options: Dictionary<DataItem[]>;
+    selectedItems: DataItem[];
+    setSelectedItems: Dispatch<SetStateAction<DataItem[]>>;
+}
+export type FormValueMode = 'item' | 'id';
+export interface SelectSyncOptions<Values extends FieldValues, DataItem extends GenericDataType> {
+    name: Path<Values>;
+    onItemSelect?: (items: DataItem[]) => void;
+    options: Dictionary<DataItem[]>;
     selectedItems: DataItem[];
     setSelectedItems: Dispatch<SetStateAction<DataItem[]>>;
+    valueMode: FormValueMode;
 }

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

@@ -0,0 +1,4 @@
+import { FieldValues } from 'react-hook-form';
+import { GenericDataType } from '../../common';
+import { SelectSyncOptions } from './types';
+export declare const useMultiSelectFormSync: <Values extends FieldValues, DataItem extends GenericDataType>({ name, onItemSelect, options, selectedItems, setSelectedItems, valueMode, }: SelectSyncOptions<Values, DataItem>) => void;

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

@@ -0,0 +1,4 @@
+import { FieldValues } from 'react-hook-form';
+import { GenericDataType } from '../../common';
+import { SelectSyncOptions } from './types';
+export declare const useSingleSelectFormSync: <Values extends FieldValues, DataItem extends GenericDataType>({ name, onItemSelect, options, selectedItems, setSelectedItems, valueMode, }: SelectSyncOptions<Values, DataItem>) => void;

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

@@ -1,19 +1,18 @@
 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';
+import { FormFieldProps, FormValueMode } from '../Form';
 export interface SelectProps<DataItem extends GenericDataType, Values extends FieldValues> extends Omit<FormFieldProps<Values>, 'controllerProps' | 'placeholder' | 'showDirty'> {
     buttonColor?: ComponentColor;
     className?: string;
-    defaultOptionId?: string | number;
     disabled?: boolean;
     dropdownIcon?: ReactNode;
+    formValueMode?: FormValueMode;
     getItemText: (data: DataItem) => string;
-    getItemValue?: (data: DataItem) => string | number;
     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;
+export declare const Select: <DataItem extends GenericDataType, Values extends FieldValues>({ buttonColor, className, disabled, dropdownIcon, formValueMode, getItemText, isRequired, labelText, menuClassName, multi, name, options: optionsArray, showDirty, }: SelectProps<DataItem, Values>) => JSX.Element;

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

@@ -1,17 +1,18 @@
 import { KeyboardEventHandler } from 'react';
 import { FieldValues } from 'react-hook-form';
-import { FormFieldProps } from '../Form';
 import { GenericDataType } from '../../common';
 import { UseTypeaheadQueryOptions } from '../../hooks';
+import { FormFieldProps, FormValueMode } from '../Form';
 export interface TypeaheadSelectProps<DataItem extends GenericDataType, Values extends FieldValues> extends UseTypeaheadQueryOptions<DataItem>, FormFieldProps<Values> {
     className?: string;
+    disabled?: boolean;
     disableSingleSelectBadge?: true;
+    formValueMode?: FormValueMode;
     getBadgeText?: (item: DataItem) => string;
     getItemText: (data: DataItem) => string;
-    getItemValue?: (data: DataItem) => string | number;
     inputPlaceholder?: string;
     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, isRequired, labelText, menuClassName, multi, name, onDebouncedChange, onKeyDown, options, placeholder, showDirty, }: TypeaheadSelectProps<DataItem, Values>) => JSX.Element;
+export declare const TypeaheadSelect: <DataItem extends GenericDataType, Values extends FieldValues>({ className, controllerProps, debounceTime, disabled, disableSingleSelectBadge, formValueMode, getBadgeText, getItemText, inputPlaceholder, isRequired, labelText, menuClassName, multi, name, onDebouncedChange, onKeyDown, options: optionsArray, placeholder, showDirty, }: TypeaheadSelectProps<DataItem, Values>) => JSX.Element;

package/dist/hooks/index.d.ts

@@ -2,4 +2,6 @@ export * from './useDebouncedValue';
 export * from './useFieldColor';
 export * from './useFormValues';
 export * from './useOutsideClick';
+export * from './usePrevious';
 export * from './useTypeaheadQuery';
+export * from './useValueChangeEffect';

package/dist/hooks/usePrevious.d.ts

@@ -0,0 +1 @@
+export declare const usePrevious: <T>(value: T) => T | undefined;

package/dist/hooks/useTypeaheadQuery.d.ts

@@ -2,7 +2,6 @@ import { Dispatch, SetStateAction } from 'react';
 import { GenericDataType } from '../common';
 export interface UseTypeaheadQueryOptions<DataItem> {
     debounceTime?: number;
-    defaultOptions?: DataItem[];
     onDebouncedChange: (value: string) => void;
     options?: DataItem[];
 }

package/dist/hooks/useValueChangeEffect.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList, EffectCallback } from 'react';
+export declare const useValueChangeEffect: <Value>(value: Value, effect: EffectCallback, deps?: DependencyList) => void;