fix(ripple): broken relative imports (#953)

Author: Ari Chivukula

.gitignore

@@ -12,3 +12,5 @@ build
 dist
 packages/**/CHANGELOG.md
 .vscode/
+test/types/index.ts
+test/types/tsconfig.json

.travis.yml

@@ -22,11 +22,10 @@ matrix:
       install: npm i
       script: npm run lint
 
-    #TODO(issues/936): Fix existing errors before requiring this to pass
-    #- node_js: 10
-    #  env: TEST_SUITE=types
-    #  install: npm i
-    #  script: npm run test:types
+    - node_js: 10
+      env: TEST_SUITE=types
+      install: npm i
+      script: npm run test:types
 
     - node_js: 10
       install: npm i

packages/button/index.tsx

@@ -22,7 +22,12 @@
 
 import React from 'react';
 import classnames from 'classnames';
-import {withRipple, InjectedProps} from '@material/react-ripple';
+import {
+  withRipple,
+  InjectedProps,
+  // @ts-ignore TODO(issues/955) Remove once possible
+  RippledComponentProps, // eslint-disable-line @typescript-eslint/no-unused-vars
+} from '@material/react-ripple';
 
 import {CSS_CLASSES} from './constant';
 

packages/card/PrimaryContent.tsx

@@ -22,7 +22,12 @@
 
 import React from 'react';
 import classnames from 'classnames';
-import {withRipple, InjectedProps} from '@material/react-ripple';
+import {
+  withRipple,
+  InjectedProps,
+  // @ts-ignore TODO(issues/955) Remove once possible
+  RippledComponentProps, // eslint-disable-line @typescript-eslint/no-unused-vars
+} from '@material/react-ripple';
 
 import {CSS_CLASSES} from './constant';
 

packages/checkbox/index.tsx

@@ -25,7 +25,12 @@ import classnames from 'classnames';
 import {MDCCheckboxFoundation} from '@material/checkbox/foundation';
 import {MDCCheckboxAdapter} from '@material/checkbox/adapter';
 import {cssClasses} from '@material/checkbox/constants';
-import {withRipple, InjectedProps} from '@material/react-ripple';
+import {
+  withRipple,
+  InjectedProps,
+  // @ts-ignore TODO(issues/955) Remove once possible
+  RippledComponentProps, // eslint-disable-line @typescript-eslint/no-unused-vars
+} from '@material/react-ripple';
 
 import NativeControl from './NativeControl';
 

packages/chips/Chip.tsx

@@ -21,7 +21,12 @@
 // THE SOFTWARE.
 import React from 'react';
 import classnames from 'classnames';
-import {withRipple, InjectedProps} from '@material/react-ripple';
+import {
+  withRipple,
+  InjectedProps,
+  // @ts-ignore TODO(issues/955) Remove once possible
+  RippledComponentProps, // eslint-disable-line @typescript-eslint/no-unused-vars
+} from '@material/react-ripple';
 import {MDCChipFoundation} from '@material/chips/chip/foundation';
 import {MDCChipAdapter} from '@material/chips/chip/adapter';
 

packages/fab/index.tsx

@@ -22,7 +22,12 @@
 
 import React from 'react';
 import classnames from 'classnames';
-import {withRipple, InjectedProps} from '@material/react-ripple';
+import {
+  withRipple,
+  InjectedProps,
+  // @ts-ignore TODO(issues/955) Remove once possible
+  RippledComponentProps, // eslint-disable-line @typescript-eslint/no-unused-vars
+} from '@material/react-ripple';
 
 import {CSS_CLASSES} from './constant';
 

packages/icon-button/index.tsx

@@ -22,7 +22,12 @@
 
 import React from 'react';
 import classnames from 'classnames';
-import {withRipple, InjectedProps} from '@material/react-ripple';
+import {
+  withRipple,
+  InjectedProps,
+  // @ts-ignore TODO(issues/955) Remove once possible
+  RippledComponentProps, // eslint-disable-line @typescript-eslint/no-unused-vars
+} from '@material/react-ripple';
 import {MDCIconButtonToggleAdapter} from '@material/icon-button/adapter';
 import {MDCIconButtonToggleFoundation} from '@material/icon-button/foundation';
 import {MDCIconButtonToggleEventDetail} from '@material/icon-button/types';

packages/list/ListItem.tsx

@@ -23,7 +23,12 @@
 import React from 'react';
 import classnames from 'classnames';
 import {closest} from '@material/dom/ponyfill';
-import {withRipple, InjectedProps} from '@material/react-ripple';
+import {
+  withRipple,
+  InjectedProps,
+  // @ts-ignore TODO(issues/955) Remove once possible
+  RippledComponentProps, // eslint-disable-line @typescript-eslint/no-unused-vars
+} from '@material/react-ripple';
 import {MDCListFoundation} from '@material/list/foundation';
 
 import {ListItemContext, ListItemContextShape} from './index';

packages/material-icon/index.tsx

@@ -22,7 +22,12 @@
 
 import React from 'react';
 import classnames from 'classnames';
-import {withRipple, InjectedProps} from '@material/react-ripple';
+import {
+  withRipple,
+  InjectedProps,
+  // @ts-ignore TODO(issues/955) Remove once possible
+  RippledComponentProps, // eslint-disable-line @typescript-eslint/no-unused-vars
+} from '@material/react-ripple';
 
 export interface MaterialIconDefaultProps
   extends React.HTMLAttributes<HTMLElement> {