update deps for types error

.travis.yml

@@ -8,7 +8,7 @@ notifications:
   - hust2012jiangkai@gmail.com
 
 node_js:
-- 6.9.1
+- 10
 
 before_install:
 - |
@@ -34,4 +34,4 @@ env:
 
 matrix:
   allow_failures:
-  - env: "TEST_TYPE=saucelabs"
+  - env: "TEST_TYPE=saucelabs"

package.json

@@ -43,36 +43,54 @@
     "prepublishOnly": "rc-tools run guard",
     "pub": "rc-tools run pub --babel-runtime",
     "lint": "rc-tools run lint --no-js-lint",
-    "karma": "rc-test run karma",
-    "saucelabs": "rc-test run saucelabs",
-    "test": "rc-test run test",
-    "chrome-test": "rc-test run chrome-test",
-    "coverage": "rc-test run coverage",
+    "test": "jest",
+    "coverage": "npm run test -- --coverage",
     "rn-start": "node node_modules/react-native/local-cli/cli.js start",
-    "rn-init": "rc-tools run react-native-init"
+    "rn-init": "rc-tools run react-native-init",
+    "tsc": "tsc -d"
+  },
+  "jest": {
+    "setupFiles": [
+      "./tests/setup.js"
+    ],
+    "testMatch": [
+      "**/?(*.)(spec|test).ts?(x)"
+    ],
+    "coverageDirectory": "./coverage/",
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js"
+    ],
+    "collectCoverageFrom": [
+      "src/**/*"
+    ],
+    "transform": {
+      "\\.tsx?$": "./node_modules/rc-tools/scripts/jestPreprocessor.js",
+      "\\.jsx?$": "./node_modules/rc-tools/scripts/jestPreprocessor.js"
+    }
   },
   "dependencies": {
     "babel-runtime": "6.x",
-    "classnames": "^2.2.0",
+    "classnames": "^2.2.6",
     "rmc-feedback": "^2.0.0",
-    "rmc-dialog": "^1.0.1"
+    "rmc-dialog": "^1.1.1"
   },
   "devDependencies": {
-    "@types/classnames": "^2.2.3",
-    "@types/mocha": "~2.2.32",
-    "@types/react": "^16.0.0",
-    "@types/react-dom": "^16.0.5",
-    "@types/react-native": "^0.55.12",
-    "array-tree-filter": "1.x",
-    "expect.js": "0.3.x",
-    "fastclick": "^1.0.6",
+    "@types/classnames": "^2.2.7",
+    "@types/enzyme": "^3.9.1",
+    "@types/react": "^16.8.10",
+    "@types/react-dom": "^16.8.3",
+    "@types/react-native": "^0.57.42",
+    "enzyme": "^3.9.0",
+    "enzyme-adapter-react-16": "^1.11.2",
+    "jest": "^24.5.0",
     "pre-commit": "1.x",
-    "rc-test": "6.x",
-    "rc-tools": "6.x",
-    "react": "15.5.x",
-    "react-dom": "15.5.x",
-    "react-native": "~0.42.0",
-    "react-native-index-page": "~0.2.1"
+    "rc-tools": "9.x",
+    "react": "16.x",
+    "react-dom": "16.x",
+    "react-native": "~0.59.3",
+    "react-native-index-page": "~2.0.0"
   },
   "typings": "./lib/index.d.ts",
   "pre-commit": [

src/MultiPicker.native.tsx

@@ -4,7 +4,7 @@ import MultiPickerProps from './MultiPickerProps';
 import MultiPickerMixin from './MultiPickerMixin';
 
 export interface IMultiPickerProp {
-  getValue: Function;
+  getValue: () => any;
 }
 
 const MultiPicker = (props: IMultiPickerProp & MultiPickerProps) => {

src/MultiPicker.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import * as classnames from 'classnames';
+import classnames from 'classnames';
 import MultiPickerProps from './MultiPickerProps';
 import MultiPickerMixin from './MultiPickerMixin';
 
 export interface IMultiPickerProp {
-  getValue: Function;
+  getValue: () => any;
 }
 
 const MultiPicker = (props: IMultiPickerProp & MultiPickerProps) => {

src/NativePicker.android.tsx

@@ -32,8 +32,8 @@ const styles = StyleSheet.create({
 });
 
 export interface IPickerProp {
-  select: Function;
-  doScrollingComplete: Function;
+  select: (...arg) => void;
+  doScrollingComplete: (...arg) => void;
 }
 
 class Picker extends React.Component<IPickerProp & IPickerProps, any> {

src/Picker.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import * as classNames from 'classnames';
+import classNames from 'classnames';
 import { IPickerProps } from './PickerTypes';
 import PickerMixin from './PickerMixin';
 
-type IPickerProp = {
-  select: Function;
-  doScrollingComplete: Function;
-  computeChildIndex: Function;
+export interface IPickerProp {
+  select: (...arg) => void;
+  doScrollingComplete: (...arg) => void;
+  computeChildIndex: (...arg) => number;
 };
 
 class Picker extends React.Component<IPickerProp & IPickerProps, any> {

src/PickerMixin.tsx

@@ -2,9 +2,10 @@
 import * as React from 'react';
 import { IPickerProps } from './PickerTypes';
 
-type IItemProps = {
+export interface IItemProps {
   className?: string;
   value: any;
+  children?: React.ReactNode;
 };
 
 const Item = (_props: IItemProps) => null;

src/PickerTypes.tsx

@@ -1,4 +1,4 @@
-export type IPickerProps = {
+export interface IPickerProps {
   disabled?: boolean;
   selectedValue?: any;
   onValueChange?: (value: any) => void;

src/Popup.native.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { View, TouchableHighlight, Text } from 'react-native';
 import PopupMixin from './PopupMixin';
-import { IPopupPickerProps } from './PopupPickerTypes';
 import Modal from 'rmc-dialog/lib/Modal';
 
 const getModal = (props, visible, { getContent, hide, onDismiss, onOk }) => {

src/Popup.tsx

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import Modal from 'rmc-dialog';
 import PopupMixin from './PopupMixin';
-import { IPopupPickerProps } from './PopupPickerTypes';
 import Touchable from 'rmc-feedback';
-import { IPopupPickerProps } from './PopupPickerTypes';
+// import { IPopupPickerProps } from './PopupPickerTypes';
 
 const getModal = (props, visible, { getContent, hide, onDismiss, onOk }) => {
   if (!visible) {
@@ -14,7 +13,7 @@ const getModal = (props, visible, { getContent, hide, onDismiss, onOk }) => {
     <Modal
       prefixCls={`${prefixCls}`}
       className={props.className || ''}
-      visible
+      visible={true}
       closable={false}
       transitionName={props.transitionName || props.popupTransitionName}
       maskTransitionName={props.maskTransitionName}

src/PopupPickerTypes.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-export type IPopupPickerProps = {
+export interface IPopupPickerProps {
   picker?: any;
   value?: any;
   triggerType?: string;

tests/__snapshots__/basic.test.tsx.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`basic classnames 1`] = `"<div class=\\"rmc-picker\\"><div class=\\"rmc-picker-mask\\"></div><div class=\\"rmc-picker-indicator \\"></div><div class=\\"rmc-picker-content\\"><div class=\\"rmc-picker-item rmc-picker-item-selected \\">a</div><div class=\\"rmc-picker-item \\">b</div></div></div>"`;

tests/basic.test.tsx

@@ -0,0 +1,19 @@
+import { render } from 'enzyme';
+import { html } from 'cheerio'
+import * as React from 'react';
+import Picker from '../src';
+
+describe('basic', () => {
+  it('classnames', () => {
+    const wrapper = render(
+      <Picker noAnimate={true}>
+        <Picker.Item value="1">a</Picker.Item>
+        <Picker.Item value="2">b</Picker.Item>
+      </Picker>
+    );
+
+    expect(html(wrapper)).toMatchSnapshot();
+
+    expect(wrapper.hasClass('rmc-picker')).toBeTruthy();
+  })
+});

tsconfig.json

@@ -1,9 +1,14 @@
 {
   "compilerOptions": {
-    "strictNullChecks": true,
+    "strictNullChecks": false,
     "moduleResolution": "node",
     "jsx": "preserve",
     "target": "es6",
-    "skipLibCheck": true
+    "noImplicitAny": false,
+    "noUnusedLocals": true,
+    "noEmit": true,
+    "baseUrl": "src",
+    "skipLibCheck": true,
+    "allowSyntheticDefaultImports": true
   }
-}
+}

tslint.json

@@ -0,0 +1,10 @@
+{
+  "extends": "rc-tools/config/tslint.json",
+  "rules": {
+    "member-access": [true, "no-public"],
+    "variable-name": [false],
+    "ordered-imports": [false],
+    "no-this-assignment": [false],
+    "no-empty": [false]
+  }
+}