@jasperoosthoek/react-toolbox 0.9.0 → 0.9.2

package/change-log.md

@@ -327,4 +327,10 @@
 - Support both declarative (modal) and flexible (custom layout) form patterns
 - Backwards compatible - existing FormModalProvider usage continues to work
 - Renamed `FormTextArea` to `FormTextarea`
-- Many more tests with about 72% coverage
+- Many more tests with about 72% coverage
+
+##### Version 0.9.1
+- Revert change that made type inference impossible in `FormModalProvider`
+
+##### Version 0.9.2
+- Make types in `FormModalProvider` more flexible 

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

@@ -1,28 +1,45 @@
 import React, { ReactNode } from 'react';
-import { FormFields, InitialState, OnSubmit, Validate } from './FormProvider';
+import { FormFields, InitialState, Validate } from './FormProvider';
 import { ModalTitle, Width } from './FormModal';
+import { FormValue } from './FormFields';
 import { ButtonProps } from '../buttons/IconButtons';
+export type IncludeData<T extends FormFields> = {
+    [key in Exclude<string, keyof T>]: any;
+};
 export type ShowCreateModal = (show?: boolean) => void;
-export type ShowEditModal<T extends FormFields> = (state: InitialState<T> | null) => void;
-type FormModalContextType<T extends FormFields> = {
+export type ShowEditModal<T, K> = (state: ({
+    [key in keyof T]: FormValue;
+} & K) | null) => void;
+type FormModalContextType<T, K> = {
     showCreateModal: ShowCreateModal;
-    showEditModal: ShowEditModal<T>;
+    showEditModal: ShowEditModal<T, K>;
     hasProvider: boolean;
 };
-export declare const FormModalContext: React.Context<FormModalContextType<any>>;
-export declare const useFormModal: <T extends FormFields>() => FormModalContextType<T>;
+type T = any;
+type K = any;
+export declare const FormModalContext: React.Context<FormModalContextType<any, any>>;
+export declare const useFormModal: () => FormModalContextType<any, any>;
 export type FormCreateModalButton = ButtonProps;
 export declare const FormCreateModalButton: ({ onClick, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export interface FormEditModalButtonProps<T extends FormFields> extends ButtonProps {
-    state: InitialState<T>;
+export interface FormEditModalButtonProps<T, K> extends ButtonProps {
+    state: {
+        [key in keyof T]: FormValue;
+    } & K;
 }
-export declare const FormEditModalButton: <T extends FormFields>({ state, onClick, ...props }: FormEditModalButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
-export type FormModalProviderProps<T extends FormFields> = {
+export declare const FormEditModalButton: ({ state, onClick, ...props }: FormEditModalButtonProps<T, K>) => import("react/jsx-runtime").JSX.Element;
+export type FormModalProviderProps<T extends FormFields, K extends IncludeData<T>> = {
     formFields: T;
-    initialState?: InitialState<T>;
-    onSave?: OnSubmit<T>;
-    onCreate?: OnSubmit<T>;
-    onUpdate?: OnSubmit<T>;
+    initialState: InitialState<T> | K;
+    includeData?: K;
+    onSave?: (state: {
+        [key in keyof T]: FormValue;
+    } & K, callback?: () => void) => void;
+    onCreate?: (state: {
+        [key in keyof T]: FormValue;
+    } & K, callback?: () => void) => void;
+    onUpdate?: (state: {
+        [key in keyof T]: FormValue;
+    } & K, callback?: () => void) => void;
     validate?: Validate;
     createModalTitle?: ModalTitle;
     editModalTitle?: ModalTitle;
@@ -31,5 +48,5 @@ export type FormModalProviderProps<T extends FormFields> = {
     width?: Width;
     children: ReactNode;
 };
-export declare const FormModalProvider: <T extends FormFields>({ createModalTitle, editModalTitle, formFields, initialState, validate, loading, onCreate, onUpdate, onSave, dialogClassName, width, children, }: FormModalProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormModalProvider: React.FC<FormModalProviderProps<T, K>>;
 export {};