stratosphere-ui 0.4.0-beta3 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Form/FormComboboxMulti.d.ts +1 -1
- package/dist/components/Form/FormComboboxSingle.d.ts +1 -1
- package/dist/components/Form/FormSelectMulti.d.ts +1 -1
- package/dist/components/Form/FormSelectSingle.d.ts +1 -1
- package/dist/components/Form/types.d.ts +3 -5
- package/dist/components/Form/useSelectFormSync.d.ts +4 -0
- package/dist/components/TypeaheadSelect/useTypeaheadSelect.d.ts +3 -5
- package/dist/stratosphere-ui.js +6848 -6904
- package/package.json +1 -1
- package/dist/components/Form/useMultiSelectFormSync.d.ts +0 -4
- package/dist/components/Form/useSingleSelectFormSync.d.ts +0 -4
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
import { FieldValues } from 'react-hook-form';
|
|
3
3
|
import { GenericDataType } from '../../common';
|
|
4
4
|
import { ComboboxProps } from './types';
|
|
5
|
-
export declare const ComboboxMulti: <DataItem extends GenericDataType, Values extends FieldValues>({ children, className, disabled,
|
|
5
|
+
export declare const ComboboxMulti: <DataItem extends GenericDataType, Values extends FieldValues>({ children, className, disabled, name, selectedItems, setSelectedItems, }: ComboboxProps<DataItem, Values>) => JSX.Element;
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
import { FieldValues } from 'react-hook-form';
|
|
3
3
|
import { GenericDataType } from '../../common';
|
|
4
4
|
import { ComboboxProps } from './types';
|
|
5
|
-
export declare const ComboboxSingle: <DataItem extends GenericDataType, Values extends FieldValues>({ children, className, disabled,
|
|
5
|
+
export declare const ComboboxSingle: <DataItem extends GenericDataType, Values extends FieldValues>({ children, className, disabled, name, selectedItems, setSelectedItems, }: ComboboxProps<DataItem, Values>) => JSX.Element;
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
import { FieldValues } from 'react-hook-form';
|
|
3
3
|
import { GenericDataType } from '../../common';
|
|
4
4
|
import { ListboxProps } from './types';
|
|
5
|
-
export declare const FormSelectMulti: <DataItem extends GenericDataType, Values extends FieldValues>({ children, className, disabled,
|
|
5
|
+
export declare const FormSelectMulti: <DataItem extends GenericDataType, Values extends FieldValues>({ children, className, disabled, name, selectedItems, setSelectedItems, }: ListboxProps<DataItem, Values>) => JSX.Element;
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
import { FieldValues } from 'react-hook-form';
|
|
3
3
|
import { GenericDataType } from '../../common';
|
|
4
4
|
import { ListboxProps } from './types';
|
|
5
|
-
export declare const FormSelectSingle: <DataItem extends GenericDataType, Values extends FieldValues>({ children, className, disabled,
|
|
5
|
+
export declare const FormSelectSingle: <DataItem extends GenericDataType, Values extends FieldValues>({ children, className, disabled, name, selectedItems, setSelectedItems, }: ListboxProps<DataItem, Values>) => JSX.Element;
|
|
@@ -12,23 +12,21 @@ export interface FormFieldProps<Values extends FieldValues> {
|
|
|
12
12
|
placeholder?: string;
|
|
13
13
|
showDirty?: boolean;
|
|
14
14
|
}
|
|
15
|
-
export interface ComboboxProps<DataItem extends GenericDataType, Values extends FieldValues> extends Pick<TypeaheadSelectProps<DataItem, Values>, 'className' | '
|
|
15
|
+
export interface ComboboxProps<DataItem extends GenericDataType, Values extends FieldValues> extends Pick<TypeaheadSelectProps<DataItem, Values>, 'className' | 'name'> {
|
|
16
16
|
children: ReactNode;
|
|
17
17
|
disabled?: boolean;
|
|
18
|
-
options: Dictionary<DataItem[]>;
|
|
19
18
|
selectedItems: DataItem[];
|
|
20
|
-
setShowDropdown: Dispatch<SetStateAction<boolean>>;
|
|
21
19
|
setSelectedItems: Dispatch<SetStateAction<DataItem[]>>;
|
|
22
20
|
}
|
|
23
|
-
export interface ListboxProps<DataItem extends GenericDataType, Values extends FieldValues> extends Pick<SelectProps<DataItem, Values>, 'className' | '
|
|
21
|
+
export interface ListboxProps<DataItem extends GenericDataType, Values extends FieldValues> extends Pick<SelectProps<DataItem, Values>, 'className' | 'name'> {
|
|
24
22
|
children?: ReactNode;
|
|
25
23
|
disabled?: boolean;
|
|
26
|
-
options: Dictionary<DataItem[]>;
|
|
27
24
|
selectedItems: DataItem[];
|
|
28
25
|
setSelectedItems: Dispatch<SetStateAction<DataItem[]>>;
|
|
29
26
|
}
|
|
30
27
|
export type FormValueMode = 'item' | 'id';
|
|
31
28
|
export interface SelectSyncOptions<Values extends FieldValues, DataItem extends GenericDataType> {
|
|
29
|
+
multi?: true;
|
|
32
30
|
name: Path<Values>;
|
|
33
31
|
onItemSelect?: (items: DataItem[]) => void;
|
|
34
32
|
options: Dictionary<DataItem[]>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { FieldValues } from 'react-hook-form';
|
|
2
|
+
import { GenericDataType } from '../../common';
|
|
3
|
+
import { SelectSyncOptions } from './types';
|
|
4
|
+
export declare const useSelectFormSync: <Values extends FieldValues, DataItem extends GenericDataType>({ multi, name, onItemSelect, options, selectedItems, setSelectedItems, valueMode, }: SelectSyncOptions<Values, DataItem>) => void;
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { FieldValues } from 'react-hook-form';
|
|
3
|
-
import { TypeaheadSelectProps } from './TypeaheadSelect';
|
|
4
3
|
import { GenericDataType } from '../../common';
|
|
5
|
-
|
|
6
|
-
export
|
|
4
|
+
import { TypeaheadSelectProps } from './TypeaheadSelect';
|
|
5
|
+
export type UseTypeaheadSelectOptions<DataItem extends GenericDataType, Values extends FieldValues> = Pick<TypeaheadSelectProps<DataItem, Values>, 'debounceTime' | 'onDebouncedChange' | 'options'>;
|
|
6
|
+
export declare const useTypeaheadSelect: <DropdownElement extends HTMLElement, DataItem extends GenericDataType, Values extends FieldValues>({ debounceTime, onDebouncedChange, options, }: UseTypeaheadSelectOptions<DataItem, Values>) => {
|
|
7
7
|
clearSelectedItem: (index: number) => void;
|
|
8
8
|
dropdownRef: import("react").RefObject<DropdownElement>;
|
|
9
|
-
error: import("react-hook-form").FieldError | undefined;
|
|
10
9
|
isLoading: boolean;
|
|
11
10
|
query: string;
|
|
12
|
-
ref: import("react-hook-form").RefCallBack;
|
|
13
11
|
showDropdown: boolean;
|
|
14
12
|
searchInputRef: import("react").MutableRefObject<HTMLInputElement | null>;
|
|
15
13
|
selectedItems: DataItem[];
|