@koordinates/xstate-tree 4.6.4 → 4.6.6

package/lib/routing/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActiveRouteEvents = exports.useInRoutingContext = exports.TestRoutingContext = exports.RoutingContext = exports.useRouteArgsIfActive = exports.useIsRouteActive = exports.handleLocationChange = exports.matchRoute = exports.Link = exports.joinRoutes = exports.buildCreateRoute = void 0;
+exports.useActiveRouteEvents = exports.useInTestRoutingContext = exports.useInRoutingContext = exports.TestRoutingContext = exports.RoutingContext = exports.useRouteArgsIfActive = exports.useIsRouteActive = exports.handleLocationChange = exports.matchRoute = exports.Link = exports.joinRoutes = exports.buildCreateRoute = void 0;
 var createRoute_1 = require("./createRoute");
 Object.defineProperty(exports, "buildCreateRoute", { enumerable: true, get: function () { return createRoute_1.buildCreateRoute; } });
 var joinRoutes_1 = require("./joinRoutes");
@@ -19,4 +19,5 @@ var providers_1 = require("./providers");
 Object.defineProperty(exports, "RoutingContext", { enumerable: true, get: function () { return providers_1.RoutingContext; } });
 Object.defineProperty(exports, "TestRoutingContext", { enumerable: true, get: function () { return providers_1.TestRoutingContext; } });
 Object.defineProperty(exports, "useInRoutingContext", { enumerable: true, get: function () { return providers_1.useInRoutingContext; } });
+Object.defineProperty(exports, "useInTestRoutingContext", { enumerable: true, get: function () { return providers_1.useInTestRoutingContext; } });
 Object.defineProperty(exports, "useActiveRouteEvents", { enumerable: true, get: function () { return providers_1.useActiveRouteEvents; } });

package/lib/routing/providers.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TestRoutingContext = exports.useActiveRouteEvents = exports.useInRoutingContext = exports.RoutingContext = void 0;
+exports.TestRoutingContext = exports.useActiveRouteEvents = exports.useInTestRoutingContext = exports.useInRoutingContext = exports.RoutingContext = void 0;
 const react_1 = __importDefault(require("react"));
 const react_2 = require("react");
 exports.RoutingContext = (0, react_2.createContext)(undefined);
@@ -22,6 +22,15 @@ function useInRoutingContext() {
     return context !== undefined;
 }
 exports.useInRoutingContext = useInRoutingContext;
+/**
+ * @private
+ */
+function useInTestRoutingContext() {
+    var _a;
+    const context = (0, react_2.useContext)(exports.RoutingContext);
+    return (_a = context === null || context === void 0 ? void 0 : context.isTestRoutingContext) !== null && _a !== void 0 ? _a : false;
+}
+exports.useInTestRoutingContext = useInTestRoutingContext;
 /**
  * @public
  *
@@ -47,6 +56,9 @@ exports.useActiveRouteEvents = useActiveRouteEvents;
  * @param activeRouteEvents - The active route events to use in the context
  */
 function TestRoutingContext({ activeRouteEvents, children, }) {
-    return (react_1.default.createElement(exports.RoutingContext.Provider, { value: { activeRouteEvents: { current: activeRouteEvents } } }, children));
+    return (react_1.default.createElement(exports.RoutingContext.Provider, { value: {
+            activeRouteEvents: { current: activeRouteEvents },
+            isTestRoutingContext: true,
+        } }, children));
 }
 exports.TestRoutingContext = TestRoutingContext;

package/lib/xstate-tree.d.ts

@@ -865,7 +865,7 @@ export declare type ViewProps<TSelectors, TActions, TSlots extends readonly Slot
  * @param view - the React view you want to invoke in an xstate machine
  * @returns The view wrapped into an xstate-tree machine, ready to be invoked by other xstate machines or used with `buildRootComponent`
  */
-export declare function viewToMachine(view: () => JSX.Element): AnyXstateTreeMachine;
+export declare function viewToMachine(view: (args?: any) => JSX.Element | null): AnyXstateTreeMachine;
 
 /**
  * @public

package/lib/xstateTree.js

@@ -32,7 +32,6 @@ const fast_memoize_1 = __importDefault(require("fast-memoize"));
 const react_2 = __importStar(require("react"));
 const tiny_emitter_1 = require("tiny-emitter");
 const routing_1 = require("./routing");
-const providers_1 = require("./routing/providers");
 const useConstant_1 = require("./useConstant");
 const useService_1 = require("./useService");
 const utils_1 = require("./utils");
@@ -70,7 +69,7 @@ interpreter) {
 }
 const getViewForInterpreter = (0, fast_memoize_1.default)((interpreter) => {
     return react_2.default.memo(function InterpreterView() {
-        const activeRouteEvents = (0, providers_1.useActiveRouteEvents)();
+        const activeRouteEvents = (0, routing_1.useActiveRouteEvents)();
         (0, react_2.useEffect)(() => {
             if (activeRouteEvents) {
                 activeRouteEvents.forEach((event) => {
@@ -255,7 +254,10 @@ function buildRootComponent(machine, routing) {
             activeRouteEventsRef.current = events;
         };
         const insideRoutingContext = (0, routing_1.useInRoutingContext)();
-        if (insideRoutingContext && typeof routing !== "undefined") {
+        const inTestRoutingContext = (0, routing_1.useInTestRoutingContext)();
+        if (!inTestRoutingContext &&
+            insideRoutingContext &&
+            typeof routing !== "undefined") {
             const m = "Routing root rendered inside routing context, this implies a bug";
             if (process.env.NODE_ENV !== "production") {
                 throw new Error(m);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@koordinates/xstate-tree",
   "main": "lib/index.js",
   "types": "lib/xstate-tree.d.ts",
-  "version": "4.6.4",
+  "version": "4.6.6",
   "license": "MIT",
   "description": "Build UIs with Actors using xstate and React",
   "keywords": [