@mmb-digital/design-system-web 0.1.331 → 0.1.333

package/dist/index.d.ts

@@ -1578,6 +1578,7 @@ declare enum FieldWrapperLayout {
 interface InputProps extends FieldControlProps {
     ariaLabel?: string;
     autoComplete?: HTMLInputAutoCompleteAttribute;
+    button?: ReactNode;
     colorInput?: Property.Color | undefined;
     disabled?: boolean;
     halfWidth?: boolean;
@@ -1585,7 +1586,9 @@ interface InputProps extends FieldControlProps {
     name: string;
     onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
     onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    prefix?: ReactNode;
     size: InputSize;
+    suffix?: ReactNode;
     value?: string;
 }
 
@@ -1691,11 +1694,11 @@ interface RadioGroupControlProps extends FieldControlProps, DesignSystemBaseProp
 declare const RadioGroupControl: React__default.ForwardRefExoticComponent<RadioGroupControlProps & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const RadioGroup: React__default.ForwardRefExoticComponent<Omit<RadioGroupControlProps & {
+    colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     name?: string | undefined;
     invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
@@ -1763,11 +1766,11 @@ interface RadioButtonGroupControlProps extends DesignSystemBaseProps, FieldContr
 declare const RadioButtonGroupControl: React__default.ForwardRefExoticComponent<RadioButtonGroupControlProps & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const RadioButtonGroup: React__default.ForwardRefExoticComponent<Omit<RadioButtonGroupControlProps & {
+    colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     name?: string | undefined;
     invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
@@ -1796,11 +1799,11 @@ declare const RadioButtonGroupField: (props: RadioButtonGroupFieldProps) => Reac
 interface TextAreaControlProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, FieldControlProps {
 }
 declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaControlProps & {
+    colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     name?: string | undefined;
     invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
@@ -1849,7 +1852,7 @@ interface InputBaseProps extends RefAttributes<HTMLInputElement>, FieldControlPr
     prefixColor?: Property.Color;
     role?: HTMLAttributes<HTMLInputElement>['role'];
     size?: InputSize;
-    suffix?: ReactNode | string;
+    suffix?: ReactNode;
     textAlign?: InputTextAlign;
     type?: HTMLInputTypeAttribute;
     value?: string;
@@ -1882,11 +1885,11 @@ interface EmailInputControlProps extends InputProps {
     placeholder?: string;
 }
 declare const EmailInput: React__default.ForwardRefExoticComponent<EmailInputControlProps & {
+    colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     name?: string | undefined;
     invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
@@ -1920,11 +1923,11 @@ interface MaskedInputBaseProps extends InputBaseProps {
 declare const MaskedInputBase: React__default.ForwardRefExoticComponent<Omit<MaskedInputBaseProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const MaskedInput: React.ForwardRefExoticComponent<Omit<MaskedInputBaseProps & {
+    colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     label?: React.ReactNode;
     name?: string | undefined;
     invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
@@ -1950,11 +1953,11 @@ declare const withMaskedInputField: <TProps extends ManagedMaskedInputProps>(Com
     options?: RegisterOptions<TFieldValues>;
 }) => React__default.JSX.Element;
 declare const MaskedInputField: <TFieldValues extends FieldValues>(props: Omit<MaskedInputBaseProps & {
+    colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     name?: string | undefined;
     invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
@@ -2010,11 +2013,11 @@ interface SearchInputControlProps extends InputProps {
     placeholder?: string;
 }
 declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputControlProps & {
+    colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     name?: string | undefined;
     invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
@@ -2120,11 +2123,11 @@ interface TextInputControlProps extends InputProps {
     placeholder?: string;
 }
 declare const TextInput: React__default.ForwardRefExoticComponent<TextInputControlProps & {
+    colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     name?: string | undefined;
     invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
@@ -2154,11 +2157,11 @@ interface TrailingTextInputControlProps extends InputProps {
     suffix?: ReactNode;
 }
 declare const TrailingTextInput: React__default.ForwardRefExoticComponent<TrailingTextInputControlProps & {
+    colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     name?: string | undefined;
     invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
@@ -2207,11 +2210,11 @@ interface DatePickerControlProps extends Pick<DatePickerProps$1, 'chooseDayAriaL
 declare const DatePickerControl: React__default.ForwardRefExoticComponent<DatePickerControlProps & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const DatePicker: React.ForwardRefExoticComponent<DatePickerControlProps & {
+    colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     label?: React.ReactNode;
     name?: string | undefined;
     invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;
@@ -2593,16 +2596,24 @@ interface UseFormProps<TFieldValues extends FieldValues> extends UseFormProps$1<
     captcha?: UseFormCaptchaProp;
     schema?: z.Schema;
 }
-type UseFormHandleSubmit<TFieldValues extends FieldValues> = (onValid: SubmitHandler<TFieldValues>, onInvalid?: SubmitErrorHandler<TFieldValues>) => (event?: BaseSyntheticEvent) => Promise<void>;
-type UseFormReturn<TFieldValues extends FieldValues> = Omit<UseFormReturn$1<TFieldValues>, 'handleSubmit'> & {
-    handleSubmit: UseFormHandleSubmit<TFieldValues>;
+type UseFormHandleSubmit<TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined> = (onValid: TSubmitValues extends FieldValues ? SubmitHandler<TSubmitValues> : SubmitHandler<TFieldValues>, onInvalid?: SubmitErrorHandler<TFieldValues>) => (event?: BaseSyntheticEvent) => Promise<void>;
+type UseFormReturn<TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined> = Omit<UseFormReturn$1<TFieldValues, any, TSubmitValues>, 'handleSubmit'> & {
+    handleSubmit: UseFormHandleSubmit<TFieldValues, TSubmitValues>;
     thrownFormErrors: ThrownFormErrors;
 };
 /**
+ * `TFieldValues` represents the shape of the field values at any given time, whereas `TSubmitValues` represents the form values
+ * received by the submit handler.
+ *
+ * If `schema` is provided, `TFieldValues` must be assignable to the schema input type, and `TSubmitValues` should exactly
+ * match the schema output type.
+ *
+ * If `defaultValues` are not provided, `TFieldValues` should be something like `DeepPartial<TSubmitValues>`.
+ *
  * If enabled using the `captcha` prop, automatically performs Google reCAPTCHA verification when submitting a form.
  * The reCAPTCHA token is passed to the submit handler.
  */
-declare const useForm: <TFieldValues extends FieldValues>(props?: UseFormProps<TFieldValues>) => UseFormReturn<TFieldValues>;
+declare const useForm: <TFieldValues extends FieldValues, TSubmitValues extends FieldValues | undefined = undefined>(props?: UseFormProps<TFieldValues>) => UseFormReturn<TFieldValues, TSubmitValues>;
 
 interface FormProviderProps<TFieldValues extends FieldValues> {
     children: ReactNode;
@@ -2700,11 +2711,11 @@ interface FileInputControlProps extends FileInputSettings, DesignSystemBaseProps
 declare const FileInputControl: React__default.ForwardRefExoticComponent<FileInputControlProps & React__default.RefAttributes<HTMLDivElement>>;
 
 declare const FileInput: React__default.ForwardRefExoticComponent<Omit<FileInputControlProps & {
+    colorScheme?: ColorScheme | undefined;
+    mediaType?: MediaType | undefined;
     label?: React__default.ReactNode;
     name?: string | undefined;
     invalid?: boolean | undefined;
-    colorScheme?: ColorScheme | undefined;
-    mediaType?: MediaType | undefined;
     addons?: FieldAddon[] | undefined;
     controlMobileWidth?: csstype.Property.Width | undefined;
     controlSectionWidth?: csstype.Property.Width | undefined;