Chore: Upgrade src dependencies (#123)

* Chore: Upgarde src dependencies

* Flow fixes

* Eslint final fixes

* Bump

* Update .flowconfig

Added max_workers to make CI happy

* Remove jest preset react-native

* Update config.yml

* Lint example files as well

* Fixed RowItem crash when no title

Author: adamTrz

.babelrc

@@ -73,7 +73,7 @@ jobs:
           at: ~/react-native-ios-kit
       - run: yarn run lint
       - run: yarn run flow
-      - run: yarn test -- --coverage -i
+      - run: yarn test --coverage -i
       - store_artifacts:
           path: coverage
   deploy-website:
@@ -111,7 +111,7 @@ jobs:
 workflows:
   version: 2
 
-  website:
+  build-and-test:
     jobs:
       - install-dependencies
       - tests:

.circleci/config.yml

@@ -1,18 +1,21 @@
-# top-most EditorConfig file
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
 root = true
 
-# Unix-style newlines with a newline ending every file
+
 [*]
-end_of_line = lf
-insert_final_newline = true
 
-# Indentation override for all JS under lib directory
-[*/**.js]
-charset = utf-8
+# change these settings to your own preference
 indent_style = space
 indent_size = 2
 
-# Matches the exact files either package.json or .travis.yml
-[*.json]
-indent_style = space
-indent_size = 2
+# we recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.editorconfig

@@ -1,3 +1,4 @@
 node_modules/
 flow-typed/
 dist/
+website/

.eslintcache

@@ -1,148 +1,31 @@
 {
-  "parser": "babel-eslint",
-
   "env": {
-    "browser": true,
-    "node": true,
-    "es6": true
-  },
-
-  "parserOptions": {
-    "sourceType": "module",
-    "ecmaFeatures": {
-      "jsx": true
-    }
+    "browser": true
   },
 
-  "extends": ["prettier", "prettier/flowtype", "prettier/react"],
+  "extends": ["callstack-io"],
 
-  "plugins": [
-    "babel",
-    "flowtype",
-    "import",
-    "react",
-    "react-native",
-    "prettier"
-  ],
+  "plugins": ["react-native"],
 
   "rules": {
-    "constructor-super": "error",
-    "no-case-declarations": "error",
-    "no-class-assign": "error",
-    "no-cond-assign": "error",
-    "no-const-assign": "error",
-    "no-constant-condition": "error",
-    "no-control-regex": "error",
-    "no-delete-var": "error",
-    "no-dupe-args": "error",
-    "no-dupe-class-members": "error",
-    "no-dupe-keys": "error",
-    "no-duplicate-case": "error",
-    "no-empty": "error",
-    "no-empty-character-class": "error",
-    "no-empty-pattern": "error",
-    "no-ex-assign": "error",
-    "no-extra-boolean-cast": "error",
-    "no-extra-semi": "error",
-    "no-fallthrough": "error",
-    "no-func-assign": "error",
-    "no-global-assign": "error",
-    "no-inner-declarations": "error",
-    "no-invalid-regexp": "error",
-    "no-new-symbol": "error",
-    "no-obj-calls": "error",
-    "no-octal": "error",
-    "no-redeclare": "error",
-    "no-regex-spaces": "error",
-    "no-self-assign": "error",
-    "no-sparse-arrays": "error",
-    "no-this-before-super": "error",
-    "no-undef": "error",
-    "no-unexpected-multiline": "error",
-    "no-unreachable": "error",
-    "no-unsafe-finally": "error",
-    "no-unsafe-negation": "error",
-    "no-unused-labels": "error",
-    "no-unused-vars": "error",
-    "require-yield": "error",
-    "use-isnan": "error",
-    "valid-typeof": "error",
-
-    "babel/new-cap": "off",
-    "babel/object-curly-spacing": "off",
-    "babel/arrow-parens": "off",
+    "one-var": "off",
+    "no-multi-assign": "off",
+    "no-nested-ternary": "off",
+    "global-require": "off",
 
-    "flowtype/boolean-style": ["error", "boolean"],
     "flowtype/define-flow-type": "error",
-    "flowtype/no-dupe-keys": "error",
-    "flowtype/no-primitive-constructor-types": "error",
     "flowtype/no-weak-types": "off",
-    "flowtype/require-parameter-type": "off",
-    "flowtype/require-return-type": "off",
-    "flowtype/require-valid-file-annotation": "error",
     "flowtype/require-variable-type": "off",
     "flowtype/sort-keys": "off",
     "flowtype/type-id-match": "off",
     "flowtype/use-flow-type": "error",
     "flowtype/valid-syntax": "error",
 
-    "import/no-unresolved": "error",
-    "import/named": "error",
-    "import/default": "off",
-    "import/namespace": "off",
-    "import/export": "error",
-    "import/no-named-as-default": "off",
-    "import/no-named-as-default-member": "off",
-    "import/no-deprecated": "off",
     "import/no-extraneous-dependencies": "off",
-    "import/no-commonjs": "error",
-    "import/no-amd": "error",
-    "import/no-nodejs-modules": "off",
-    "import/imports-first": "error",
-    "import/no-duplicates": "error",
-    "import/no-namespace": "off",
-    "import/extensions": ["error", { "js": "never", "json": "always" }],
-    "import/order": "off",
-
-    "react/display-name": "off",
-    "react/forbid-prop-types": "off",
-    "react/no-danger": "error",
-    "react/no-deprecated": "error",
-    "react/no-did-mount-set-state": "error",
-    "react/no-did-update-set-state": "error",
-    "react/no-direct-mutation-state": "error",
-    "react/no-is-mounted": "error",
-    "react/no-multi-comp": "off",
-    "react/no-set-state": "off",
-    "react/no-string-refs": "error",
-    "react/no-unknown-property": "error",
-    "react/prefer-es6-class": "error",
-    "react/prop-types": "error",
-    "react/react-in-jsx-scope": "error",
-    "react/require-render-return": "error",
-    "react/self-closing-comp": "error",
-    "react/sort-comp": "error",
-    "react/sort-prop-types": "off",
-    "react/jsx-boolean-value": ["error", "never"],
-    "react/jsx-handler-names": "off",
-    "react/jsx-key": "error",
-    "react/jsx-no-bind": "off",
-    "react/jsx-no-duplicate-props": "error",
-    "react/jsx-no-literals": "off",
-    "react/jsx-no-undef": "error",
-    "react/jsx-pascal-case": "off",
-    "react/jsx-sort-props": "off",
-    "react/jsx-uses-react": "error",
-    "react/jsx-uses-vars": "error",
-
-    "react-native/no-unused-styles": "error",
-    "react-native/split-platform-components": "off",
-
-    "prettier/prettier": [
-      "error",
-      { "trailingComma": "es5", "singleQuote": true }
-    ],
+    "import/first": "off",
 
-    "jsx-a11y/href-no-hash": "off"
+    "react-native/no-unused-styles": "off",
+    "react/no-unused-prop-types": "off",
+    "react-native/split-platform-components": "off"
   }
 }

.eslintignore

@@ -12,52 +12,81 @@
 ; For RN Apps installed via npm, "Libraries" folder is inside
 ; "node_modules/react-native" but in the source repo it is in the root
 .*/Libraries/react-native/React.js
-.*/Libraries/react-native/ReactNative.js
 
 ; Ignore polyfills
 .*/Libraries/polyfills/.*
 
-; Ignore duplicate modules under example/
-<PROJECT_ROOT>/example/node_modules/*
+; Ignore metro
+.*/node_modules/metro/.*
 
-; Ignore duplicate modules under website/
-.*/website/node_modules/fbjs/.*
-.*/website/node_modules/react/.*
+; Ignore expo stuff
+.*/node_modules/xdl/.*
+.*/node_modules/@expo/traveling-fastlane-linux/.*
+.*/node_modules/@expo/traveling-fastlane-darwin/.*
 
-; Ignore some modules we don't need to parse
-.*/node_modules/prettier/.*
-.*/node_modules/eslint.*
+<PROJECT_ROOT>/example/node_modules/.*config-chain/test/broken.json
+<PROJECT_ROOT>/example/node_modules/reqwest
+
+[untyped]
+<PROJECT_ROOT>/node_modules/react-native-safe-area-view
+<PROJECT_ROOT>/example/node_modules/react-native
 
 [include]
 
 [libs]
 node_modules/react-native/Libraries/react-native/react-native-interface.js
 node_modules/react-native/flow/
+flow-typed
+flow
 
 [options]
+server.max_workers=1
 emoji=true
 
+esproposal.optional_chaining=enable
+esproposal.nullish_coalescing=enable
+
 module.system=haste
+module.system.haste.use_name_reducers=true
+# get basename
+module.system.haste.name_reducers='^.*/\([a-zA-Z0-9$_.-]+\.js\(\.flow\)?\)$' -> '\1'
+# strip .js or .js.flow suffix
+module.system.haste.name_reducers='^\(.*\)\.js\(\.flow\)?$' -> '\1'
+# strip .ios suffix
+module.system.haste.name_reducers='^\(.*\)\.ios$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.android$' -> '\1'
+module.system.haste.name_reducers='^\(.*\)\.native$' -> '\1'
+module.system.haste.paths.blacklist=.*/__tests__/.*
+module.system.haste.paths.blacklist=.*/__mocks__/.*
+module.system.haste.paths.blacklist=<PROJECT_ROOT>/node_modules/react-native/Libraries/Animated/src/polyfills/.*
+module.system.haste.paths.whitelist=<PROJECT_ROOT>/node_modules/react-native/Libraries/.*
 
 munge_underscores=true
 
-module.name_mapper='^expo$' -> 'emptyObject'
-module.name_mapper='^react-navigation$' -> 'emptyObject'
-
 module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+module.name_mapper='^testing$' -> '<PROJECT_ROOT>/src/utils/testing.js'
+module.name_mapper='^src/\(.*\)$' -> '<PROJECT_ROOT>/src/\1'
+module.name_mapper='^scripts/\(.*\)$' -> '<PROJECT_ROOT>/scripts/\1'
+
+
+module.file_ext=.android.js
+module.file_ext=.ios.js
+module.file_ext=.js
+module.file_ext=.jsx
+module.file_ext=.json
+module.file_ext=.native.js
 
 suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FlowFixMeProps
 suppress_type=$FlowFixMeState
-suppress_type=$FixMe
 
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(5[0-3]\\|[1-4][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(5[0-3]\\|[1-4][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
 suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
 suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
 
-unsafe.enable_getters_and_setters=true
+include_warnings=true
 
 [version]
-^0.53.0
+^0.92.0

.eslintrc

@@ -0,0 +1,5 @@
+
+singleQuote: true
+tabWidth: 2
+trailingComma: "es5"
+useTabs: false

.flowconfig

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['module:metro-react-native-babel-preset'],
+};

.prettierrc

@@ -29,7 +29,7 @@ Uses following `theme` properties:
 ## Props
 
 ### `contentContainerStyle` (optional)
-**type:** `StyleObj`
+**type:** `ViewStyleProp`
 
 Styles to be applied  to the section list view content container.
 ### `data`  
@@ -44,7 +44,7 @@ An array of items to be rendered.
 Function used to extract a unique key for each item rendered.
 
 ### `listStyle` (optional)  
-**type:** `StyleObj`  
+**type:** `ViewStyleProp`  
 
 Styles of underlying SectionList container
 

babel.config.js

@@ -98,7 +98,7 @@ Sections text color.
 Rendered at the top and bottom of each section (note this is different from ItemSeparatorComponent which is only rendered between items). These are intended to separate sections from the headers above and below and typically have the same highlight response as ItemSeparatorComponent.
 
 ### `sectionsStyle` (optional)
-**type:** `StyleObj`
+**type:** `ViewStyleProp`
 
 Styles to apply on section list.
 

docs/collection.md

@@ -37,7 +37,7 @@ import { PageControlView } from 'react-native-ios-kit';
 Children of PageControlView, each one to be displayed as a separate page.
 
 ### `containerStyle` (optional)
-**type:** `StyleObj`
+**type:** `ViewStyleProp`
 
 Style of wrapper container.
 

docs/grouped-list.md

@@ -21,7 +21,7 @@ import { SwitchRow } from 'react-native-ios-kit';
 
 ## Theme
 Uses following `theme` properties:
-- `positiveColor` - selected switch background color (`onTintColor`)
+- `positiveColor` - selected switch background color (`trackColor`)
 
 ## Props
 

docs/page-control-view.md

@@ -19,7 +19,7 @@ import { Switch } from 'react-native-ios-kit';
 
 ## Theme
 Uses following `theme` properties:
-- `positiveColor` - selected switch background color (`onTintColor`)
+- `positiveColor` - selected switch background color (`trackColor`)
 
 ## Props
 
@@ -33,7 +33,7 @@ If true, disable all interactions for this component.
 
 Invoked with the new value when the value changes.
 
-### `onTintColor` (optional)
+### `trackColor` (optional)
 **type:** `string`
 **default value:** `positiveColor` from [`theme`](theme.html)