@xstate/react 2.0.0-pr2674-2021926101023 → 3.0.0

package/es/useReactEffectActions.js

@@ -1,72 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
-import { useEffect, useRef } from 'react';
-import useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect';
-import { ReactEffectType } from './types';
-import { partition } from './utils';
-function executeEffect(action, state) {
-    var exec = action.exec;
-    var originalExec = exec(state.context, state._event.data, {
-        action: action,
-        state: state,
-        _event: state._event
-    });
-    originalExec();
-}
-export function useReactEffectActions(service) {
-    var effectActionsRef = useRef([]);
-    var layoutEffectActionsRef = useRef([]);
-    useIsomorphicLayoutEffect(function () {
-        var sub = service.subscribe(function (currentState) {
-            var _a, _b;
-            if (currentState.actions.length) {
-                var reactEffectActions = currentState.actions.filter(function (action) {
-                    return (typeof action.exec === 'function' &&
-                        '__effect' in action.exec);
-                });
-                var _c = __read(partition(reactEffectActions, function (action) {
-                    return action.exec.__effect === ReactEffectType.Effect;
-                }), 2), effectActions = _c[0], layoutEffectActions = _c[1];
-                (_a = effectActionsRef.current).push.apply(_a, __spreadArray([], __read(effectActions.map(function (effectAction) { return [effectAction, currentState]; }))));
-                (_b = layoutEffectActionsRef.current).push.apply(_b, __spreadArray([], __read(layoutEffectActions.map(function (layoutEffectAction) { return [layoutEffectAction, currentState]; }))));
-            }
-        });
-        return function () {
-            sub.unsubscribe();
-        };
-    }, []);
-    // this is somewhat weird - this should always be flushed within useLayoutEffect
-    // but we don't want to receive warnings about useLayoutEffect being used on the server
-    // so we have to use `useIsomorphicLayoutEffect` to silence those warnings
-    useIsomorphicLayoutEffect(function () {
-        while (layoutEffectActionsRef.current.length) {
-            var _a = __read(layoutEffectActionsRef.current.shift(), 2), layoutEffectAction = _a[0], effectState = _a[1];
-            executeEffect(layoutEffectAction, effectState);
-        }
-    }); // https://github.com/davidkpiano/xstate/pull/1202#discussion_r429677773
-    useEffect(function () {
-        while (effectActionsRef.current.length) {
-            var _a = __read(effectActionsRef.current.shift(), 2), effectAction = _a[0], effectState = _a[1];
-            executeEffect(effectAction, effectState);
-        }
-    });
-}

package/es/useService.d.ts

@@ -1,16 +0,0 @@
-import { EventObject, Interpreter, PayloadSender, State, TypegenConstraint, TypegenDisabled, Typestate } from 'xstate';
-export declare function getServiceSnapshot<TService extends Interpreter<any, any, any, any>>(service: TService): TService['state'];
-/**
- * @deprecated Use `useActor` instead.
- *
- * @param service The interpreted machine
- * @returns A tuple of the current `state` of the service and the service's `send(event)` method
- */
-export declare function useService<TContext, TEvent extends EventObject, TTypestate extends Typestate<TContext> = {
-    value: any;
-    context: TContext;
-}, TTypesMeta extends TypegenConstraint = TypegenDisabled>(service: Interpreter<TContext, any, TEvent, TTypestate, TTypesMeta>): [
-    State<TContext, TEvent, any, TTypestate, TTypesMeta>,
-    PayloadSender<TEvent>
-];
-//# sourceMappingURL=useService.d.ts.map

package/es/useService.js

@@ -1,36 +0,0 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import { useActor } from './useActor';
-export function getServiceSnapshot(service) {
-    // TODO: remove compat lines in a new major, replace literal number with InterpreterStatus then as well
-    return ('status' in service ? service.status : service._status) !== 0
-        ? service.state
-        : service.machine.initialState;
-}
-/**
- * @deprecated Use `useActor` instead.
- *
- * @param service The interpreted machine
- * @returns A tuple of the current `state` of the service and the service's `send(event)` method
- */
-export function useService(service) {
-    if (process.env.NODE_ENV !== 'production' && !('machine' in service)) {
-        throw new Error("Attempted to use an actor-like object instead of a service in the useService() hook. Please use the useActor() hook instead.");
-    }
-    var _a = __read(useActor(service), 1), state = _a[0];
-    return [state, service.send];
-}

package/lib/useReactEffectActions.d.ts

@@ -1,3 +0,0 @@
-import { EventObject, Interpreter } from 'xstate';
-export declare function useReactEffectActions<TContext, TEvent extends EventObject>(service: Interpreter<TContext, any, TEvent, any>): void;
-//# sourceMappingURL=useReactEffectActions.d.ts.map

package/lib/useReactEffectActions.js

@@ -1,76 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useReactEffectActions = void 0;
-var react_1 = require("react");
-var use_isomorphic_layout_effect_1 = require("use-isomorphic-layout-effect");
-var types_1 = require("./types");
-var utils_1 = require("./utils");
-function executeEffect(action, state) {
-    var exec = action.exec;
-    var originalExec = exec(state.context, state._event.data, {
-        action: action,
-        state: state,
-        _event: state._event
-    });
-    originalExec();
-}
-function useReactEffectActions(service) {
-    var effectActionsRef = react_1.useRef([]);
-    var layoutEffectActionsRef = react_1.useRef([]);
-    use_isomorphic_layout_effect_1.default(function () {
-        var sub = service.subscribe(function (currentState) {
-            var _a, _b;
-            if (currentState.actions.length) {
-                var reactEffectActions = currentState.actions.filter(function (action) {
-                    return (typeof action.exec === 'function' &&
-                        '__effect' in action.exec);
-                });
-                var _c = __read(utils_1.partition(reactEffectActions, function (action) {
-                    return action.exec.__effect === types_1.ReactEffectType.Effect;
-                }), 2), effectActions = _c[0], layoutEffectActions = _c[1];
-                (_a = effectActionsRef.current).push.apply(_a, __spreadArray([], __read(effectActions.map(function (effectAction) { return [effectAction, currentState]; }))));
-                (_b = layoutEffectActionsRef.current).push.apply(_b, __spreadArray([], __read(layoutEffectActions.map(function (layoutEffectAction) { return [layoutEffectAction, currentState]; }))));
-            }
-        });
-        return function () {
-            sub.unsubscribe();
-        };
-    }, []);
-    // this is somewhat weird - this should always be flushed within useLayoutEffect
-    // but we don't want to receive warnings about useLayoutEffect being used on the server
-    // so we have to use `useIsomorphicLayoutEffect` to silence those warnings
-    use_isomorphic_layout_effect_1.default(function () {
-        while (layoutEffectActionsRef.current.length) {
-            var _a = __read(layoutEffectActionsRef.current.shift(), 2), layoutEffectAction = _a[0], effectState = _a[1];
-            executeEffect(layoutEffectAction, effectState);
-        }
-    }); // https://github.com/davidkpiano/xstate/pull/1202#discussion_r429677773
-    react_1.useEffect(function () {
-        while (effectActionsRef.current.length) {
-            var _a = __read(effectActionsRef.current.shift(), 2), effectAction = _a[0], effectState = _a[1];
-            executeEffect(effectAction, effectState);
-        }
-    });
-}
-exports.useReactEffectActions = useReactEffectActions;

package/lib/useService.d.ts

@@ -1,16 +0,0 @@
-import { EventObject, Interpreter, PayloadSender, State, TypegenConstraint, TypegenDisabled, Typestate } from 'xstate';
-export declare function getServiceSnapshot<TService extends Interpreter<any, any, any, any>>(service: TService): TService['state'];
-/**
- * @deprecated Use `useActor` instead.
- *
- * @param service The interpreted machine
- * @returns A tuple of the current `state` of the service and the service's `send(event)` method
- */
-export declare function useService<TContext, TEvent extends EventObject, TTypestate extends Typestate<TContext> = {
-    value: any;
-    context: TContext;
-}, TTypesMeta extends TypegenConstraint = TypegenDisabled>(service: Interpreter<TContext, any, TEvent, TTypestate, TTypesMeta>): [
-    State<TContext, TEvent, any, TTypestate, TTypesMeta>,
-    PayloadSender<TEvent>
-];
-//# sourceMappingURL=useService.d.ts.map

package/lib/useService.js

@@ -1,41 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useService = exports.getServiceSnapshot = void 0;
-var useActor_1 = require("./useActor");
-function getServiceSnapshot(service) {
-    // TODO: remove compat lines in a new major, replace literal number with InterpreterStatus then as well
-    return ('status' in service ? service.status : service._status) !== 0
-        ? service.state
-        : service.machine.initialState;
-}
-exports.getServiceSnapshot = getServiceSnapshot;
-/**
- * @deprecated Use `useActor` instead.
- *
- * @param service The interpreted machine
- * @returns A tuple of the current `state` of the service and the service's `send(event)` method
- */
-function useService(service) {
-    if (process.env.NODE_ENV !== 'production' && !('machine' in service)) {
-        throw new Error("Attempted to use an actor-like object instead of a service in the useService() hook. Please use the useActor() hook instead.");
-    }
-    var _a = __read(useActor_1.useActor(service), 1), state = _a[0];
-    return [state, service.send];
-}
-exports.useService = useService;