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

package/dist/cjs/index.js

@@ -143,7 +143,7 @@ var updateState = function updateState(_ref) {
 
 var useTransitionMap = function useTransitionMap(_temp) {
   var _ref2 = _temp === void 0 ? {} : _temp,
-      singleEnter = _ref2.singleEnter,
+      allowMultiple = _ref2.allowMultiple,
       _ref2$enter = _ref2.enter,
       enter = _ref2$enter === void 0 ? true : _ref2$enter,
       _ref2$exit = _ref2.exit,
@@ -262,7 +262,7 @@ var useTransitionMap = function useTransitionMap(_temp) {
     if (toEnter) {
       if (!enterStage) {
         transitState(enter ? preEnter ? PRE_ENTER : ENTERING : ENTERED);
-        singleEnter && latestStateMap.current.forEach(function (_, _key) {
+        !allowMultiple && latestStateMap.current.forEach(function (_, _key) {
           return _key !== key && toggle(_key, false);
         });
       }
@@ -271,7 +271,7 @@ var useTransitionMap = function useTransitionMap(_temp) {
         transitState(exit ? preExit ? PRE_EXIT : EXITING : startOrEnd(unmountOnExit));
       }
     }
-  }, [onChange, endTransition, singleEnter, enter, exit, preEnter, preExit, enterTimeout, exitTimeout, unmountOnExit]);
+  }, [onChange, endTransition, allowMultiple, enter, exit, preEnter, preExit, enterTimeout, exitTimeout, unmountOnExit]);
   return {
     stateMap: stateMap,
     toggle: toggle,

package/dist/es/hooks/useTransitionMap.js

@@ -25,7 +25,7 @@ var updateState = function updateState(_ref) {
 
 var useTransitionMap = function useTransitionMap(_temp) {
   var _ref2 = _temp === void 0 ? {} : _temp,
-      singleEnter = _ref2.singleEnter,
+      allowMultiple = _ref2.allowMultiple,
       _ref2$enter = _ref2.enter,
       enter = _ref2$enter === void 0 ? true : _ref2$enter,
       _ref2$exit = _ref2.exit,
@@ -144,7 +144,7 @@ var useTransitionMap = function useTransitionMap(_temp) {
     if (toEnter) {
       if (!enterStage) {
         transitState(enter ? preEnter ? PRE_ENTER : ENTERING : ENTERED);
-        singleEnter && latestStateMap.current.forEach(function (_, _key) {
+        !allowMultiple && latestStateMap.current.forEach(function (_, _key) {
           return _key !== key && toggle(_key, false);
         });
       }
@@ -153,7 +153,7 @@ var useTransitionMap = function useTransitionMap(_temp) {
         transitState(exit ? preExit ? PRE_EXIT : EXITING : startOrEnd(unmountOnExit));
       }
     }
-  }, [onChange, endTransition, singleEnter, enter, exit, preEnter, preExit, enterTimeout, exitTimeout, unmountOnExit]);
+  }, [onChange, endTransition, allowMultiple, enter, exit, preEnter, preExit, enterTimeout, exitTimeout, unmountOnExit]);
   return {
     stateMap: stateMap,
     toggle: toggle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-transition-state",
-  "version": "2.0.0-alpha.0",
+  "version": "2.0.0-alpha.1",
   "description": "Zero dependency React transition state machine.",
   "author": "Zheng Song",
   "license": "MIT",

package/types/index.d.ts

@@ -7,12 +7,12 @@ export type TransitionStatus =
   | 'exited'
   | 'unmounted';
 
-export interface TransitionState {
+export type TransitionState = Readonly<{
   status: TransitionStatus;
   isMounted: boolean;
   isEnter: boolean;
   isResolved: boolean;
-}
+}>;
 
 export interface TransitionOptions {
   initialEntered?: boolean;
@@ -31,7 +31,7 @@ export interface TransitionItemOptions {
 }
 
 export interface TransitionMapOptions<K> extends Omit<TransitionOptions, 'onStateChange'> {
-  singleEnter?: boolean;
+  allowMultiple?: boolean;
   onStateChange?: (event: { key: K; current: TransitionState }) => void;
 }