@motech-development/breeze-ui 2.1.8 → 2.2.0

package/lib/index.d.ts

@@ -2,6 +2,7 @@ import * as react from 'react';
 import { ReactNode, FC, HTMLAttributes, ButtonHTMLAttributes, ChangeEvent, TdHTMLAttributes } from 'react';
 import * as styled_components from 'styled-components';
 import { FormikProps, FormikValues } from 'formik';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ObjectSchema } from 'yup';
 import { LinkProps } from 'react-router-dom';
 
@@ -107,7 +108,7 @@ declare const ButtonLink: FC<ButtonHTMLAttributes<HTMLButtonElement>>;
 interface ICalendarProps {
     selectedDate?: string;
     id: string;
-    onDateChange(date: string): void;
+    onDateChange: (date: string) => void;
 }
 declare const Calendar: FC<ICalendarProps>;
 
@@ -141,7 +142,7 @@ interface ICheckBoxProps {
     name: string;
     readOnly?: boolean;
     spacing?: CheckBoxSpacing;
-    onChange?(e: ChangeEvent<HTMLInputElement>, form: FormikProps<FormikValues>): void;
+    onChange?: (e: ChangeEvent<HTMLInputElement>, form: FormikProps<FormikValues>) => void;
 }
 declare const CheckBox: FC<ICheckBoxProps>;
 
@@ -189,7 +190,7 @@ interface ITextBoxProps {
     spacing?: InputSpacing;
     suffix?: string;
     type?: 'email' | 'number' | 'password' | 'text';
-    onChange?(e: ChangeEvent<HTMLInputElement>, form: FormikProps<FormikValues>): Promise<void> | void;
+    onChange?: (e: ChangeEvent<HTMLInputElement>, form: FormikProps<FormikValues>) => Promise<void> | void;
 }
 declare const TextBox: FC<ITextBoxProps>;
 
@@ -224,21 +225,21 @@ interface IFileUploadProps {
     loading?: boolean;
     name: string;
     spacing?: FileUploadSpacing;
-    onSelect(file: File, form: FormikProps<FormikValues>): void | Promise<void>;
+    onSelect: (file: File, form: FormikProps<FormikValues>) => void | Promise<void>;
 }
 declare const FileUpload: FC<IFileUploadProps>;
 
-interface IFormProps {
+interface IFormProps<T extends FormikValues = FormikValues> {
     children: ReactNode;
     cancel?: ReactNode;
-    initialValues: FormikValues;
+    initialValues: T;
     loading?: boolean;
-    onPreSubmit?(values: FormikValues): FormikValues | Promise<FormikValues>;
-    onSubmit(values: FormikValues): void | Promise<void>;
+    onPreSubmit?: (values: T) => T | Promise<T>;
+    onSubmit: (values: T) => void | Promise<void>;
     submitLabel: string;
-    validationSchema: ObjectSchema<FormikValues>;
+    validationSchema: ObjectSchema<T>;
 }
-declare const Form: FC<IFormProps>;
+declare function Form<T extends FormikValues = FormikValues>({ children, cancel, initialValues, loading, onPreSubmit, onSubmit, submitLabel, validationSchema, }: IFormProps<T>): react_jsx_runtime.JSX.Element;
 
 type TUseBreakpoint = 'xs' | 'sm' | 'md' | 'lg';
 declare const useBreakpoint: () => TUseBreakpoint;
@@ -294,7 +295,7 @@ interface INotificationsProps<T> {
     noResults: ReactNode;
     placement?: Placement;
     row: (item: T) => ReactNode;
-    onClose(): void | Promise<void>;
+    onClose: () => void | Promise<void>;
 }
 declare function Notifications<T>({ alert, cols, items, label, noResults, onClose, placement, row, }: INotificationsProps<T>): JSX.Element;
 
@@ -325,7 +326,7 @@ interface IRadioProps {
     options: IRadioOption[];
     readOnly?: boolean;
     spacing?: RadioSpacing;
-    onChange?(e: ChangeEvent<HTMLInputElement>, form: FormikProps<FormikValues>): void;
+    onChange?: (e: ChangeEvent<HTMLInputElement>, form: FormikProps<FormikValues>) => void;
 }
 declare const Radio: FC<IRadioProps>;
 
@@ -353,7 +354,7 @@ interface ISelectProps {
     placeholder: string;
     readOnly?: boolean;
     spacing?: SelectSpacing;
-    onChange?(e: ChangeEvent<HTMLSelectElement>, form: FormikProps<FormikValues>): void;
+    onChange?: (e: ChangeEvent<HTMLSelectElement>, form: FormikProps<FormikValues>) => void;
 }
 declare const Select: FC<ISelectProps>;
 
@@ -364,7 +365,7 @@ interface IStepperProps {
     onStart?: ReactNode;
     previousLabel: string;
     start?: number;
-    enableNext?(step: number): boolean;
+    enableNext?: (step: number) => boolean;
 }
 declare const Stepper: FC<IStepperProps>;
 

package/lib/index.esm.js

@@ -1816,7 +1816,7 @@ function formNormaliser(values) {
         ...values
     });
 }
-const Form = ({ children, cancel = null, initialValues, loading = false, onPreSubmit = null, onSubmit, submitLabel, validationSchema })=>{
+function Form({ children, cancel = null, initialValues, loading = false, onPreSubmit, onSubmit, submitLabel, validationSchema }) {
     const doSubmit = async (values)=>{
         const payload = onPreSubmit ? await Promise.resolve(onPreSubmit(values)) : values;
         await Promise.resolve(onSubmit(payload));
@@ -1863,7 +1863,7 @@ const Form = ({ children, cancel = null, initialValues, loading = false, onPreSu
                 })
             })
     });
-};
+}
 
 const Link = (props)=>// eslint-disable-next-line react/jsx-props-no-spreading
     /*#__PURE__*/ jsx(BaseLink, {
@@ -2036,7 +2036,9 @@ const NotificationButton = styled(Button)`
   }
 `;
 const NotificationContainer = styled.div`
-  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14),
+  box-shadow:
+    0 3px 5px -1px rgba(0, 0, 0, 0.2),
+    0 5px 8px 0 rgba(0, 0, 0, 0.14),
     0 1px 14px 0 rgba(0, 0, 0, 0.12);
 `;
 const NotificationWrapper = styled.div`