@koordinates/xstate-tree 4.1.0-beta.4 → 4.1.0-beta.6

package/lib/builders.js

@@ -122,7 +122,7 @@ export function createXStateTreeMachine(machine, options) {
     const xstateTreeMeta = {
         selectors,
         actions,
-        view: options.view,
+        View: options.View,
         slots: (_c = options.slots) !== null && _c !== void 0 ? _c : [],
     };
     machine.meta = {

package/lib/index.js

@@ -3,6 +3,6 @@ export * from "./slots";
 export { broadcast, buildRootComponent, onBroadcast } from "./xstateTree";
 export * from "./types";
 export { buildTestRootComponent, buildViewProps, genericSlotsTestingDummy, slotTestingDummyFactory, } from "./testingUtilities";
-export { Link, buildCreateRoute, matchRoute, useIsRouteActive, useRouteArgsIfActive, } from "./routing";
+export { Link, buildCreateRoute, matchRoute, useIsRouteActive, useRouteArgsIfActive, TestRoutingContext, } from "./routing";
 export { loggingMetaOptions } from "./useService";
 export { lazy } from "./lazy";

package/lib/routing/index.js

@@ -5,4 +5,4 @@ export { matchRoute } from "./matchRoute";
 export { handleLocationChange, } from "./handleLocationChange";
 export { useIsRouteActive } from "./useIsRouteActive";
 export { useRouteArgsIfActive } from "./useRouteArgsIfActive";
-export { RoutingContext } from "./providers";
+export { RoutingContext, TestRoutingContext } from "./providers";

package/lib/routing/providers.js

@@ -1,3 +1,4 @@
+import React from "react";
 import { createContext, useContext } from "react";
 export const RoutingContext = createContext(undefined);
 function useRoutingContext() {
@@ -17,3 +18,14 @@ export function useActiveRouteEvents() {
         return undefined;
     }
 }
+/**
+ * @public
+ *
+ * Renders the xstate-tree routing context. Designed for use in tests/storybook
+ * for components that make use of routing hooks but aren't part of an xstate-tree view
+ *
+ * @param activeRouteEvents - The active route events to use in the context
+ */
+export function TestRoutingContext({ activeRouteEvents, children, }) {
+    return (React.createElement(RoutingContext.Provider, { value: { activeRouteEvents: { current: activeRouteEvents } } }, children));
+}

package/lib/xstate-tree.d.ts

@@ -697,6 +697,19 @@ declare type States = {
  */
 export declare type StyledLink<TStyleProps = {}> = <TRoute extends AnyRoute>(props: LinkProps<TRoute> & TStyleProps) => JSX.Element;
 
+/**
+ * @public
+ *
+ * Renders the xstate-tree routing context. Designed for use in tests/storybook
+ * for components that make use of routing hooks but aren't part of an xstate-tree view
+ *
+ * @param activeRouteEvents - The active route events to use in the context
+ */
+export declare function TestRoutingContext({ activeRouteEvents, children, }: {
+    activeRouteEvents: RoutingEvent<any>[];
+    children: React_2.ReactNode;
+}): JSX.Element;
+
 /**
  * @public
  * Accepts Routes and returns true if any route is currently active. False if not.
@@ -731,7 +744,7 @@ export declare type V2BuilderMeta<TMachine extends AnyStateMachine, TSelectorsOu
     selectors?: Selectors<TMachine, TSelectorsOutput>;
     actions?: Actions<TMachine, TSelectorsOutput, TActionsOutput>;
     slots?: TSlots;
-    view: View<TActionsOutput, TSelectorsOutput, TSlots>;
+    View: View<TActionsOutput, TSelectorsOutput, TSlots>;
 };
 
 /**

package/lib/xstateTree.js

@@ -165,7 +165,7 @@ export function XstateTreeView({ interpreter }) {
             const ViewV1 = interpreter.machine.meta.view;
             return (React.createElement(ViewV1, { selectors: selectorsRef.current, actions: actions, slots: slots, inState: inState }));
         case 2:
-            const ViewV2 = interpreter.machine.meta.view;
+            const ViewV2 = interpreter.machine.meta.View;
             return (React.createElement(ViewV2, { selectors: selectorsRef.current, actions: actions, slots: slots }));
         default:
             throw new Error("builderVersion not set");
@@ -199,8 +199,17 @@ export function buildRootComponent(machine, routing) {
     if (!machine.meta) {
         throw new Error("Root machine has no meta");
     }
-    if (!machine.meta.view) {
-        throw new Error("Root machine has no associated view");
+    switch (machine.meta.builderVersion) {
+        case 1:
+            if (!machine.meta.view) {
+                throw new Error("Root machine has no associated view");
+            }
+            break;
+        case 2:
+            if (!machine.meta.View) {
+                throw new Error("Root machine has no associated view");
+            }
+            break;
     }
     const RootComponent = function XstateTreeRootComponent() {
         const [_, __, interpreter] = useMachine(machine, { devTools: true });

package/package.json

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