Merge branch 'master' into gh-pages

Author: STRML

.babelrc

@@ -0,0 +1,33 @@
+'use strict';
+
+// If set, we put Babel in "esmMode", i.e. leave import/export intact.
+// Good for webpack and for an esm build.
+const esmMode = process.env.BABEL_MODULE_TYPE === "module";
+const es6Compat = process.env.BABEL_ES_COMPAT === "6";
+
+module.exports = {
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        // Don't transpile import/export in esmMode.
+        modules: esmMode ? false : "auto",
+        targets: es6Compat ? "maintained node versions" : undefined
+      },
+    ],
+    "@babel/react",
+    "@babel/preset-flow"
+  ],
+  "plugins": [
+    "@babel/plugin-transform-flow-comments",
+    "@babel/plugin-proposal-class-properties",
+    "transform-inline-environment-variables"
+  ],
+  "env": {
+    "test": {
+      "plugins": [
+        "espower"
+      ]
+    }
+  }
+}

.babelrc.js

@@ -0,0 +1,3 @@
+> 0.25%
+ie 11
+not dead

.browserslistrc

@@ -1,5 +1,6 @@
 {
   "parser": "babel-eslint",
+  "extends": "eslint:recommended",
   "plugins": [
     "react"
   ],
@@ -12,7 +13,7 @@
     "no-console": 2,
     "no-use-before-define": [1, "nofunc"],
     "no-underscore-dangle": 0,
-    "no-unused-vars": 1,
+    "no-unused-vars": [1, {ignoreRestSiblings: true}],
     "new-cap": 0,
     "prefer-const": 1,
     "semi": 1
@@ -24,6 +25,10 @@
   globals: {
     // For Flow
     "ReactElement",
-    "ReactClass"
+    "ReactClass",
+    "$Shape",
+    "$Exact",
+    "$Keys",
+    "MouseTouchEvent",
   }
 }

.eslintrc

@@ -1,13 +1,9 @@
 [ignore]
-.*/node_modules/.*
 
 [include]
 lib/
 index.js
 
-[libs]
-interfaces/
-
 [options]
 suppress_comment=\\(.\\|\n\\)*\\s*\\$FlowFixMe.*
 suppress_comment=\\(.\\|\n\\)*\\s*\\$FlowBug.*
@@ -16,7 +12,3 @@ suppress_comment=\\(.\\|\n\\)*\\s*\\$FlowNewLine.*
 suppress_comment=\\(.\\|\n\\)*\\s*\\$FlowIssue
 esproposal.class_instance_fields=enable
 esproposal.class_static_fields=enable
-module.file_ext=.js
-module.file_ext=.jsx
-module.file_ext=.es5
-module.file_ext=.es6

.flowconfig

@@ -1,3 +1,4 @@
 .idea
 *.iml
 node_modules/
+build/

.gitignore

@@ -1,17 +1,17 @@
 language: node_js
 node_js:
-  - "4"
-  - "6"
-  - "7"
+  - "8"
+  - "10"
+  - "node" # latest
 cache: yarn
-before_script:
-  - export CHROME_BIN=chromium-browser
-  - export DISPLAY=:99.0
-  - "/sbin/start-stop-daemon --start --quiet --pidfile /tmp/custom_xvfb_99.pid --make-pidfile --background --exec /usr/bin/Xvfb -- :99 -ac -screen 0 1024x768x16"
-  - sleep 3 # give xvfb some time to start
+env:
+  - MOZ_HEADLESS=1
+addons:
+  firefox: latest
 script:
-  - npm run lint
-  - npm run test
+  - make lint
+  - make test
+  - make test-phantom
 email:
   on_failure: change
   on_success: never

.npmignore

@@ -1,5 +1,167 @@
 # Changelog
 
+### 4.3.1 (Apr 11, 2020) 
+
+> This is a bugfix release.
+
+- Happy Easter!
+- Fixed a serious bug that caused `<DraggableCore>` not to pass styles.
+  - `React.cloneElement` has an odd quirk. When you do:
+    ```js
+    return React.cloneElement(this.props.children, {style: this.props.children.props.style});
+    ```
+    , `style` ends up undefined.
+- Fixed a bug that caused debug output to show up in the build. 
+  - `babel-loader` cache does not invalidate when it should. I had modified webpack.config.js in the last version but it reused stale cache.
+
+### 4.3.0 (Apr 10, 2020)
+
+- Fix setState warning after dismount if drag still active. Harmless, but prints a warning. [#424](https://github.com/mzabriskie/react-draggable/pull/424)
+- Fix a long-standing issue where text inputs would unfocus upon dismounting a `<Draggable>`.
+  - Thanks @schnerd, [#450](https://github.com/mzabriskie/react-draggable/pull/450)
+- Fix an issue where the insides of a `<Draggable>` were not scrollable on touch devices due to the outer container having `touch-action: none`.
+    - This was a long-standing hack for mobile devices. Without it, the page will scroll while you drag the element.
+    - The new solution will simply cancel the touch event `e.preventDefault()`. However, due to changes in Chrome >= 56, this is only possible on 
+      non-passive event handlers. To fix this, we now add/remove the touchEvent on lifecycle events rather than using React's event system.
+    - [#465](https://github.com/mzabriskie/react-draggable/pull/465)
+- Upgrade devDeps and fix security warnings. None of them actually applied to this module.
+
+### 4.2.0 (Dec 2, 2019)
+
+- Fix: Apply `scale` parameter also while dragging an element. [#438](https://github.com/mzabriskie/react-draggable/pull/438)
+- Fix: Don't ship `process.env.DRAGGABLE_DEBUG` checks in cjs/esm. [#445](https://github.com/mzabriskie/react-draggable/pull/445)
+
+### 4.1.0 (Oct 25, 2019)
+
+- Add `"module"` to `package.json`. There are now three builds:
+  * **`"main"`**: ES5-compatible CJS build, suitable for most use cases with maximum compatibility.
+    - For legacy reasons, this has exports of the following shape, which ensures no surprises in CJS or ESM polyfilled environments:
+      ```js
+      module.exports = Draggable;
+      module.exports.default = Draggable;
+      module.exports.DraggableCore = DraggableCore;
+      ```
+  * **`"web"`**: Minified UMD bundle exporting to `window.ReactDraggable` with the same ES compatibility as the "main" build.
+  * **`"module"`**: ES6-compatible build using import/export.
+
+  This should fix issues like https://github.com/STRML/react-resizable/issues/113 while allowing modern bundlers to consume esm modules in the future.
+  
+  No compatibility changes are expected.
+
+### 4.0.3 (Sep 10, 2019)
+
+- Add typings and sourcemap to published npm package.
+  - This compresses well so it does not bloat the package by much. Would be nice if npm had another delivery mechanism for optional modes, like web/TS.
+
+### 4.0.2 (Sep 9, 2019)
+
+- Republish to fix packaging errors. Fixes #426
+
+### 4.0.1 (Sep 7, 2019)
+
+- Republish of 4.0.0 to fix a mistake where webpack working files were erroneously included in the package. Use this release instead as it is much smaller.
+
+### 4.0.0 (Aug 26, 2019)
+
+> This is a major release due to a React compatibility change. If you are already on React >= 16.3, this upgrade is non-breaking.
+
+- *Requires React 16.3+ due to use of `getDerivedStateFromProps`.
+  - See https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html for why this was done.
+- Upgraded build environment to Babel 7.
+- Switched build from rollup to webpack@4 to simplify.
+- Added CJS build that does not bundle `classNames` & `prop-types` into the build. This should result in marginally smaller bundle sizes for applications that use bundlers.
+- Removed Bower build.
+
+### 3.3.2 (Aug 16, 2019)
+
+- Use `all: inherit` instead of `background: transparent;` to fix selection styles.
+  - Fixes https://github.com/mzabriskie/react-draggable/issues/315
+
+### 3.3.1 (Aug 12, 2019)
+
+- Fix React 16.9 `componentWillMount` deprecation.
+
+### 3.3.0 (Apr 18, 2019)
+
+- Addition of `positionOffset` prop, which can be Numbers (px) or string percentages (like `"10%"`). See the README for more.
+
+### 3.2.1 (Mar 1, 2019)
+
+- Reverted https://github.com/mzabriskie/react-draggable/pull/361.
+
+### ~3.2.0 (Feb 27, 2019)~
+
+> Note: this release has been pulled due to an inadvertent breaking change. See https://github.com/mzabriskie/react-draggable/issues/391
+
+- Feature: `defaultPosition` now allows string offsets (like {x: '10%', y: '10%'}) then calculates deltas from there. See the examples and the PR [#361](https://github.com/mzabriskie/react-draggable/pull/361/). Thanks to @tnrich and @eric-burel.
+- Bugfix: Export `DraggableEvent` type for Flow consumers. Thanks @elie222.
+
+### 3.1.1 (Dec 21, 2018)
+
+- Bugfix: Minor type change on DraggableEventHandler TypeScript export ([#374](https://github.com/mzabriskie/react-draggable/pull/374))
+
+### 3.1.0 (Dec 21, 2018)
+
+- Feature: Added `scale` prop ([#352](https://github.com/mzabriskie/react-draggable/pull/352))
+  - Thanks, @wootencl
+- Bugfix: Remove process.browser which is missing in browser ([#329]((https://github.com/mzabriskie/react-draggable/pull/329))
+- Bugfix: Fix selection api on IE ([#292](https://github.com/mzabriskie/react-draggable/pull/292))
+- Bugfix: Fixes some issues in the type definitions for TypeScript ([#331]((https://github.com/mzabriskie/react-draggable/pull/331))
+- Bugfix: Fix compare where portal elements are different instance to main window ([#359]((https://github.com/mzabriskie/react-draggable/pull/359))
+
+### 3.0.5 (Jan 11, 2018)
+
+- Bugfix: Fix crash in test environments during removeUserSelectStyles().
+
+### 3.0.4 (Nov 27, 2017)
+
+- Bugfix: Fix "Cannot call property 'call' of undefined" (matchesSelector)
+  - Fixes [#300](https://github.com/mzabriskie/react-draggable/issues/300)
+
+### 3.0.3 (Aug 31, 2017)
+
+- Bugfix: Fix deprecation warnings caused by `import * as React` (Flow best practice).
+  - See https://github.com/facebook/react/issues/10583
+
+### 3.0.2 (Aug 22, 2017)
+
+> 3.0.0 and 3.0.1 have been unpublished due to a large logfile making it into the package.
+
+- Bugfix: Tweaked `.npmignore`.
+
+### 3.0.1 (Aug 21, 2017)
+
+- Bugfix: Flow-type should no longer throw errors for consumers.
+  - It appears Flow can't resolve a sub-package's interfaces.
+
+### 3.0.0 (Aug 21, 2017)
+
+> Due to an export change, this is semver-major.
+
+- Breaking: For TypeScript users, `<Draggable>` is now exported as `module.exports` and `module.exports.default`.
+- Potentially Breaking: We no longer set `user-select: none` on all elements while dragging. Instead,
+  the [`::selection` psuedo element](https://developer.mozilla.org/en-US/docs/Web/CSS/::selection) is used.
+  - Depending on your application, this could cause issues, so be sure to test.
+- Bugfix: Pass bounded `x`/`y` to callbacks. See [#226](https://github.com/mzabriskie/react-draggable/pull/226).
+- Internal: Upgraded dependencies.
+
+### 2.2.6 (Apr 30, 2017)
+
+- Bugfix: Missing export default on TS definition (thanks @lostfictions)
+- Internal: TS test suite (thanks @lostfictions)
+
+### 2.2.5 (Apr 28, 2017)
+
+- Bugfix: Typescript definition was incorrect. [#244](https://github.com/mzabriskie/react-draggable/issues/244)
+
+### 2.2.4 (Apr 27, 2017)
+
+- Internal: Moved `PropTypes` access to `prop-types` package for React 15.5 (prep for 16)
+- Feature: Added TypeScript definitions (thanks @erfangc)
+- Bugfix: No longer can erroneously add user-select style multiple times
+- Bugfix: OffsetParent with padding problem, fixes [#218](https://github.com/mzabriskie/react-draggable/issues/218)
+- Refactor: Misc example updates.
+
 ### 2.2.3 (Nov 21, 2016)
 
 - Bugfix: Fix an issue with the entire window scrolling on a drag on iDevices. Thanks @JaneCoder. See #183