@koordinates/xstate-tree
Version:
Build UIs with Actors using xstate and React
63 lines (62 loc) • 2.21 kB
JavaScript
;
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.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);
function useRoutingContext() {
const context = (0, react_2.useContext)(exports.RoutingContext);
if (context === undefined) {
throw new Error("useRoutingContext must be used within a RoutingContext provider");
}
return context;
}
/**
* @private
*/
function useInRoutingContext() {
const context = (0, react_2.useContext)(exports.RoutingContext);
return context !== undefined;
}
exports.useInRoutingContext = useInRoutingContext;
/**
* @private
*/
function useInTestRoutingContext() {
const context = (0, react_2.useContext)(exports.RoutingContext);
return context?.isTestRoutingContext ?? false;
}
exports.useInTestRoutingContext = useInTestRoutingContext;
/**
* @public
*
* Returns the list of active routing events, or undefined if there are none / used outside of an xstate-tree routing context
*/
function useActiveRouteEvents() {
try {
const context = useRoutingContext();
return context.activeRouteEvents?.current;
}
catch {
return undefined;
}
}
exports.useActiveRouteEvents = useActiveRouteEvents;
/**
* @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
*/
function TestRoutingContext({ activeRouteEvents, children, }) {
return (react_1.default.createElement(exports.RoutingContext.Provider, { value: {
activeRouteEvents: { current: activeRouteEvents },
isTestRoutingContext: true,
} }, children));
}
exports.TestRoutingContext = TestRoutingContext;