feat(radio): upgrade to typescript v1 (#777)

Author: gugu

package-lock.json

@@ -78,7 +78,7 @@
     "@material/list": "^1.0.0",
     "@material/menu-surface": "^1.0.1",
     "@material/notched-outline": "^0.41.0",
-    "@material/radio": "^0.41.0",
+    "@material/radio": "^1.1.0",
     "@material/ripple": "^1.0.0",
     "@material/select": "^0.40.1",
     "@material/snackbar": "^1.0.0",

package.json

@@ -22,8 +22,8 @@
 
 import * as React from 'react';
 import classnames from 'classnames';
-// @ts-ignore no .d.ts file
-import {MDCRadioFoundation} from '@material/radio/dist/mdc.radio';
+import {MDCRadioFoundation} from '@material/radio/foundation';
+import {MDCRadioAdapter} from '@material/radio/adapter';
 import * as Ripple from '@material/react-ripple';
 import NativeControl, {NativeControlProps} from './NativeControl'; // eslint-disable-line no-unused-vars
 
@@ -109,7 +109,7 @@ class Radio extends React.Component<RadioProps, RadioState> {
     return classnames('mdc-radio', Array.from(classList), className);
   }
 
-  get adapter() {
+  get adapter(): MDCRadioAdapter {
     return {
       addClass: (className: string) => {
         const classList = new Set(this.state.classList);

packages/radio/index.tsx

@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "@material/form-field": "^0.41.0",
-    "@material/radio": "^0.41.0",
+    "@material/radio": "^1.1.0",
     "@material/react-ripple": "^0.11.0",
     "classnames": "^2.2.6",
     "react": "^16.4.2"
@@ -26,3 +26,4 @@
     "access": "public"
   }
 }
+

packages/radio/package.json

@@ -4,6 +4,7 @@ import * as td from 'testdouble';
 import {mount, shallow, ReactWrapper} from 'enzyme';
 import {Radio, NativeRadioControl, RadioProps} from '../../../packages/radio/index';
 import {coerceForTesting} from '../helpers/types';
+import {MDCRadioFoundation} from '@material/radio';
 
 const NativeControlUpdate: React.FunctionComponent<React.HTMLProps<HTMLInputElement>> = ({
   disabled, id, // eslint-disable-line react/prop-types
@@ -83,13 +84,13 @@ test('initializes foundation', () => {
 });
 
 test('calls foundation.setDisabled if child.props.disabled is true', () => {
-  const setDisabled = td.func();
+  const setDisabled = td.func<(disabled: boolean) => void>();
   const wrapper = mount<Radio>(
     <Radio>
       <NativeRadioControl disabled />
     </Radio>
   );
-  wrapper.instance().foundation = {init: () => {}, setDisabled};
+  wrapper.instance().foundation = {init: () => {}, setDisabled} as MDCRadioFoundation;
   wrapper.instance().componentDidMount();
   td.verify(setDisabled(true), {times: 1});
 });
@@ -134,7 +135,7 @@ test('renders label with for attribute tied to native control id', () => {
 test('calls foundation.setDisabled if children.props.disabled updates', () => {
   const wrapper = mount(<NativeControlUpdate />);
   coerceForTesting<ReactWrapper<RadioProps, {}, Radio>>(
-    wrapper.children()).instance().foundation.setDisabled = td.func();
+    wrapper.children()).instance().foundation.setDisabled = td.func<(disabled: boolean) => null>();
   wrapper.setProps({disabled: true});
   td.verify(
     coerceForTesting<ReactWrapper<RadioProps, {}, Radio>>(wrapper.children())
@@ -147,7 +148,7 @@ test('calls foundation.setDisabled if children.props.disabled updates', () => {
 test('calls foundation.setDisabled if children.props.disabled updates to false', () => {
   const wrapper = mount(<NativeControlUpdate disabled />);
   coerceForTesting<ReactWrapper<RadioProps, {}, Radio>>(
-    wrapper.children()).instance().foundation.setDisabled = td.func();
+    wrapper.children()).instance().foundation.setDisabled = td.func<(disabled: boolean) => null>();
   wrapper.setProps({disabled: false});
   td.verify(
     coerceForTesting<ReactWrapper<RadioProps, {}, Radio>>(wrapper.children())
@@ -234,7 +235,7 @@ test('#componentWillUnmount destroys foundation', () => {
     </Radio>
   );
   const foundation = wrapper.instance().foundation;
-  foundation.destroy = td.func();
+  foundation.destroy = td.func<() => void>();
   wrapper.unmount();
   td.verify(foundation.destroy(), {times: 1});
 });