@jasperoosthoek/react-toolbox 0.6.5 → 0.6.6

package/change-log.md

@@ -270,3 +270,7 @@
 
 ##### Version 0.6.5
 - The `DataTable` `selector` function can output `null` as well
+
+##### Version 0.6.6
+- Improve types of `FormFields`
+- Validate `list` argument of `FormDropdown` component

package/dist/components/forms/FormFields.d.ts

@@ -24,28 +24,28 @@ export type FormType = {
     keyName: string;
     pristine: boolean;
 };
-export type FormInputProps = Omit<FormControlProps, 'onChange'> & FormType & {
+export interface FormInputProps extends Omit<FormControlProps, 'onChange'>, FormType {
     onChange: (value: FormValue) => void;
     controlId?: string;
     label?: ReactElement;
     onEnter?: () => void;
     rows?: number;
-};
+}
 export declare const FormInput: ({ label, value, onEnter, placeholder, onChange, controlId, state, setState, initialState, initialValue, keyName, pristine, id, ...formProps }: FormInputProps) => React.JSX.Element;
 export declare const FormTextArea: ({ as, rows, ...restProps }: FormInputProps) => React.JSX.Element;
 export declare const FormDate: (props: FormInputProps) => React.JSX.Element;
-export type FormDateTimeProps = Omit<FormInputProps, 'onChange' | 'value'> & {
+export interface FormDateTimeProps extends Omit<FormInputProps, 'onChange' | 'value'> {
     value: string | Moment;
     onChange: (value: string) => void;
-};
+}
 export declare const FormDateTime: ({ value, onChange, ...restProps }: FormDateTimeProps) => React.JSX.Element;
-export type FormCheckboxProps = Omit<FormCheckProps, 'onChange'> & FormType & {
+export interface FormCheckboxProps extends Omit<FormCheckProps, 'onChange'>, FormType {
     onChange: (value: boolean) => void;
     controlId?: string;
     label?: ReactElement;
     onEnter?: () => void;
     rows?: number;
-};
+}
 export declare const FormCheckbox: ({ value, onChange, state, label, keyName, controlId, initialState, initialValue, setState, pristine, id, ...restProps }: FormCheckboxProps) => React.JSX.Element;
 export declare const FormSwitch: ({ className, ...restProps }: FormCheckboxProps) => React.JSX.Element;
 export type DisabledProps = {
@@ -55,7 +55,7 @@ export type DisabledProps = {
     initialState: any;
     initialValue: any;
 };
-export type FormSelectProps = Omit<FormInputProps, 'disabled' | 'onChange'> & {
+export interface FormSelectProps extends Omit<FormInputProps, 'disabled' | 'onChange' | 'list'> {
     onChange: (value: number | string | number[] | string[] | null) => void;
     list: any[];
     multiple?: boolean;
@@ -63,7 +63,7 @@ export type FormSelectProps = Omit<FormInputProps, 'disabled' | 'onChange'> & {
     formatTitle?: (item: any) => ReactElement;
     idKey?: string;
     disabled?: boolean | ((props: DisabledProps) => boolean);
-};
+}
 export declare const FormSelect: ({ list, idKey, integer, value, defaultValue, onChange, label, controlId, htmlSize, state, formatTitle, multiple, disabled, isInvalid, initialState, initialValue, keyName, pristine, }: FormSelectProps) => React.JSX.Element;
 export interface BadgeSelectionProps extends BadgeProps {
     selected: boolean;
@@ -73,11 +73,12 @@ export interface BadgeSelectionProps extends BadgeProps {
 export declare const BadgeSelection: ({ selected, disabled, cursor, onClick, style, bg, ...restProps }: BadgeSelectionProps) => React.JSX.Element;
 export type FormBadgesSelectionProps = FormSelectProps;
 export declare const FormBadgesSelection: ({ list, idKey, value, onChange, multiple, label, integer, controlId, isInvalid, state, setState, disabled, initialState, initialValue, keyName, pristine, ...restProps }: FormBadgesSelectionProps) => React.JSX.Element;
-export type FormDropdownProps = Omit<FormInputProps, 'disabled' | 'onChange'> & {
+export interface FormDropdownProps<T> extends Omit<FormInputProps, 'disabled' | 'onChange' | 'list'> {
     onChange: (value: number | string | number[] | string[] | null) => void;
-    list: any[];
-    idKey?: string;
+    list: T[];
+    idKey?: keyof T;
+    nameKey?: keyof T;
     disabled?: boolean | ((props: DisabledProps) => boolean);
     variant?: Variant;
-};
-export declare const FormDropdown: ({ list, id, value, onChange, label, controlId, isInvalid, state, setState, disabled, initialState, initialValue, variant, keyName, pristine, ...restProps }: FormDropdownProps) => React.JSX.Element;
+}
+export declare const FormDropdown: <T>({ list: listBase, idKey, nameKey, value, onChange, label, controlId, isInvalid, state, setState, disabled, initialState, initialValue, variant, pristine, keyName, ...restProps }: FormDropdownProps<T>) => React.JSX.Element;