Merging base

.babelrc

@@ -1,7 +1,9 @@
 {
-  "presets":[
-    "react",
-    ["es2015", {"loose": true}]
+  "presets": [
+    "@babel/preset-env",
+    "@babel/preset-react"
   ],
-  "plugins": ["transform-object-assign", "transform-object-rest-spread"]
+  "plugins": [
+    "@babel/plugin-proposal-class-properties"
+  ]
 }

.eslintrc

@@ -3,22 +3,32 @@
     "no-extra-parens": 0,
     "react/jsx-uses-vars": 1,
     "strict": 0,
-    "quotes": [2, "single"],
     "no-underscore-dangle": 0,
     "space-infix-ops": 0,
-    "no-alert": 0
-  },
-  "ecmaFeatures": {
-    "jsx": true,
+    "no-alert": 0,
+    "react/prop-types": 0,
+    "react/no-find-dom-node": 0,
+    "react/display-name": 0,
+    "no-console": 0,
+    "no-prototype-builtins": 0
   },
   "env": {
     "node": true,
     "browser": true,
     "es6": true,
     "jasmine": true
   },
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
+  "parserOptions": {
+    "requireConfigFile": false
+  },
   "plugins": [
-      "react"
+    "react",
+    "import"
+  ],
+  "extends": [
+    "eslint:recommended",
+    "plugin:import/errors",
+    "plugin:react/recommended"
   ]
-}
+}

.github/FUNDING.yml

@@ -0,0 +1,2 @@
+github: akiran
+open_collective: react-slick

.github/ISSUE_TEMPLATE.md

@@ -0,0 +1,6 @@
+<!-- Love react-slick? Please consider supporting our collective:
+👉  https://opencollective.com/react-slick/donate -->
+
+### Guidelines for posting a new issue
+
+* Please replicate your issue with this [CodeSandBox](https://codesandbox.io/s/ppwkk5l6xx) and provide a link to it along with the issue description

.gitignore

@@ -9,4 +9,18 @@ npm-debug.log
 lib
 *.sublime-*
 .idea
-dist
+dist
+yarn.lock
+.vscode
+exampleslib
+examples/scripts/configs.json
+jquery.html
+docs/fonts/
+docs/ajax-loader.gif
+package-lock.json
+.DS_Store
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/
+src-jsx

.prettierrc

@@ -0,0 +1 @@
+trailingComma: none

.travis.yml

@@ -1,3 +1,5 @@
 language: node_js
+
 node_js:
-  - "stable"
+  - "stable"
+

CHANGELOG.md

@@ -0,0 +1,125 @@
+# Change Log
+
+## [Unreleased](https://github.com/akiran/react-slick/tree/HEAD)
+
+## 0.22.0
+
+**Release Changes**
+
+- Internal Changes
+  - converted InnerSlider from createReactClass object to ES6 class
+  - removed all the mixins, created classMethods and pure utility functions instead
+  - changed autoplay from setTimeout to setInterval
+  - added images onload handlers to update dynamically
+  - added autoplaying state for the betterment of autoplay and pause
+  - removed usage of assign or Object.assign, using object spreading instead
+  - implemented effects of touchMove props
+  - fixed transition in opposite direction in case of continuous scrolling
+  - added separate onclick event listener for images
+  - added missing classes `regular` and `slider`
+  - renamed events
+    - edgeEvent => onEdge
+    - init => onInit
+    - reInit => onReInit
+  - implemented `pauseOnDotsHover` property
+  - implemented Progressive LazyLoad property, lazyLoad is now ondemand/progressive
+  - implemented lazyloadError event
+  - implemented useTransform property
+  - implemented pauseOnFocus property
+  - added resize observer to update on slider resize
+
+- Bug Fixes
+  - dynamic track updates on image load
+  - fixed slickPause and autoPlay issues (paused slider would resume autoplay sometime)
+  - fixed trackStyle update on window resize
+  - fixed NodeList forEach problem for chrome 51 or below
+  - fixed bugs due to uncleared callback timers
+  - fixed update issues on just slider resize
+
+
+## 0.21.0
+
+**Release Changes**
+
+- Fixed issues
+  - dataset undefined error in case of swipeToSlide but finite slides
+  - slideWidth issue by transform scale
+  - variableWidth + finite alignment problems
+  - wrapper direction rtl issues
+  - added onload update handler for images
+  - fixed breaking of animation on setState
+
+- Mixins to Pure Functions
+  - getWidth, getHeight
+  - swipeDirection
+  - initialize, update
+
+- Other Changes
+  - removed sass, using pure CSS instead
+  - enforced dir='ltr' in the slider, so dir='rtl' in wrapper doesn't break the slider
+  - corrected up/down direction conventions
+  - added more tests along with snapshots
+
+## 0.20.0
+
+**Release Changes**
+
+- handled responsive breakpoint collision
+- renamed autoPlayTimer to autoplayTimer and removed it from state
+- changed es5 module.exports with es6 export default in src/index
+- implemented slider syncing with asNavFor prop
+- made all the slides untabbable
+- implemented getSlick method as in slick
+- implemented slickGetOption method
+- implemented lazyLoaded event
+- implemented reInit event
+- implemented onSwipe event and documented edgeEvent
+
+
+## 0.19.0
+
+**Release Changes**
+
+Following are the changes to be mentioned:
+
+- fixed slideWidth calculation approximation
+- fixed unusual scrolls in focusOnSelect mode
+- added appendDots method for customization of dots
+- modified logic for handling odd/even cases where there were unusual scrolls in opposite direction
+- implemented unslick feature properly
+- fixed variableWidth issues like blank spaces at edges, improper alignment
+- handling focus loss in case of fade=true
+- responsive lazyloading bug fixed
+- increased verticalswiping resistance from 4 to 10
+
+
+## 0.18.0
+
+**Major Changes:**
+
+- `centerPadding` prop now accepts % value as well
+- Fixed dots count in certain cases, where it was wrong
+- Fixed fade property mess-up on click
+- Fixed invisibility issue when fade & vertical are true
+- Modified logic for updating lazyLoadedList, earlier there were some whitespaces at ends, now they're gone
+- Fixed getTrackLeft issue for slideCount=1
+
+
+## 0.17.1
+
+**Major Changes**
+
+* Enforced some settings in specific configurations like:
+  - `slidesToScroll = 1` *when fade is true*
+  - `slidesToScroll = 1` *when centerMode is true*
+  - `slidesToShow = 1` *when fade is true*
+
+* Changed the number of clones (preclones and postclones), that fixed couple of issues like blank spaces after last slide and/or before first slide which occurred in several cases.
+
+
+**Minor Changes**
+
+- Rich amount of tests and test-utilities added
+- Additional documentation comments added
+- Refactored small snippets for betterment
+- Fixed several lazyload and centerMode bugs

CONTRIBUTING.md

@@ -0,0 +1,67 @@
+# Contribute
+
+## Introduction
+
+First, thank you for considering contributing to react-slick! It's people like you that make the open source community such a great community! 😊
+
+We welcome any type of contribution, not only code. You can help with
+- **QA**: file bug reports, the more details you can give the better (e.g. screenshots with the console open)
+- **Marketing**: writing blog posts, howto's, printing stickers, ...
+- **Community**: presenting the project at meetups, organizing a dedicated meetup for the local community, ...
+- **Code**: take a look at the [open issues](https://github.com/akiran/react-slick/issues). Even if you can't write code, commenting on them, showing that you care about a given issue matters. It helps us triage them. To get started you can also [sign up to triage react-slick issues on CodeTriage](https://www.codetriage.com/akiran/react-slick).
+- **Money**: we welcome financial contributions in full transparency on our [open collective](https://opencollective.com/react-slick).
+
+## Your First Contribution
+
+Working on your first Pull Request? You can learn how from this *free* series, [How to Contribute to an Open Source Project on GitHub](https://app.egghead.io/playlists/how-to-contribute-to-an-open-source-project-on-github).
+
+## Submitting code
+
+Any code change should be submitted as a pull request. The description should explain what the code does and give steps to execute it. The pull request should also contain tests.
+
+## Code review process
+
+The bigger the pull request, the longer it will take to review and merge. Try to break down large pull requests in smaller chunks that are easier to review and merge.
+It is also always helpful to have some context for your pull request. What was the purpose? Why does it matter to you?
+
+## Financial contributions
+
+We also welcome financial contributions in full transparency on our [open collective](https://opencollective.com/react-slick).
+Anyone can file an expense. If the expense makes sense for the development of the community, it will be "merged" in the ledger of our open collective by the core contributors and the person who filed the expense will be reimbursed.
+
+## Questions
+
+If you have any questions, create an [issue](https://github.com/akiran/react-slick/issues) (protip: do a quick search first to see if someone else didn't ask the same question before!).
+You can also reach us at hello@react-slick.opencollective.com.
+
+## Credits
+
+### Contributors
+
+Thank you to all the people who have already contributed to react-slick!
+<a href="https://github.com/akiran/react-slick/graphs/contributors"><img src="https://opencollective.com/react-slick/contributors.svg?width=890" /></a>
+
+
+### Backers
+
+Thank you to all our backers! [[Become a backer](https://opencollective.com/react-slick#backer)]
+
+<a href="https://opencollective.com/react-slick#backers" target="_blank"><img src="https://opencollective.com/react-slick/backers.svg?width=890"></a>
+
+
+### Sponsors
+
+Thank you to all our sponsors! (please ask your company to also support this open source project by [becoming a sponsor](https://opencollective.com/react-slick#sponsor))
+
+<a href="https://opencollective.com/react-slick/sponsor/0/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/0/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/1/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/1/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/2/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/2/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/3/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/3/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/4/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/4/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/5/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/5/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/6/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/6/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/7/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/7/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/8/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/8/avatar.svg"></a>
+<a href="https://opencollective.com/react-slick/sponsor/9/website" target="_blank"><img src="https://opencollective.com/react-slick/sponsor/9/avatar.svg"></a>
+
+<!-- This `CONTRIBUTING.md` is based on @nayafia's template https://github.com/nayafia/contributing-template -->