Refactor the whole lib (#11)

* Refactor the whole lib

* Update README.md

Author: charpeni

.flowconfig

@@ -19,6 +19,9 @@
 ; Ignore metro
 .*/node_modules/metro/.*
 
+; Ignore example folder
+.*/example/.*
+
 [include]
 
 [libs]
@@ -51,7 +54,7 @@ munge_underscores=true
 
 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'
 # Support the library import in examples
-module.name_mapper='^\@react-native-community/viewpager$' -> '<PROJECT_ROOT>/js/index.js'
+module.name_mapper='^\@react-native-community/react-native-segmented-control$' -> '<PROJECT_ROOT>/js/index.js'
 
 module.file_ext=.js
 module.file_ext=.jsx
@@ -71,4 +74,4 @@ suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
 suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
 
 [version]
-^0.86.0
+^0.92.0

README.md

@@ -7,6 +7,7 @@ React Native SegmentedControlIOS library. Use SegmentedControlIOS to render a UI
 <img src="https://github.com/react-native-community/react-native-segmented-control/blob/master/ScreenShots/Screen%20Shot%202019-02-26%20at%206.28.55%20PM.png" height="500" />
 
 ## Getting started
+
 Install the library using either Yarn:
 
 ```
@@ -20,6 +21,7 @@ npm install --save @react-native-community/segmented-control
 ```
 
 ## Migrating from the core `react-native` module
+
 This module was created when the segmentedControlIos was split out from the core of React Native. To migrate to this module you need to follow the installation instructions above and then change you imports from:
 
 ```javascript
@@ -33,29 +35,32 @@ import SegmentedControlIOS from "@react-native-community/segmented-control";
 ```
 
 ## Usage
+
 Start by importing the library:
 
 Use `SegmentedControlIOS` to render a UISegmentedControl iOS.
 
 #### Programmatically changing selected index
+
 The selected index can be changed on the fly by assigning the
 selectedIndex prop to a state variable, then changing that variable.
 Note that the state variable would need to be updated as the user
 selects a value and changes the index, as shown in the example below.
 
-
 ```javascript
 import SegmentedControlIOS from "@react-native-community/segmented-control";
 
-<SegmentedControlIOS
-    values={['One', 'Two']}
+return (
+  <SegmentedControlIOS
+    values={["One", "Two"]}
     selectedIndex={this.state.selectedIndex}
-    onChange={(event) => {
-    this.setState({selectedIndex: event.nativeEvent.selectedSegmentIndex});
-      }}
- />
+    onChange={event => {
+      this.setState({ selectedIndex: event.nativeEvent.selectedSegmentIndex });
+    }}
+  />
+);
 
- type SegmentedControlIOSProps = $ReadOnly<{|
+type SegmentedControlIOSProps = $ReadOnly<{|
   ...ViewProps,
   /**
    * The labels for the control's segment buttons, in order.
@@ -94,7 +99,7 @@ import SegmentedControlIOS from "@react-native-community/segmented-control";
 
 ## Maintainers
 
-* [M.Haris Baig](https://github.com/harisbaig100)
+- [M.Haris Baig](https://github.com/harisbaig100)
 
 ## Contributing
 
@@ -103,4 +108,3 @@ Please see the [`contributing guide`](/CONTRIBUTING.md).
 ## License
 
 The library is released under the MIT licence. For more information see [`LICENSE`](/LICENSE).
-

android/build.gradle

@@ -1,14 +1,3 @@
 module.exports = {
-    presets: ["module:metro-react-native-babel-preset"],
-    plugins: [
-      [
-        "module-resolver",
-        {
-          alias: {
-            "@react-native-community/segmented-control": "./js"
-          },
-          cwd: "babelrc"
-        }
-      ]
-    ]
-  };
+  presets: ['module:metro-react-native-babel-preset'],
+};

android/gradle.properties

@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

android/src/main/java/com/reactnativecommunity/segmentedcontrol/BUCK

@@ -0,0 +1,69 @@
+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore unexpected extra "@providesModule"
+.*/node_modules/.*/node_modules/fbjs/.*
+
+; Ignore duplicate module providers
+; 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
+
+; Ignore polyfills
+.*/Libraries/polyfills/.*
+
+; Ignore metro
+.*/node_modules/metro/.*
+
+[include]
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow/
+
+[options]
+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='^[./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.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_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
+
+[version]
+^0.92.0

babel.config.js

@@ -0,0 +1 @@
+*.pbxproj -text

example/.buckconfig

@@ -1,7 +1,56 @@
-node_modules/**/*
-.expo/*
-npm-debug.*
-*.jks
-*.p12
-*.key
-*.mobileprovision
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Bundle artifact
+*.jsbundle