Use react-context-toolbox for passing context value into props. Remove fallback and require peerDependency react >=16.3.0. Simplify tests.

Author: errendir

package.json

@@ -50,13 +50,14 @@
     ]
   },
   "peerDependencies": {
-    "react": ">=15.0.0",
-    "react-dom": ">=15.0.0"
+    "react": ">=16.3.0",
+    "react-dom": ">=16.3.0"
   },
   "dependencies": {
     "dom-helpers": "^3.3.1",
     "loose-envify": "^1.4.0",
     "prop-types": "^15.6.2",
+    "react-context-toolbox": "^1.2.2",
     "react-lifecycles-compat": "^3.0.4"
   },
   "devDependencies": {
@@ -86,9 +87,9 @@
     "husky": "^1.0.0-rc.15",
     "jest": "^23.6.0",
     "prettier": "^1.14.3",
-    "react": "^16.5.2",
-    "react-dom": "^16.5.2",
-    "react-test-renderer": "^16.5.2",
+    "react": "^16.6.0",
+    "react-dom": "^16.6.0",
+    "react-test-renderer": "^16.6.0",
     "release-script": "^1.0.2",
     "rimraf": "^2.6.1",
     "semantic-release": "^15.9.16",

src/TransitionGroupContext.js

@@ -1,47 +1,15 @@
 import * as PropTypes from 'prop-types'
 import React from 'react'
+import mapContextToProps from 'react-context-toolbox/lib/mapContextToProps'
 
-const TransitionGroupContext = React.createContext && React.createContext(null)
+const { Provider, Consumer } = React.createContext(null)
 
 export const transitionGroupContextPropType = PropTypes.shape({
   isMounting: PropTypes.bool.isRequired
 })
 
-const Consumer = (TransitionGroupContext && TransitionGroupContext.Consumer) || class Consumer extends React.Component {
-  static contextTypes = {
-    transitionGroup: PropTypes.object,
-  }
-  render() {
-    return this.props.children(this.context.transitionGroup)
-  }
-}
-
-const Provider = (TransitionGroupContext && TransitionGroupContext.Provider) || class Provider extends React.Component {
-  static childContextTypes = {
-    transitionGroup: transitionGroupContextPropType,
-  }
-  static propTypes = {
-    value: transitionGroupContextPropType
-  }
-  getChildContext() {
-    return { transitionGroup: this.props.value }
-  }
-  render() { return this.props.children }
-}
-
 export function withTransitionGroup(ComponentToWrap) {
-  return class WithTransitionGroup extends React.Component {
-    static displayName = `withTransitionGroup(${ComponentToWrap.displayName || ComponentToWrap.name})`
-    static __TestingStatefulComponent = ComponentToWrap
-    render() {
-      const { __testingRef, ...restProps } = this.props
-      return (
-        <Consumer>
-          {transitionGroup => <ComponentToWrap ref={__testingRef} {...restProps} transitionGroup={transitionGroup} />}
-        </Consumer>
-      )
-    }
-  }
+  return mapContextToProps(Consumer, value => ({ transitionGroup: value }), ComponentToWrap)
 }
 
 export { Provider }

test/Transition-test.js

@@ -21,7 +21,7 @@ jasmine.addMatchers({
 })
 
 function findStatefulInstance(wrapper) {
-  return wrapper.find(Transition.__TestingStatefulComponent).instance()
+  return wrapper.find('Transition').instance()
 }
 
 describe('Transition', () => {
@@ -268,7 +268,7 @@ describe('Transition', () => {
 
         return (
           <Transition
-            __testingRef={transition => this.transition = this.transition || transition}
+            ref={transition => this.transition = this.transition || transition}
             mountOnEnter
             in={this.state.in}
             timeout={10}
@@ -341,7 +341,7 @@ describe('Transition', () => {
 
         return (
           <Transition
-            __testingRef={transition => this.transition = this.transition || transition}
+            ref={transition => this.transition = this.transition || transition}
             unmountOnExit
             in={this.state.in}
             timeout={10}

yarn.lock

@@ -9903,6 +9903,10 @@ rc@^1.0.1, rc@^1.1.6, rc@^1.2.7, rc@^1.2.8:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
+react-context-toolbox@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/react-context-toolbox/-/react-context-toolbox-1.2.2.tgz#3fd9a07b0618ae398d232098a04c2b9f0abdbb86"
+
 react-dev-utils@^5.0.0:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-5.0.1.tgz#1f396e161fe44b595db1b186a40067289bf06613"
@@ -9938,14 +9942,14 @@ react-docgen@^3.0.0-beta11:
     node-dir "^0.1.10"
     recast "^0.12.6"
 
-react-dom@^16.5.2:
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.5.2.tgz#b69ee47aa20bab5327b2b9d7c1fe2a30f2cfa9d7"
+react-dom@^16.6.0:
+  version "16.6.0"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.6.0.tgz#6375b8391e019a632a89a0988bce85f0cc87a92f"
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
     prop-types "^15.6.2"
-    schedule "^0.5.0"
+    scheduler "^0.10.0"
 
 react-error-overlay@^4.0.0:
   version "4.0.0"
@@ -9991,6 +9995,10 @@ react-is@^16.5.2:
   version "16.5.2"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.5.2.tgz#e2a7b7c3f5d48062eb769fcb123505eb928722e3"
 
+react-is@^16.6.0:
+  version "16.6.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.6.0.tgz#456645144581a6e99f6816ae2bd24ee94bdd0c01"
+
 react-lifecycles-compat@^3.0.0, react-lifecycles-compat@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
@@ -10027,14 +10035,14 @@ react-test-renderer@^16.0.0-0:
     prop-types "^15.6.0"
     react-is "^16.4.1"
 
-react-test-renderer@^16.5.2:
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.5.2.tgz#92e9d2c6f763b9821b2e0b22f994ee675068b5ae"
+react-test-renderer@^16.6.0:
+  version "16.6.0"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.6.0.tgz#fe490096bed55c3f4e92c023da3b89f9d03fceb3"
   dependencies:
     object-assign "^4.1.1"
     prop-types "^15.6.2"
-    react-is "^16.5.2"
-    schedule "^0.5.0"
+    react-is "^16.6.0"
+    scheduler "^0.10.0"
 
 react-transition-group@^2.0.0:
   version "2.3.1"
@@ -10055,14 +10063,14 @@ react-treebeard@^2.1.0:
     shallowequal "^0.2.2"
     velocity-react "^1.3.1"
 
-react@^16.5.2:
-  version "16.5.2"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.5.2.tgz#19f6b444ed139baa45609eee6dc3d318b3895d42"
+react@^16.6.0:
+  version "16.6.0"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.6.0.tgz#b34761cfaf3e30f5508bc732fb4736730b7da246"
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
     prop-types "^15.6.2"
-    schedule "^0.5.0"
+    scheduler "^0.10.0"
 
 read-cmd-shim@^1.0.1, read-cmd-shim@~1.0.1:
   version "1.0.1"
@@ -10752,10 +10760,11 @@ sax@^1.2.4, sax@~1.2.1, sax@~1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
 
-schedule@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/schedule/-/schedule-0.5.0.tgz#c128fffa0b402488b08b55ae74bb9df55cc29cc8"
+scheduler@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.10.0.tgz#7988de90fe7edccc774ea175a783e69c40c521e1"
   dependencies:
+    loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
 schema-utils@^0.3.0: