react-router 0.0.0-experimental-4a8a492a → 0.0.0-experimental-e0f088aa

package/dist/umd/react-router.development.js

@@ -1,5 +1,5 @@
 /**
- * React Router v0.0.0-experimental-4a8a492a
+ * React Router v0.0.0-experimental-e0f088aa
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -59,12 +59,6 @@
   {
     DataRouterStateContext.displayName = "DataRouterState";
   }
-  const ViewTransitionContext = /*#__PURE__*/React__namespace.createContext({
-    isTransitioning: false
-  });
-  {
-    ViewTransitionContext.displayName = "ViewTransition";
-  }
   const AwaitContext = /*#__PURE__*/React__namespace.createContext(null);
   {
     AwaitContext.displayName = "Await";
@@ -895,36 +889,6 @@
   */
   const START_TRANSITION = "startTransition";
   const startTransitionImpl = React__namespace[START_TRANSITION];
-  function startTransitionSafe(cb) {
-    if (startTransitionImpl) {
-      startTransitionImpl(cb);
-    } else {
-      cb();
-    }
-  }
-  class Deferred {
-    // @ts-expect-error - no initializer
-
-    // @ts-expect-error - no initializer
-
-    constructor() {
-      this.status = "pending";
-      this.promise = new Promise((resolve, reject) => {
-        this.resolve = value => {
-          if (this.status === "pending") {
-            this.status = "resolved";
-            resolve(value);
-          }
-        };
-        this.reject = reason => {
-          if (this.status === "pending") {
-            this.status = "rejected";
-            reject(reason);
-          }
-        };
-      });
-    }
-  }
 
   /**
    * Given a Remix Router instance, render the appropriate UI
@@ -936,107 +900,20 @@
       future
     } = _ref;
     let [state, setStateImpl] = React__namespace.useState(router.state);
-    let [pendingState, setPendingState] = React__namespace.useState();
-    let [vtContext, setVtContext] = React__namespace.useState({
-      isTransitioning: false
-    });
-    let [renderDfd, setRenderDfd] = React__namespace.useState();
-    let [transition, setTransition] = React__namespace.useState();
-    let [interruption, setInterruption] = React__namespace.useState();
     let {
       v7_startTransition
     } = future || {};
-    let optInStartTransition = React__namespace.useCallback(cb => {
-      if (v7_startTransition) {
-        startTransitionSafe(cb);
-      } else {
-        cb();
-      }
-    }, [v7_startTransition]);
-    let setState = React__namespace.useCallback((newState, _ref2) => {
-      let {
-        viewTransitionOpts
-      } = _ref2;
-      if (!viewTransitionOpts || typeof document.startViewTransition !== "function") {
-        // Mid-navigation state update, or startViewTransition isn't available
-        optInStartTransition(() => setStateImpl(newState));
-      } else if (transition && renderDfd) {
-        // Interrupting an in-progress transition, cancel and let everything flush
-        // out, and then kick off a new transition from the interruption state
-        renderDfd.resolve();
-        transition.skipTransition();
-        setInterruption({
-          state: newState,
-          currentLocation: viewTransitionOpts.currentLocation,
-          nextLocation: viewTransitionOpts.nextLocation
-        });
+    let setState = React__namespace.useCallback(newState => {
+      if (v7_startTransition && startTransitionImpl) {
+        startTransitionImpl(() => setStateImpl(newState));
       } else {
-        // Completed navigation update with opted-in view transitions, let 'er rip
-        setPendingState(newState);
-        setVtContext({
-          isTransitioning: true,
-          currentLocation: viewTransitionOpts.currentLocation,
-          nextLocation: viewTransitionOpts.nextLocation
-        });
+        setStateImpl(newState);
       }
-    }, [optInStartTransition, transition, renderDfd]);
+    }, [setStateImpl, v7_startTransition]);
 
     // Need to use a layout effect here so we are subscribed early enough to
     // pick up on any render-driven redirects/navigations (useEffect/<Navigate>)
     React__namespace.useLayoutEffect(() => router.subscribe(setState), [router, setState]);
-
-    // When we start a view transition, create a Deferred we can use for the
-    // eventual "completed" render
-    React__namespace.useEffect(() => {
-      if (vtContext.isTransitioning) {
-        setRenderDfd(new Deferred());
-      }
-    }, [vtContext.isTransitioning]);
-
-    // Once the deferred is created, kick off startViewTransition() to update the
-    // DOM and then wait on the Deferred to resolve (indicating the DOM update has
-    // happened)
-    React__namespace.useEffect(() => {
-      if (renderDfd && pendingState) {
-        let newState = pendingState;
-        let renderPromise = renderDfd.promise;
-        let transition = document.startViewTransition(async () => {
-          optInStartTransition(() => setStateImpl(newState));
-          await renderPromise;
-        });
-        transition.finished.finally(() => {
-          setRenderDfd(undefined);
-          setTransition(undefined);
-          setPendingState(undefined);
-          setVtContext({
-            isTransitioning: false
-          });
-        });
-        setTransition(transition);
-      }
-    }, [optInStartTransition, pendingState, renderDfd]);
-
-    // When the new location finally renders and is committed to the DOM, this
-    // effect will run to resolve the transition
-    React__namespace.useEffect(() => {
-      if (renderDfd && pendingState && state.location.key === pendingState.location.key) {
-        renderDfd.resolve();
-      }
-    }, [renderDfd, transition, state.location, pendingState]);
-
-    // If we get interrupted with a new navigation during a transition, we skip
-    // the active transition, let it cleanup, then kick it off again here
-    React__namespace.useEffect(() => {
-      if (!vtContext.isTransitioning && interruption) {
-        setPendingState(interruption.state);
-        setVtContext({
-          isTransitioning: true,
-          currentLocation: interruption.currentLocation,
-          nextLocation: interruption.nextLocation
-        });
-        setInterruption(undefined);
-      }
-    }, [vtContext.isTransitioning, interruption]);
     let navigator = React__namespace.useMemo(() => {
       return {
         createHref: router.createHref,
@@ -1071,8 +948,6 @@
       value: dataRouterContext
     }, /*#__PURE__*/React__namespace.createElement(DataRouterStateContext.Provider, {
       value: state
-    }, /*#__PURE__*/React__namespace.createElement(ViewTransitionContext.Provider, {
-      value: vtContext
     }, /*#__PURE__*/React__namespace.createElement(Router, {
       basename: basename,
       location: state.location,
@@ -1081,13 +956,13 @@
     }, state.initialized ? /*#__PURE__*/React__namespace.createElement(DataRoutes, {
       routes: router.routes,
       state: state
-    }) : fallbackElement)))), null);
+    }) : fallbackElement))), null);
   }
-  function DataRoutes(_ref3) {
+  function DataRoutes(_ref2) {
     let {
       routes,
       state
-    } = _ref3;
+    } = _ref2;
     return useRoutesImpl(routes, undefined, state);
   }
   /**
@@ -1095,14 +970,14 @@
    *
    * @see https://reactrouter.com/router-components/memory-router
    */
-  function MemoryRouter(_ref4) {
+  function MemoryRouter(_ref3) {
     let {
       basename,
       children,
       initialEntries,
       initialIndex,
       future
-    } = _ref4;
+    } = _ref3;
     let historyRef = React__namespace.useRef();
     if (historyRef.current == null) {
       historyRef.current = router.createMemoryHistory({
@@ -1140,13 +1015,13 @@
    *
    * @see https://reactrouter.com/components/navigate
    */
-  function Navigate(_ref5) {
+  function Navigate(_ref4) {
     let {
       to,
       replace,
       state,
       relative
-    } = _ref5;
+    } = _ref4;
     !useInRouterContext() ? router.UNSAFE_invariant(false, // TODO: This error is probably because they somehow have 2 versions of
     // the router loaded. We can help them understand how to avoid that.
     "<Navigate> may be used only in the context of a <Router> component.")  : void 0;
@@ -1195,7 +1070,7 @@
    *
    * @see https://reactrouter.com/router-components/router
    */
-  function Router(_ref6) {
+  function Router(_ref5) {
     let {
       basename: basenameProp = "/",
       children = null,
@@ -1203,7 +1078,7 @@
       navigationType = router.Action.Pop,
       navigator,
       static: staticProp = false
-    } = _ref6;
+    } = _ref5;
     !!useInRouterContext() ? router.UNSAFE_invariant(false, "You cannot render a <Router> inside another <Router>." + " You should never have more than one in your app.")  : void 0;
 
     // Preserve trailing slashes on basename, so we can let the user control
@@ -1257,23 +1132,23 @@
    *
    * @see https://reactrouter.com/components/routes
    */
-  function Routes(_ref7) {
+  function Routes(_ref6) {
     let {
       children,
       location
-    } = _ref7;
+    } = _ref6;
     return useRoutes(createRoutesFromChildren(children), location);
   }
   /**
    * Component to use for rendering lazily loaded data from returning defer()
    * in a loader function
    */
-  function Await(_ref8) {
+  function Await(_ref7) {
     let {
       children,
       errorElement,
       resolve
-    } = _ref8;
+    } = _ref7;
     return /*#__PURE__*/React__namespace.createElement(AwaitErrorBoundary, {
       resolve: resolve,
       errorElement: errorElement
@@ -1378,10 +1253,10 @@
    * @private
    * Indirection to leverage useAsyncValue for a render-prop API on `<Await>`
    */
-  function ResolveAwait(_ref9) {
+  function ResolveAwait(_ref8) {
     let {
       children
-    } = _ref9;
+    } = _ref8;
     let data = useAsyncValue();
     let toRender = typeof children === "function" ? children(data) : children;
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, toRender);
@@ -1559,7 +1434,6 @@
   exports.UNSAFE_LocationContext = LocationContext;
   exports.UNSAFE_NavigationContext = NavigationContext;
   exports.UNSAFE_RouteContext = RouteContext;
-  exports.UNSAFE_ViewTransitionContext = ViewTransitionContext;
   exports.UNSAFE_mapRouteProperties = mapRouteProperties;
   exports.UNSAFE_useRouteId = useRouteId;
   exports.UNSAFE_useRoutesImpl = useRoutesImpl;