docs: Update README.md for the latest futures

- ⬆️ dependencies

Author: vramana

.babelrc

@@ -5,7 +5,7 @@
   ],
   "extra": {
     "react-transform": [{
-      "target": "react-transform-webpack-hmr",
+      "target": "react-transform-hmr",
       "imports": ["react"],
       "locals": ["module"]
     }, {

README.md

@@ -36,18 +36,28 @@ To run the examples:
 
 ### Settings
 
-- cssEase - transitionTimingFn
+- cssEase - renamed to transitionTimingFn
+- speed - renamed to transitionSpeed
+- easing - Not supported: Minimum browser support ensure CSS Transistions are present.
 - arrows - Alternate way: Instead of arrows pass empty `<div>` to the Slider
 - appendArrows, appendDots - Not supported due the architecture of component
 - mobileFirst - Alternate way: Control the size of Slider just usign css on the parent class
 - leftArrow, rightArrow - Alternate way: Just put a ref on leftArrow and rightArrow
 - infinite - works as expected
 - initialSlide - works as expected
 - rows - Alternate way: Pass pages of slides instead of slides.
-- speed - transitionSpeed
+- slidesPerRow - Alternate Way: Pass pages of slides instead of slides
 - vertical - works as expected
-
-**Progress** - Total: 43 Current:
+- swipe, verticalSwiping - merged into swipe - works as expected
+- touchMove - coming soon
+- draggable - works as expected,
+- edgeFriction - works as expected
+- touchThreshold - fraction by which you should slide for slide to change - works as expected
+- swipeEvent - works as expected
+- edgeEvent - works as expected
+- zIndex - Not supported: No support for IE 9 itself requires atleast IE11
+
+**Progress** - Total: 43 Current: 23
 
 ### Events
 

examples/index.js

@@ -11,15 +11,15 @@ class App extends Component {
       <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }} >
         <div>
           <h2>Non Infinite</h2>
-          <NonInfinite width={580} height={150} />
+          <NonInfinite width={580} height={150} swipe draggable />
         </div>
         <div>
           <h2>Infinite</h2>
-          <Infinite width={580} height={150} />
+          <Infinite width={580} height={150} swipe draggable />
         </div>
         <div>
           <h2>Custom Arrow</h2>
-          <CustomArrows width={580} height={150} />
+          <CustomArrows width={580} height={150} swipe draggable />
         </div>
       </div>
     );

package.json

@@ -30,24 +30,24 @@
   "homepage": "http://github.com/vramana/react-flex-slick",
   "devDependencies": {
     "babel": "^5.8.23",
-    "babel-core": "^5.8.24",
+    "babel-core": "^5.8.25",
     "babel-eslint": "^4.1.3",
     "babel-loader": "^5.3.2",
     "babel-plugin-react-transform": "^1.0.5",
     "css-loader": "^0.18.0",
-    "eslint": "^1.4.3",
+    "eslint": "^1.5.0",
     "eslint-config-airbnb": "0.0.8",
-    "eslint-plugin-react": "^3.4.1",
+    "eslint-plugin-react": "^3.4.2",
     "express": "^4.13.3",
     "react": "^0.14.0-rc1",
     "react-dom": "^0.14.0-rc1",
-    "react-transform-catch-errors": "^0.2.0",
-    "react-transform-webpack-hmr": "^0.1.5",
-    "redbox-react": "^1.0.5",
+    "react-transform-catch-errors": "^1.0.0",
+    "react-transform-hmr": "^1.0.0",
+    "redbox-react": "^1.0.6",
     "style-loader": "^0.12.4",
     "webpack": "^1.12.2",
     "webpack-dev-middleware": "^1.2.0",
-    "webpack-hot-middleware": "^2.1.0"
+    "webpack-hot-middleware": "^2.2.0"
   },
   "peerDependencies": {
     "react": ">=0.13 || ^0.14.0-alpha"

src/Slider.js

@@ -28,8 +28,8 @@ class Slider extends Component {
     vertical: false,
     transitionSpeed: 500,
     transitionTimingFn: 'ease',
-    swipe: true,
-    draggable: true,
+    swipe: false,
+    draggable: false,
     infinite: false,
     edgeFriction: 0.35,
     touchThreshold: 5