react-transition-state 1.2.0-alpha.0 → 1.2.0-alpha.1

package/dist/es/hooks/useTransition.js

@@ -0,0 +1,85 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { ENTERED, startOrEnd, getTimeout, getEndState, PRE_EXIT, EXITING, STATES, PRE_ENTER, ENTERING } from './utils.js';
+
+var updateState = function updateState(state, setState, latestState, timeoutId, onChange) {
+  clearTimeout(timeoutId.current);
+  setState(state);
+  latestState.current = state;
+  onChange && onChange({
+    state: STATES[state]
+  });
+};
+
+var useTransition = function useTransition(_temp) {
+  var _ref = _temp === void 0 ? {} : _temp,
+      _ref$enter = _ref.enter,
+      enter = _ref$enter === void 0 ? true : _ref$enter,
+      _ref$exit = _ref.exit,
+      exit = _ref$exit === void 0 ? true : _ref$exit,
+      preEnter = _ref.preEnter,
+      preExit = _ref.preExit,
+      timeout = _ref.timeout,
+      initialEntered = _ref.initialEntered,
+      mountOnEnter = _ref.mountOnEnter,
+      unmountOnExit = _ref.unmountOnExit,
+      onChange = _ref.onChange;
+
+  var _useState = useState(initialEntered ? ENTERED : startOrEnd(mountOnEnter)),
+      state = _useState[0],
+      setState = _useState[1];
+
+  var latestState = useRef(state);
+  var timeoutId = useRef();
+
+  var _getTimeout = getTimeout(timeout),
+      enterTimeout = _getTimeout[0],
+      exitTimeout = _getTimeout[1];
+
+  var endTransition = useCallback(function () {
+    var newState = getEndState(latestState.current, unmountOnExit);
+    newState && updateState(newState, setState, latestState, timeoutId, onChange);
+  }, [onChange, unmountOnExit]);
+  var toggle = useCallback(function (toEnter) {
+    var transitState = function transitState(newState) {
+      updateState(newState, setState, latestState, timeoutId, onChange);
+
+      switch (newState) {
+        case ENTERING:
+          if (enterTimeout >= 0) timeoutId.current = setTimeout(endTransition, enterTimeout);
+          break;
+
+        case EXITING:
+          if (exitTimeout >= 0) timeoutId.current = setTimeout(endTransition, exitTimeout);
+          break;
+
+        case PRE_ENTER:
+        case PRE_EXIT:
+          timeoutId.current = setTimeout(function () {
+            return transitState(newState + 1);
+          }, 0);
+          break;
+      }
+    };
+
+    var enterStage = latestState.current <= ENTERED;
+    if (typeof toEnter !== 'boolean') toEnter = !enterStage;
+
+    if (toEnter) {
+      if (!enterStage) {
+        transitState(enter ? preEnter ? PRE_ENTER : ENTERING : ENTERED);
+      }
+    } else {
+      if (enterStage) {
+        transitState(exit ? preExit ? PRE_EXIT : EXITING : startOrEnd(unmountOnExit));
+      }
+    }
+  }, [endTransition, onChange, enter, exit, preEnter, preExit, enterTimeout, exitTimeout, unmountOnExit]);
+  useEffect(function () {
+    return function () {
+      return clearTimeout(timeoutId.current);
+    };
+  }, []);
+  return [STATES[state], toggle, endTransition];
+};
+
+export { useTransition };

package/dist/{index.es.js → es/hooks/useTransitionMap.js}

@@ -1,111 +1,5 @@
-import { useState, useRef, useCallback, useEffect } from 'react';
-
-var PRE_ENTER = 0;
-var ENTERING = 1;
-var ENTERED = 2;
-var PRE_EXIT = 3;
-var EXITING = 4;
-var EXITED = 5;
-var UNMOUNTED = 6;
-var STATES = ['preEnter', 'entering', 'entered', 'preExit', 'exiting', 'exited', 'unmounted'];
-var startOrEnd = function startOrEnd(unmounted) {
-  return unmounted ? UNMOUNTED : EXITED;
-};
-var getEndState = function getEndState(state, unmountOnExit) {
-  switch (state) {
-    case ENTERING:
-    case PRE_ENTER:
-      return ENTERED;
-
-    case EXITING:
-    case PRE_EXIT:
-      return startOrEnd(unmountOnExit);
-  }
-};
-var getTimeout = function getTimeout(timeout) {
-  return typeof timeout === 'object' ? [timeout.enter, timeout.exit] : [timeout, timeout];
-};
-
-var updateState$1 = function updateState(state, setState, latestState, timeoutId, onChange) {
-  clearTimeout(timeoutId.current);
-  setState(state);
-  latestState.current = state;
-  onChange && onChange({
-    state: STATES[state]
-  });
-};
-
-var useTransition = function useTransition(_temp) {
-  var _ref = _temp === void 0 ? {} : _temp,
-      _ref$enter = _ref.enter,
-      enter = _ref$enter === void 0 ? true : _ref$enter,
-      _ref$exit = _ref.exit,
-      exit = _ref$exit === void 0 ? true : _ref$exit,
-      preEnter = _ref.preEnter,
-      preExit = _ref.preExit,
-      timeout = _ref.timeout,
-      initialEntered = _ref.initialEntered,
-      mountOnEnter = _ref.mountOnEnter,
-      unmountOnExit = _ref.unmountOnExit,
-      onChange = _ref.onChange;
-
-  var _useState = useState(initialEntered ? ENTERED : startOrEnd(mountOnEnter)),
-      state = _useState[0],
-      setState = _useState[1];
-
-  var latestState = useRef(state);
-  var timeoutId = useRef();
-
-  var _getTimeout = getTimeout(timeout),
-      enterTimeout = _getTimeout[0],
-      exitTimeout = _getTimeout[1];
-
-  var endTransition = useCallback(function () {
-    var newState = getEndState(latestState.current, unmountOnExit);
-    newState && updateState$1(newState, setState, latestState, timeoutId, onChange);
-  }, [onChange, unmountOnExit]);
-  var toggle = useCallback(function (toEnter) {
-    var transitState = function transitState(newState) {
-      updateState$1(newState, setState, latestState, timeoutId, onChange);
-
-      switch (newState) {
-        case ENTERING:
-          if (enterTimeout >= 0) timeoutId.current = setTimeout(endTransition, enterTimeout);
-          break;
-
-        case EXITING:
-          if (exitTimeout >= 0) timeoutId.current = setTimeout(endTransition, exitTimeout);
-          break;
-
-        case PRE_ENTER:
-        case PRE_EXIT:
-          timeoutId.current = setTimeout(function () {
-            return transitState(newState + 1);
-          }, 0);
-          break;
-      }
-    };
-
-    var enterStage = latestState.current <= ENTERED;
-    if (typeof toEnter !== 'boolean') toEnter = !enterStage;
-
-    if (toEnter) {
-      if (!enterStage) {
-        transitState(enter ? preEnter ? PRE_ENTER : ENTERING : ENTERED);
-      }
-    } else {
-      if (enterStage) {
-        transitState(exit ? preExit ? PRE_EXIT : EXITING : startOrEnd(unmountOnExit));
-      }
-    }
-  }, [endTransition, onChange, enter, exit, preEnter, preExit, enterTimeout, exitTimeout, unmountOnExit]);
-  useEffect(function () {
-    return function () {
-      return clearTimeout(timeoutId.current);
-    };
-  }, []);
-  return [STATES[state], toggle, endTransition];
-};
+import { useState, useRef, useCallback } from 'react';
+import { ENTERED, startOrEnd, getEndState, PRE_EXIT, EXITING, PRE_ENTER, ENTERING, STATES, getTimeout } from './utils.js';
 
 var initialStateMap = new Map();
 var initialConfigMap = new Map();
@@ -258,4 +152,4 @@ var useTransitionMap = function useTransitionMap() {
   };
 };
 
-export { useTransition as default, useTransition, useTransitionMap };
+export { useTransitionMap };

package/dist/es/hooks/utils.js

@@ -0,0 +1,27 @@
+var PRE_ENTER = 0;
+var ENTERING = 1;
+var ENTERED = 2;
+var PRE_EXIT = 3;
+var EXITING = 4;
+var EXITED = 5;
+var UNMOUNTED = 6;
+var STATES = ['preEnter', 'entering', 'entered', 'preExit', 'exiting', 'exited', 'unmounted'];
+var startOrEnd = function startOrEnd(unmounted) {
+  return unmounted ? UNMOUNTED : EXITED;
+};
+var getEndState = function getEndState(state, unmountOnExit) {
+  switch (state) {
+    case ENTERING:
+    case PRE_ENTER:
+      return ENTERED;
+
+    case EXITING:
+    case PRE_EXIT:
+      return startOrEnd(unmountOnExit);
+  }
+};
+var getTimeout = function getTimeout(timeout) {
+  return typeof timeout === 'object' ? [timeout.enter, timeout.exit] : [timeout, timeout];
+};
+
+export { ENTERED, ENTERING, EXITED, EXITING, PRE_ENTER, PRE_EXIT, STATES, UNMOUNTED, getEndState, getTimeout, startOrEnd };

package/dist/es/index.js

@@ -0,0 +1,2 @@
+export { useTransition as default, useTransition } from './hooks/useTransition.js';
+export { useTransitionMap } from './hooks/useTransitionMap.js';

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "react-transition-state",
-  "version": "1.2.0-alpha.0",
+  "version": "1.2.0-alpha.1",
   "description": "Zero dependency, 0.7KB react-transition-group alternative.",
   "author": "Zheng Song",
   "license": "MIT",
   "repository": "szhsin/react-transition-state",
   "homepage": "https://szhsin.github.io/react-transition-state/",
-  "main": "dist/index.js",
-  "module": "dist/index.es.js",
+  "main": "dist/cjs/index.js",
+  "module": "dist/es/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,
   "files": [