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

Author: Hyperkid123

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

@@ -7,11 +7,13 @@ interface CheckboxOptions extends AnyObject {
   value?: any;
 }
 
-interface CheckboxProps extends PfCheckboxProps {
+interface InternalCheckboxProps extends PfCheckboxProps {
   isReadOnly?: boolean;
   options?: CheckboxOptions;
 }
 
-declare const Checkbox: React.ComponentType<CheckboxProps & FormGroupProps & UseFieldApiComponentConfig>;
+export type CheckboxProps = InternalCheckboxProps & FormGroupProps & UseFieldApiComponentConfig;
+
+declare const Checkbox: React.ComponentType<CheckboxProps>;
 
 export default Checkbox;

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

@@ -2,6 +2,8 @@ import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-render
 import { TextInputProps } from "@patternfly/react-core";
 import FormGroupProps from "./form-group";
 
-declare const DatePicker: React.ComponentType<TextInputProps & FormGroupProps & UseFieldApiComponentConfig>;
+export type DatePickerProps = TextInputProps & FormGroupProps & UseFieldApiComponentConfig;
+
+declare const DatePicker: React.ComponentType<DatePickerProps>;
 
 export default DatePicker;

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

@@ -7,7 +7,7 @@ export interface DualListSelectOption extends AnyObject {
   label: ReactNode;
 }
 
-export interface DualListSelectProps {
+interface InternalDualListSelectProps {
   leftTitle?: ReactNode;
   rightTitle?: ReactNode;
   moveLeftTitle?: ReactNode;
@@ -26,6 +26,8 @@ export interface DualListSelectProps {
   rightValues: DualListSelectOption[];
 }
 
-declare const DualListSelect: React.ComponentType<DualListSelectProps & FormGroupProps & UseFieldApiComponentConfig>;
+export type DualListSelectProps = InternalDualListSelectProps & FormGroupProps & UseFieldApiComponentConfig;
+
+declare const DualListSelect: React.ComponentType<DualListSelectProps>;
 
 export default DualListSelect;

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

@@ -7,13 +7,15 @@ export interface RadioOption extends AnyObject {
   value?: any;
 }
 
-export interface RadioProps {
+interface InternalRadioProps {
   name: string;
   options: RadioOption[];
   isReadOnly?: boolean;
   isDisabled?: boolean;
 }
 
-declare const Radio: React.ComponentType<RadioProps & FormGroupProps & UseFieldApiComponentConfig>;
+export type RadioProps = InternalRadioProps & FormGroupProps & UseFieldApiComponentConfig;
+
+declare const Radio: React.ComponentType<RadioProps>;
 
 export default Radio;

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

@@ -7,7 +7,7 @@ export interface SelectOption {
   value?: any;
 }
 
-export interface SelectProps  {
+interface BaseSelectProps  {
   options?: SelectOption[];
   selectVariant?: 'default' | 'createable';
   isSearchable?: boolean;
@@ -23,7 +23,7 @@ export interface SelectProps  {
   placeholder?: ReactNode;
 }
 
-export interface InternalSelectProps extends SelectProps {
+export interface InternalSelectProps extends BaseSelectProps {
   value?: any;
   onChange?: (option?: any) => void;
   invalid?: boolean;
@@ -32,6 +32,8 @@ export interface InternalSelectProps extends SelectProps {
 
 export const InternalSelect: React.ComponentType<InternalSelectProps>;
 
-declare const Select: React.ComponentType<SelectProps & FormGroupProps & UseFieldApiComponentConfig>;
+export type SelectProps = BaseSelectProps & FormGroupProps & UseFieldApiComponentConfig;
+
+declare const Select: React.ComponentType<SelectProps>;
 
 export default Select;

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

@@ -1,11 +1,12 @@
 import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
 import FormGroupProps from "./form-group";
-import { InputHTMLAttributes } from "react";
 
-export interface SliderProps extends React.HTMLProps<React.InputHTMLAttributes<any>> {
+interface InternalSliderProps extends React.HTMLProps<React.InputHTMLAttributes<any>> {
   isReadOnly?: boolean;
 }
 
-declare const Slider: React.ComponentType<SliderProps & FormGroupProps & UseFieldApiComponentConfig>;
+export type SliderProps = InternalSliderProps & FormGroupProps & UseFieldApiComponentConfig;
+
+declare const Slider: React.ComponentType<SliderProps>;
 
 export default Slider;

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

@@ -2,10 +2,12 @@ import FormGroupProps from "./form-group";
 import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
 import { SwitchProps as PFSwitchProps } from '@patternfly/react-core';
 
-export interface SwitchProps extends PFSwitchProps {
+interface InternalSwitchProps extends PFSwitchProps {
   isReadOnly?: boolean;
 }
 
-declare const Switch: React.ComponentType<SwitchProps & FormGroupProps & UseFieldApiComponentConfig>;
+export type SwitchProps = InternalSwitchProps & FormGroupProps & UseFieldApiComponentConfig;
+
+declare const Switch: React.ComponentType<SwitchProps>;
 
 export default Switch;

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

@@ -2,8 +2,10 @@ import FormGroupProps from "./form-group"
 import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer"
 import { TextInputProps } from "@patternfly/react-core";
 
-export interface TextFieldProps extends TextInputProps {}
+interface InternalTextFieldProps extends TextInputProps {}
 
-declare const TextField: React.ComponentType<TextFieldProps & FormGroupProps & UseFieldApiComponentConfig>;
+export type TextFieldProps = InternalTextFieldProps & FormGroupProps & UseFieldApiComponentConfig;
+
+declare const TextField: React.ComponentType<TextFieldProps>;
 
 export default TextField;

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

@@ -2,8 +2,10 @@ import FormGroupProps from "./form-group";
 import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
 import { TextAreaProps as PfTextAreaProps } from '@patternfly/react-core';
 
-export interface TextareaProps extends PfTextAreaProps {}
+interface InternalTextareaProps extends PfTextAreaProps {}
 
-declare const Textarea: React.ComponentType<TextareaProps & FormGroupProps & UseFieldApiComponentConfig>;
+export type TextareaProps = InternalTextareaProps & FormGroupProps & UseFieldApiComponentConfig;
+
+declare const Textarea: React.ComponentType<TextareaProps>;
 
 export default Textarea;

packages/pf4-component-mapper/src/files/time-picker.d.ts

@@ -2,6 +2,8 @@ import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-render
 import { TextInputProps } from "@patternfly/react-core";
 import FormGroupProps from "./form-group";
 
-declare const TimePicker: React.ComponentType<TextInputProps & FormGroupProps & UseFieldApiComponentConfig>;
+export type TimePickerProps = TextInputProps & FormGroupProps & UseFieldApiComponentConfig;
+
+declare const TimePicker: React.ComponentType<TimePickerProps>;
 
 export default TimePicker;