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

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.

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.5",
+  "version": "4.1.0-beta.6",
   "license": "MIT",
   "description": "Build UIs with Actors using xstate and React",
   "keywords": [