feat(menu): add component

packages/list/index.tsx

@@ -25,7 +25,7 @@ import classnames from 'classnames';
 import {MDCListFoundation} from '@material/list/foundation';
 import {MDCListIndex} from '@material/list/types';
 import {MDCListAdapter} from '@material/list/adapter';
-import * as memoizeOne from 'memoize-one';
+import memoizeOne from 'memoize-one';
 
 import ListItem, {ListItemProps} from './ListItem'; // eslint-disable-line no-unused-vars
 import ListItemGraphic from './ListItemGraphic';
@@ -364,6 +364,19 @@ export default class List extends React.Component<ListProps, ListState> {
     this.setState({listItemClassNames});
   };
 
+
+  getListProps = (checkboxList?: boolean, radioList?: boolean) => ({
+    checkboxList: Boolean(checkboxList),
+    radioList: Boolean(radioList),
+    handleKeyDown: this.handleKeyDown,
+    handleClick: this.handleClick,
+    handleFocus: this.handleFocus,
+    handleBlur: this.handleBlur,
+    onDestroy: this.onDestroy,
+    getClassNamesFromList: this.getListItemClassNames,
+    getListItemInitialTabIndex: this.getListItemInitialTabIndex,
+  });
+
   render() {
     const {
       /* eslint-disable no-unused-vars */
@@ -385,21 +398,9 @@ export default class List extends React.Component<ListProps, ListState> {
       ...otherProps
     } = this.props;
 
-    const getListProps = (checkboxList?: boolean, radioList?: boolean) => ({
-      checkboxList: Boolean(checkboxList),
-      radioList: Boolean(radioList),
-      handleKeyDown: this.handleKeyDown,
-      handleClick: this.handleClick,
-      handleFocus: this.handleFocus,
-      handleBlur: this.handleBlur,
-      onDestroy: this.onDestroy,
-      getClassNamesFromList: this.getListItemClassNames,
-      getListItemInitialTabIndex: this.getListItemInitialTabIndex,
-    });
-
     // decreases rerenders
     // https://overreacted.io/writing-resilient-components/#dont-stop-the-data-flow-in-rendering
-    const getMemoizedListProps = memoizeOne(getListProps);
+    const getMemoizedListProps = memoizeOne(this.getListProps);
 
     return (
       // https://github.com/Microsoft/TypeScript/issues/28892

test/screenshot/chips/index.tsx

@@ -3,7 +3,7 @@ import './index.scss';
 import '../../../packages/chips/index.scss';
 import MaterialIcon from '../../../packages/material-icon';
 import {ChipProps, Chip, ChipSet} from '../../../packages/chips/index'; // eslint-disable-line no-unused-vars
-import * as uuidv1 from 'uuid/v1';
+import uuidv1 from 'uuid/v1';
 
 interface ChipsTestProps {
   selectedChipIds: string[];

test/screenshot/screenshot.tsx

@@ -7,7 +7,7 @@ import * as puppeteer from 'puppeteer';
 import * as compareImages from 'resemblejs/compareImages';
 import {test} from 'mocha';
 import {assert} from 'chai';
-import * as Storage from '@google-cloud/storage';
+import Storage from '@google-cloud/storage';
 import comparisonOptions from './screenshot-comparison-options';
 import axios from 'axios';
 import * as path from 'path';

test/unit/index.tsx

@@ -1,5 +1,5 @@
-import * as Enzyme from 'enzyme';
-import * as Adapter from 'enzyme-adapter-react-16';
+import Enzyme from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 Enzyme.configure({adapter: new Adapter()});
 const context = require.context('.', true, /\.test\.(j|t)sx?$/);
 context.keys().forEach(context);

tsconfig.json

@@ -8,7 +8,8 @@
     "jsx": "react",
     "target": "es5",
     "noUnusedLocals": true,
-    "noUnusedParameters": true,
+    "noUnusedParameters": true,    
+    "esModuleInterop": true,
   },
   "compileOnSave": true,
   "exclude": [