Use definitelytyped for carbon components

Author: rvsia

packages/carbon-component-mapper/package.json

@@ -33,6 +33,7 @@
     "@carbon/icons-react": "^10.17.0",
     "@semantic-release/git": "^7.0.5",
     "@semantic-release/npm": "^5.1.1",
+    "@types/carbon-components-react": "^7.10.9",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "9.x",
     "babel-jest": "^23.6.0",

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

@@ -1,13 +1,15 @@
-import { UseFieldApiComponentConfig, AnyObject } from "@data-driven-forms/react-form-renderer";
+import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
 import { ReactNode } from "react";
 import { FormGroupProps } from "./form-group";
 
-export interface CheckboxOption extends AnyObject {
+import { CheckboxProps as CarbonCheckboxProps } from 'carbon-components-react';
+
+export interface CheckboxOption extends CarbonCheckboxProps {
   value?: any;
   label: ReactNode;
 }
 
-interface InternalCheckboxProps extends AnyObject, React.HTMLProps<HTMLInputElement> {
+interface InternalCheckboxProps extends CarbonCheckboxProps {
   options?: CheckboxOption[];
 }
 

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

@@ -1,9 +1,12 @@
 import { FormGroupProps } from "./form-group";
 import { UseFieldApiComponentConfig, AnyObject } from "@data-driven-forms/react-form-renderer";
 
-interface InternalDatePickerProps extends AnyObject, React.HTMLProps<HTMLInputElement> {
+import { DatePickerProps as CarbonDatePickerProps, DatePickerInputProps } from 'carbon-components-react';
+
+
+interface InternalDatePickerProps extends DatePickerInputProps {
   datePickerType?: string;
-  DatePickerProps?: AnyObject;
+  DatePickerProps?: DatePickerProps;
 }
 
 export type DatePickerProps = InternalDatePickerProps & FormGroupProps & UseFieldApiComponentConfig;

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

@@ -1,20 +1,22 @@
-import { FormGroupProps } from "./form-group";
+import { FormGroupProps as CommonFormGroupProps } from "./form-group";
 import { UseFieldApiComponentConfig, AnyObject } from "@data-driven-forms/react-form-renderer";
 import { ReactNode } from "react";
 
-export interface RadioOption extends AnyObject {
+import { FormGroupProps, RadioButtonGroupProps, RadioButtonProps} from 'carbon-components-react';
+
+export interface RadioOption extends RadioButtonProps {
     value: any;
     label?: ReactNode;
 }
 
-interface InternalRadioProps extends AnyObject {
+interface InternalRadioProps extends RadioButtonGroupProps {
     isDisabled?: boolean;
     label?: ReactNode;
     options: RadioOption[];
-    FormGroupProps?: AnyObject;
+    FormGroupProps?: FormGroupProps;
 }
 
-export type RadioProps = InternalRadioProps & FormGroupProps & UseFieldApiComponentConfig;
+export type RadioProps = InternalRadioProps & CommonFormGroupProps & UseFieldApiComponentConfig;
 
 declare const Radio: React.ComponentType<RadioProps>;
 

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

@@ -1,13 +1,14 @@
 import { FormGroupProps } from "./form-group";
-import { UseFieldApiComponentConfig, AnyObject } from "@data-driven-forms/react-form-renderer";
-import { ReactNode } from "react";
+import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
 
-export interface SelectOption extends AnyObject {
-  value?: any;
-  label: ReactNode;
+import { SelectItemProps, SelectProps as CarbonSelectProps } from 'carbon-components-react';
+
+export interface SelectOption extends SelectItemProps {
+  value: any;
+  label: string | undefined;
 }
 
-interface InternalSelectProps extends React.HTMLProps<HTMLSelectElement> {
+interface InternalSelectProps extends CarbonSelectProps {
   options: SelectOption[];
   isDisabled?: boolean;
 }

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

@@ -1,7 +1,9 @@
 import { FormGroupProps } from "./form-group";
-import { UseFieldApiComponentConfig, AnyObject } from "@data-driven-forms/react-form-renderer";
+import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
 
-interface InternalSliderProps extends AnyObject, React.HTMLProps<HTMLInputElement> {
+import { SliderProps as CarbonSliderProps } from 'carbon-components-react';
+
+interface InternalSliderProps extends CarbonSliderProps {
 }
 
 export type SliderProps = InternalSliderProps & FormGroupProps & UseFieldApiComponentConfig;

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

@@ -1,7 +1,9 @@
 import { FormGroupProps } from "./form-group";
-import { UseFieldApiComponentConfig, AnyObject } from "@data-driven-forms/react-form-renderer";
+import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
 
-interface InternalSwitchProps extends AnyObject, React.HTMLProps<HTMLInputElement> { }
+import { ToggleProps } from 'carbon-components-react';
+
+interface InternalSwitchProps extends ToggleProps { }
 
 export type SwitchProps = InternalSwitchProps & FormGroupProps & UseFieldApiComponentConfig;
 

packages/carbon-component-mapper/src/files/tabs.d.ts

@@ -1,14 +1,16 @@
 import { ReactNode } from "react";
-import { Field, AnyObject } from "@data-driven-forms/react-form-renderer";
+import { Field } from "@data-driven-forms/react-form-renderer";
 
-export interface TabField extends AnyObject {
+import { TabsProps as CarbonTabsProps, TabProps } from 'carbon-components-react';
+
+export interface TabField extends TabProps {
   name: string;
-  title?: ReactNode;
+  title?: string | undefined;
   label?: ReactNode;
   fields: Field[];
 }
 
-export interface TabsProps extends AnyObject {
+export interface TabsProps extends CarbonTabsProps {
   fields: TabField[];
 }
 

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

@@ -1,7 +1,9 @@
 import { FormGroupProps } from "./form-group";
-import { UseFieldApiComponentConfig, AnyObject } from "@data-driven-forms/react-form-renderer";
+import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
 
-interface InternalTextFieldProps extends AnyObject, React.HTMLProps<HTMLInputElement> {
+import { TextInputProps } from 'carbon-components-react';
+
+interface InternalTextFieldProps extends TextInputProps {
 }
 
 export type TextFieldProps = InternalTextFieldProps & FormGroupProps & UseFieldApiComponentConfig;

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

@@ -1,7 +1,9 @@
 import { FormGroupProps } from "./form-group";
-import { UseFieldApiComponentConfig, AnyObject } from "@data-driven-forms/react-form-renderer";
+import { UseFieldApiComponentConfig } from "@data-driven-forms/react-form-renderer";
 
-interface InternalTextareaProps extends AnyObject, React.HTMLProps<HTMLInputElement> {
+import { TextAreaProps } from 'carbon-components-react';
+
+interface InternalTextareaProps extends TextAreaProps {
 }
 
 export type TextareaProps = InternalTextareaProps & FormGroupProps & UseFieldApiComponentConfig;