fix(mui): Merge exported component prop types into single type.

Author: Hyperkid123

packages/mui-component-mapper/src/files/checkbox.d.ts

@@ -1,7 +1,7 @@
 import { UseFieldApiComponentConfig } from '@data-driven-forms/react-form-renderer';
 import { CheckboxProps as MuiCheckboxProps, GridProps, FormControlProps, FormGroupProps, FormControlLabelProps, FormLabelProps, FormHelperTextProps } from '@material-ui/core';
 
-export interface CheckboxProps extends MuiCheckboxProps {
+interface InternalCheckboxProps extends MuiCheckboxProps {
   FormFieldGridProps?: GridProps;
   FormControlProps?: FormControlProps;
   FormGroupProps?: FormGroupProps;
@@ -11,6 +11,8 @@ export interface CheckboxProps extends MuiCheckboxProps {
   FormHelperTextProps: FormHelperTextProps;
 }
 
-declare const Checkbox: React.ComponentType<CheckboxProps & UseFieldApiComponentConfig>;
+export type CheckboxProps = InternalCheckboxProps & UseFieldApiComponentConfig;
+
+declare const Checkbox: React.ComponentType<CheckboxProps>;
 
 export default Checkbox;

packages/mui-component-mapper/src/files/component-mapper.d.ts

@@ -36,6 +36,6 @@ interface componentMapper  {
 
 declare const componentMapper: componentMapper;
 
-export const Components: components;
+export const Components: Components;
 
 export default componentMapper;

packages/mui-component-mapper/src/files/date-picker.d.ts

@@ -3,12 +3,14 @@ import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-render
 import { GridProps } from "@material-ui/core";
 import { MuiPickersUtilsProviderProps } from "material-ui-pickers/MuiPickersUtilsProvider";
 
-export interface DatePickerProps extends MuiDatePickerProps {
+interface InternalDatePickerProps extends MuiDatePickerProps {
   FormFieldGridProps: GridProps;
   MuiPickersUtilsProviderProps: MuiPickersUtilsProviderProps;
   DatePickerProps: MuiDatePickerProps;
 }
 
-declare const DatePicker: React.ComponentType<DatePickerProps & UseFieldApiComponentConfig>;
+export type DatePickerProps = InternalDatePickerProps & UseFieldApiComponentConfig;
+
+declare const DatePicker: React.ComponentType<DatePickerProps>;
 
 export default DatePicker;

packages/mui-component-mapper/src/files/dual-list-select.d.ts

@@ -22,7 +22,7 @@ export interface DualListOption extends AnyObject {
   label: ReactNode;
 }
 
-export interface DualListSelectProps {
+interface InternalDualListSelectProps {
   leftTitle?: ReactNode;
   rightTitle?: ReactNode;
   moveLeftTitle?: ReactNode;
@@ -102,6 +102,8 @@ export interface DualListSelectProps {
   RightTitleProps?: TypographyProps;
 }
 
-declare const DualListSelect: React.ComponentType<DualListSelectProps & UseFieldApiComponentConfig>;
+export type DualListSelectProps = InternalDualListSelectProps & UseFieldApiComponentConfig;
+
+declare const DualListSelect: React.ComponentType<DualListSelectProps>;
 
 export default DualListSelect;

packages/mui-component-mapper/src/files/radio.d.ts

@@ -6,7 +6,7 @@ export interface RadioOption extends AnyObject {
   label: ReactNode;
   value?: any;
 }
-export interface RadioProps extends MuiRadioProps {
+interface InternalRadioProps extends MuiRadioProps {
   options?: RadioOption[];
   FormFieldGridProps?: GridProps;
   FormControlProps?: FormControlProps;
@@ -20,6 +20,8 @@ export interface RadioProps extends MuiRadioProps {
   validateOnMount?: boolean;
 }
 
-declare const Radio: React.ComponentType<RadioProps & UseFieldApiComponentConfig>;
+export type RadioProps = InternalRadioProps & UseFieldApiComponentConfig;
+
+declare const Radio: React.ComponentType<RadioProps>;
 
 export default Radio;

packages/mui-component-mapper/src/files/select.d.ts

@@ -3,7 +3,7 @@ import { AutocompleteProps } from "@material-ui/lab/Autocomplete";
 import { ReactNode } from "react";
 import { GridProps, TextFieldProps, InputProps } from "@material-ui/core";
 
-export interface SelectProps<T> extends AutocompleteProps<T> {
+interface InternalSelectProps<T> extends AutocompleteProps<T> {
   isRequired?: boolean;
   isDisabled?: boolean;
   isReadOnly?: boolean;
@@ -22,6 +22,8 @@ export interface SelectProps<T> extends AutocompleteProps<T> {
   inputProps?: InputProps;
 }
 
-declare const Select: React.ComponentType<SelectProps<any> & UseFieldApiComponentConfig>;
+export type SelectProps<T> = InternalSelectProps<T> & UseFieldApiComponentConfig;
+
+declare const Select: React.ComponentType<SelectProps<any>>;
 
 export default Select;

packages/mui-component-mapper/src/files/slider.d.ts

@@ -2,7 +2,7 @@ import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-render
 import { SliderProps as MuiSliderProps, GridProps, FormControlProps, FormGroupProps, FormLabelProps, FormHelperTextProps } from '@material-ui/core';
 import { ReactNode } from "react";
 
-export interface SliderProps extends MuiSliderProps {
+interface InternalSliderProps extends MuiSliderProps {
   isReadOnly?: boolean;
   isDisabled?: boolean;
   isRequired?: boolean;
@@ -23,6 +23,8 @@ export interface SliderProps extends MuiSliderProps {
   AfterGridProps?: GridProps;
 }
 
-declare const Slider: React.ComponentType<SliderProps & UseFieldApiComponentConfig>;
+export type SliderProps = InternalSliderProps & UseFieldApiComponentConfig;
+
+declare const Slider: React.ComponentType<SliderProps>;
 
 export default Slider;

packages/mui-component-mapper/src/files/switch.d.ts

@@ -2,7 +2,7 @@ import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-render
 import { SwitchProps as MuiSwitchProps, GridProps, FormControlProps, FormGroupProps, FormControlLabelProps, FormLabelProps, FormHelperTextProps } from '@material-ui/core';
 import { ReactNode } from "react";
 
-export interface SwitchProps extends MuiSwitchProps {
+interface InternalSwitchProps extends MuiSwitchProps {
   isReadOnly?: boolean;
   isDisabled?: boolean;
   isRequired?: boolean;
@@ -21,6 +21,8 @@ export interface SwitchProps extends MuiSwitchProps {
   FormHelperTextProps?: FormHelperTextProps;
 }
 
-declare const Switch: React.ComponentType<SwitchProps & UseFieldApiComponentConfig>;
+export type SwitchProps = InternalSwitchProps & UseFieldApiComponentConfig;
+
+declare const Switch: React.ComponentType<SwitchProps>;
 
 export default Switch;

packages/mui-component-mapper/src/files/text-field.d.ts

@@ -2,7 +2,7 @@ import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-render
 import { TextFieldProps as MuiTextFieldProps, GridProps } from '@material-ui/core';
 import { ReactNode } from "react";
 
-export interface TextFieldProps {
+interface InternalTextFieldProps {
   isReadOnly?: boolean;
   isDisabled?: boolean;
   isRequired?: boolean;
@@ -11,6 +11,8 @@ export interface TextFieldProps {
   FormFieldGridProps?: GridProps;
 }
 
-declare const TextField: React.ComponentType<TextFieldProps & MuiTextFieldProps & UseFieldApiComponentConfig>;
+export type TextFieldProps = InternalTextFieldProps & MuiTextFieldProps & UseFieldApiComponentConfig;
+
+declare const TextField: React.ComponentType<TextFieldProps>;
 
 export default TextField;

packages/mui-component-mapper/src/files/textarea.d.ts

@@ -2,7 +2,7 @@ import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-render
 import { TextFieldProps, GridProps, InputProps } from "@material-ui/core";
 import { ReactNode } from "react";
 
-export interface TextareaProps {
+interface InternalTextareaProps {
   isReadOnly?: boolean;
   isDisabled?: boolean;
   isRequired?: boolean;
@@ -12,6 +12,8 @@ export interface TextareaProps {
   inputProps?: InputProps;
 }
 
-declare const Textarea: React.ComponentType<TextareaProps & TextFieldProps & UseFieldApiComponentConfig>;
+export type TextareaProps = InternalTextareaProps & TextFieldProps & UseFieldApiComponentConfig;
+
+declare const Textarea: React.ComponentType<TextareaProps>;
 
 export default Textarea;