@xstate/react 7.0.0-alpha.6 → 7.0.0-alpha.7

package/dist/declarations/src/createActorContext.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { Actor, ActorOptions, AnyActorLogic, SnapshotFrom } from 'xstate';
+/** @public */
 export declare function createActorContext<TLogic extends AnyActorLogic>(actorLogic: TLogic, actorOptions?: ActorOptions<TLogic>): {
     useSelector: <T>(selector: (snapshot: SnapshotFrom<TLogic>) => T, compare?: (a: T, b: T) => boolean) => T;
     useActorRef: () => Actor<TLogic>;

package/dist/declarations/src/shallowEqual.d.ts

@@ -1 +1,2 @@
+/** @public */
 export declare function shallowEqual(objA: any, objB: any): boolean;

package/dist/declarations/src/useActor.d.ts

@@ -1,4 +1,5 @@
 import { Actor, ActorOptions, AnyActorLogic, SnapshotFrom, type ConditionalRequired, type IsNotNever, type RequiredActorOptionsKeys, type RequiredActorOptionsFor } from 'xstate';
+/** @public */
 export declare function useActor<TLogic extends AnyActorLogic>(logic: TLogic, ...[options]: ConditionalRequired<[
     options?: ActorOptions<TLogic> & RequiredActorOptionsFor<TLogic>
 ], IsNotNever<RequiredActorOptionsKeys<TLogic>>>): [SnapshotFrom<TLogic>, Actor<TLogic>['send'], Actor<TLogic>];

package/dist/declarations/src/useActorRef.d.ts

@@ -3,6 +3,7 @@ export declare function useIdleActorRef<TLogic extends AnyActorLogic>(logic: TLo
     options?: ActorOptions<TLogic> & RequiredActorOptionsFor<TLogic>
 ], IsNotNever<RequiredActorOptionsKeys<TLogic>>>): [Actor<TLogic>, (actorRef: Actor<TLogic>) => void];
 export declare function useActorLifecycle<TLogic extends AnyActorLogic>(actorRef: Actor<TLogic>, setActorRef: (actorRef: Actor<TLogic>) => void, createReplacement: () => Actor<TLogic>): void;
+/** @public */
 export declare function useActorRef<TLogic extends AnyActorLogic>(machine: TLogic, ...[options, observerOrListener]: IsNotNever<RequiredActorOptionsKeys<TLogic>> extends true ? [
     options: ActorOptions<TLogic> & RequiredActorOptionsFor<TLogic>,
     observerOrListener?: Observer<SnapshotFrom<TLogic>> | ((value: SnapshotFrom<TLogic>) => void)

package/dist/declarations/src/useMachine.d.ts

@@ -1,5 +1,10 @@
 import { Actor, ActorOptions, AnyStateMachine, StateFrom, type ConditionalRequired, type IsNotNever, type RequiredActorOptionsKeys, type RequiredActorOptionsFor } from 'xstate';
-/** @alias useActor */
+/**
+ * @alias useActor
+ *
+ * @deprecated Use `useActor(machine, options)`.
+ * @public
+ */
 export declare function useMachine<TMachine extends AnyStateMachine>(machine: TMachine, ...[options]: ConditionalRequired<[
     options?: ActorOptions<TMachine> & RequiredActorOptionsFor<TMachine>
 ], IsNotNever<RequiredActorOptionsKeys<TMachine>>>): [StateFrom<TMachine>, Actor<TMachine>['send'], Actor<TMachine>];

package/dist/declarations/src/useSelector.d.ts

@@ -1,4 +1,5 @@
 import { AnyActorRef } from 'xstate';
+/** @public */
 export declare function useSelector<TActor extends Pick<AnyActorRef, 'subscribe' | 'getSnapshot'> | undefined, T>(actor: TActor, selector: (snapshot: TActor extends {
     getSnapshot(): infer TSnapshot;
 } ? TSnapshot : undefined) => T, compare?: (a: T, b: T) => boolean): T;

package/dist/xstate-react.cjs.js

@@ -103,6 +103,8 @@ function useActorLifecycle(actorRef, setActorRef, createReplacement) {
     };
   }, [actorRef]);
 }
+
+/** @public */
 function useActorRef(machine, ...[options, observerOrListener]) {
   const [actorRef, setActorRef] = useIdleActorRef(machine, options);
   React.useEffect(() => {
@@ -121,6 +123,8 @@ function useActorRef(machine, ...[options, observerOrListener]) {
 function defaultCompare(a, b) {
   return a === b;
 }
+
+/** @public */
 function useSelector(actor, selector, compare = defaultCompare) {
   const subscribe = React.useCallback(handleStoreChange => {
     if (!actor) {
@@ -145,6 +149,7 @@ function useSelector(actor, selector, compare = defaultCompare) {
   return selectedSnapshot;
 }
 
+/** @public */
 function createActorContext(actorLogic, actorOptions) {
   const ReactContext = /*#__PURE__*/React__namespace.createContext(null);
   const OriginalProvider = ReactContext.Provider;
@@ -191,6 +196,8 @@ function is(x, y) {
     return x !== x && y !== y;
   }
 }
+
+/** @public */
 function shallowEqual(objA, objB) {
   if (is(objA, objB)) return true;
   if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
@@ -207,6 +214,7 @@ function shallowEqual(objA, objB) {
   return true;
 }
 
+/** @public */
 function useActor(logic, ...[options]) {
   const [actorRef, setActorRef] = useIdleActorRef(logic, options);
   const getSnapshot = React.useCallback(() => {
@@ -230,7 +238,12 @@ function useActor(logic, ...[options]) {
   return [actorSnapshot, actorRef.send, actorRef];
 }
 
-/** @alias useActor */
+/**
+ * @alias useActor
+ *
+ * @deprecated Use `useActor(machine, options)`.
+ * @public
+ */
 function useMachine(machine, ...[options]) {
   return useActor(machine, options);
 }

package/dist/xstate-react.development.cjs.js

@@ -113,6 +113,8 @@ function useActorLifecycle(actorRef, setActorRef, createReplacement) {
     };
   }, [actorRef]);
 }
+
+/** @public */
 function useActorRef(machine, ...[options, observerOrListener]) {
   const [actorRef, setActorRef] = useIdleActorRef(machine, options);
   React.useEffect(() => {
@@ -131,6 +133,8 @@ function useActorRef(machine, ...[options, observerOrListener]) {
 function defaultCompare(a, b) {
   return a === b;
 }
+
+/** @public */
 function useSelector(actor, selector, compare = defaultCompare) {
   const subscribe = React.useCallback(handleStoreChange => {
     if (!actor) {
@@ -155,6 +159,7 @@ function useSelector(actor, selector, compare = defaultCompare) {
   return selectedSnapshot;
 }
 
+/** @public */
 function createActorContext(actorLogic, actorOptions) {
   const ReactContext = /*#__PURE__*/React__namespace.createContext(null);
   const OriginalProvider = ReactContext.Provider;
@@ -201,6 +206,8 @@ function is(x, y) {
     return x !== x && y !== y;
   }
 }
+
+/** @public */
 function shallowEqual(objA, objB) {
   if (is(objA, objB)) return true;
   if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
@@ -217,6 +224,7 @@ function shallowEqual(objA, objB) {
   return true;
 }
 
+/** @public */
 function useActor(logic, ...[options]) {
   if (!!logic && 'send' in logic && typeof logic.send === 'function') {
     throw new Error(`useActor() expects actor logic (e.g. a machine), but received an ActorRef. Use the useSelector(actorRef, ...) hook instead to read the ActorRef's snapshot.`);
@@ -243,7 +251,12 @@ function useActor(logic, ...[options]) {
   return [actorSnapshot, actorRef.send, actorRef];
 }
 
-/** @alias useActor */
+/**
+ * @alias useActor
+ *
+ * @deprecated Use `useActor(machine, options)`.
+ * @public
+ */
 function useMachine(machine, ...[options]) {
   return useActor(machine, options);
 }

package/dist/xstate-react.development.esm.js

@@ -87,6 +87,8 @@ function useActorLifecycle(actorRef, setActorRef, createReplacement) {
     };
   }, [actorRef]);
 }
+
+/** @public */
 function useActorRef(machine, ...[options, observerOrListener]) {
   const [actorRef, setActorRef] = useIdleActorRef(machine, options);
   useEffect(() => {
@@ -105,6 +107,8 @@ function useActorRef(machine, ...[options, observerOrListener]) {
 function defaultCompare(a, b) {
   return a === b;
 }
+
+/** @public */
 function useSelector(actor, selector, compare = defaultCompare) {
   const subscribe = useCallback(handleStoreChange => {
     if (!actor) {
@@ -129,6 +133,7 @@ function useSelector(actor, selector, compare = defaultCompare) {
   return selectedSnapshot;
 }
 
+/** @public */
 function createActorContext(actorLogic, actorOptions) {
   const ReactContext = /*#__PURE__*/React.createContext(null);
   const OriginalProvider = ReactContext.Provider;
@@ -175,6 +180,8 @@ function is(x, y) {
     return x !== x && y !== y;
   }
 }
+
+/** @public */
 function shallowEqual(objA, objB) {
   if (is(objA, objB)) return true;
   if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
@@ -191,6 +198,7 @@ function shallowEqual(objA, objB) {
   return true;
 }
 
+/** @public */
 function useActor(logic, ...[options]) {
   if (!!logic && 'send' in logic && typeof logic.send === 'function') {
     throw new Error(`useActor() expects actor logic (e.g. a machine), but received an ActorRef. Use the useSelector(actorRef, ...) hook instead to read the ActorRef's snapshot.`);
@@ -217,7 +225,12 @@ function useActor(logic, ...[options]) {
   return [actorSnapshot, actorRef.send, actorRef];
 }
 
-/** @alias useActor */
+/**
+ * @alias useActor
+ *
+ * @deprecated Use `useActor(machine, options)`.
+ * @public
+ */
 function useMachine(machine, ...[options]) {
   return useActor(machine, options);
 }

package/dist/xstate-react.esm.js

@@ -77,6 +77,8 @@ function useActorLifecycle(actorRef, setActorRef, createReplacement) {
     };
   }, [actorRef]);
 }
+
+/** @public */
 function useActorRef(machine, ...[options, observerOrListener]) {
   const [actorRef, setActorRef] = useIdleActorRef(machine, options);
   useEffect(() => {
@@ -95,6 +97,8 @@ function useActorRef(machine, ...[options, observerOrListener]) {
 function defaultCompare(a, b) {
   return a === b;
 }
+
+/** @public */
 function useSelector(actor, selector, compare = defaultCompare) {
   const subscribe = useCallback(handleStoreChange => {
     if (!actor) {
@@ -119,6 +123,7 @@ function useSelector(actor, selector, compare = defaultCompare) {
   return selectedSnapshot;
 }
 
+/** @public */
 function createActorContext(actorLogic, actorOptions) {
   const ReactContext = /*#__PURE__*/React.createContext(null);
   const OriginalProvider = ReactContext.Provider;
@@ -165,6 +170,8 @@ function is(x, y) {
     return x !== x && y !== y;
   }
 }
+
+/** @public */
 function shallowEqual(objA, objB) {
   if (is(objA, objB)) return true;
   if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
@@ -181,6 +188,7 @@ function shallowEqual(objA, objB) {
   return true;
 }
 
+/** @public */
 function useActor(logic, ...[options]) {
   const [actorRef, setActorRef] = useIdleActorRef(logic, options);
   const getSnapshot = useCallback(() => {
@@ -204,7 +212,12 @@ function useActor(logic, ...[options]) {
   return [actorSnapshot, actorRef.send, actorRef];
 }
 
-/** @alias useActor */
+/**
+ * @alias useActor
+ *
+ * @deprecated Use `useActor(machine, options)`.
+ * @public
+ */
 function useMachine(machine, ...[options]) {
   return useActor(machine, options);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xstate/react",
-  "version": "7.0.0-alpha.6",
+  "version": "7.0.0-alpha.7",
   "description": "XState tools for React",
   "keywords": [
     "state",
@@ -54,7 +54,7 @@
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "xstate": "^6.0.0-alpha.70"
+    "xstate": "^6.0.0-alpha.73"
   },
   "dependencies": {
     "use-isomorphic-layout-effect": "^1.1.2",
@@ -69,7 +69,7 @@
     "react-dom": "^19.0.0",
     "rxjs": "^7.8.1",
     "zod": "^3.25.51",
-    "xstate": "^6.0.0-alpha.70"
+    "xstate": "^6.0.0-alpha.73"
   },
   "scripts": {}
 }