@xstate/react 4.0.0-beta.4 → 4.0.0-beta.5

package/dist/useConstant-23e96eea.cjs.dev.js

@@ -1,91 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
-    try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function useConstant(fn) {
-  var ref = React__namespace.useRef();
-  if (!ref.current) {
-    ref.current = {
-      v: fn()
-    };
-  }
-  return ref.current.v;
-}
-
-exports._slicedToArray = _slicedToArray;
-exports.useConstant = useConstant;

package/dist/useConstant-9bbaf12a.esm.js

@@ -1,68 +0,0 @@
-import * as React from 'react';
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
-    try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function useConstant(fn) {
-  var ref = React.useRef();
-  if (!ref.current) {
-    ref.current = {
-      v: fn()
-    };
-  }
-  return ref.current.v;
-}
-
-export { _slicedToArray as _, useConstant as u };

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

@@ -1,213 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var withSelector = require('use-sync-external-store/shim/with-selector');
-var xstate = require('xstate');
-var useConstant = require('./useConstant-23e96eea.cjs.dev.js');
-var useIsomorphicLayoutEffect = require('use-isomorphic-layout-effect');
-var actors = require('xstate/actors');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var useIsomorphicLayoutEffect__default = /*#__PURE__*/_interopDefault(useIsomorphicLayoutEffect);
-
-function useIdleInterpreter(machine, options) {
-  if (process.env.NODE_ENV !== 'production') {
-    var _useState = React.useState(machine),
-      _useState2 = useConstant._slicedToArray(_useState, 1),
-      initialMachine = _useState2[0];
-    if (machine.config !== initialMachine.config) {
-      console.warn("Actor logic has changed between renders. This is not supported and may lead to invalid snapshots.");
-    }
-  }
-  var actorRef = useConstant.useConstant(function () {
-    return xstate.interpret(machine, options);
-  });
-
-  // TODO: consider using `useAsapEffect` that would do this in `useInsertionEffect` is that's available
-  useIsomorphicLayoutEffect__default["default"](function () {
-    actorRef.behavior.options = machine.options;
-  });
-  return actorRef;
-}
-function useActorRef(machine) {
-  for (var _len = arguments.length, _ref = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    _ref[_key - 1] = arguments[_key];
-  }
-  var _ref$ = _ref[0],
-    options = _ref$ === void 0 ? {} : _ref$,
-    observerOrListener = _ref[1];
-  var service = useIdleInterpreter(machine, options);
-  React.useEffect(function () {
-    if (!observerOrListener) {
-      return;
-    }
-    var sub = service.subscribe(xstate.toObserver(observerOrListener));
-    return function () {
-      sub.unsubscribe();
-    };
-  }, [observerOrListener]);
-  React.useEffect(function () {
-    service.start();
-    return function () {
-      service.stop();
-      service.status = xstate.InterpreterStatus.NotStarted;
-      service._initState();
-    };
-  }, []);
-  return service;
-}
-
-function identity(a) {
-  return a;
-}
-var isEqual = function isEqual(prevState, nextState) {
-  return prevState === nextState || nextState.changed === false;
-};
-function useActor(behavior) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  if (process.env.NODE_ENV !== 'production') {
-    if (actors.isActorRef(behavior)) {
-      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.");
-    }
-  }
-  var actorRef = useIdleInterpreter(behavior, options);
-  var getSnapshot = React.useCallback(function () {
-    return actorRef.getSnapshot();
-  }, [actorRef]);
-  var subscribe = React.useCallback(function (handleStoreChange) {
-    var _actorRef$subscribe = actorRef.subscribe(handleStoreChange),
-      unsubscribe = _actorRef$subscribe.unsubscribe;
-    return unsubscribe;
-  }, [actorRef]);
-  var actorSnapshot = withSelector.useSyncExternalStoreWithSelector(subscribe, getSnapshot, getSnapshot, identity, isEqual);
-  React.useEffect(function () {
-    actorRef.start();
-    return function () {
-      actorRef.stop();
-      actorRef.status = xstate.InterpreterStatus.NotStarted;
-      actorRef._initState();
-    };
-  }, [actorRef]);
-  return [actorSnapshot, actorRef.send, actorRef];
-}
-
-function defaultCompare(a, b) {
-  return a === b;
-}
-function useSelector(actor, selector) {
-  var compare = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultCompare;
-  var subscribe = React.useCallback(function (handleStoreChange) {
-    var _actor$subscribe = actor.subscribe(handleStoreChange),
-      unsubscribe = _actor$subscribe.unsubscribe;
-    return unsubscribe;
-  }, [actor]);
-  var boundGetSnapshot = React.useCallback(function () {
-    return actor.getSnapshot();
-  }, [actor]);
-  var selectedSnapshot = withSelector.useSyncExternalStoreWithSelector(subscribe, boundGetSnapshot, boundGetSnapshot, selector, compare);
-  return selectedSnapshot;
-}
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-// From https://github.com/reduxjs/react-redux/blob/720f0ba79236cdc3e1115f4ef9a7760a21784b48/src/utils/shallowEqual.ts
-function is(x, y) {
-  if (x === y) {
-    return x !== 0 || y !== 0 || 1 / x === 1 / y;
-  } else {
-    return x !== x && y !== y;
-  }
-}
-function shallowEqual(objA, objB) {
-  if (is(objA, objB)) return true;
-  if (_typeof(objA) !== 'object' || objA === null || _typeof(objB) !== 'object' || objB === null) {
-    return false;
-  }
-  var keysA = Object.keys(objA);
-  var keysB = Object.keys(objB);
-  if (keysA.length !== keysB.length) return false;
-  for (var i = 0; i < keysA.length; i++) {
-    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
-      return false;
-    }
-  }
-  return true;
-}
-
-function createActorContext(machine, interpreterOptions, observerOrListener) {
-  var ReactContext = /*#__PURE__*/React__namespace.createContext(null);
-  var OriginalProvider = ReactContext.Provider;
-  function Provider(_ref) {
-    var children = _ref.children,
-      _ref$machine = _ref.machine,
-      providedMachine = _ref$machine === void 0 ? machine : _ref$machine;
-    var actor = useActorRef(providedMachine, interpreterOptions, observerOrListener);
-    return /*#__PURE__*/React__namespace.createElement(OriginalProvider, {
-      value: actor,
-      children: children
-    });
-  }
-  Provider.displayName = "ActorProvider(".concat(machine.id, ")");
-  function useContext() {
-    var actor = React__namespace.useContext(ReactContext);
-    if (!actor) {
-      throw new Error("You used a hook from \"".concat(Provider.displayName, "\" but it's not inside a <").concat(Provider.displayName, "> component."));
-    }
-    return actor;
-  }
-  function useSelector$1(selector, compare) {
-    var actor = useContext();
-    return useSelector(actor, selector, compare);
-  }
-  return {
-    Provider: Provider,
-    useActorRef: useContext,
-    useSelector: useSelector$1
-  };
-}
-
-/**
- *
- * @deprecated Use `useActor(...)` instead.
- */
-function useMachine(machine) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return useActor(machine, options);
-}
-
-exports.createActorContext = createActorContext;
-exports.shallowEqual = shallowEqual;
-exports.useActor = useActor;
-exports.useActorRef = useActorRef;
-exports.useMachine = useMachine;
-exports.useSelector = useSelector;

package/fsm/dist/xstate-react-fsm.cjs.dev.js

@@ -1,80 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var useConstant = require('../../dist/useConstant-23e96eea.cjs.dev.js');
-var fsm = require('@xstate/fsm');
-var React = require('react');
-var useIsomorphicLayoutEffect = require('use-isomorphic-layout-effect');
-var withSelector = require('use-sync-external-store/shim/with-selector');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var useIsomorphicLayoutEffect__default = /*#__PURE__*/_interopDefault(useIsomorphicLayoutEffect);
-
-function identity(a) {
-  return a;
-}
-function useMachine(stateMachine, options) {
-  var persistedStateRef = React.useRef();
-  if (process.env.NODE_ENV !== 'production') {
-    var _useState = React.useState(stateMachine),
-      _useState2 = useConstant._slicedToArray(_useState, 1),
-      initialMachine = _useState2[0];
-    if (stateMachine !== initialMachine) {
-      console.warn('Machine given to `useMachine` has changed between renders. This is not supported and might lead to unexpected results.\n' + 'Please make sure that you pass the same Machine as argument each time.');
-    }
-  }
-  var _useConstant = useConstant.useConstant(function () {
-      var queue = [];
-      var service = fsm.interpret(fsm.createMachine(stateMachine.config, options ? options : stateMachine._options));
-      var send = service.send;
-      service.send = function (event) {
-        if (service.status === fsm.InterpreterStatus.NotStarted) {
-          queue.push(event);
-          return;
-        }
-        send(event);
-        persistedStateRef.current = service.state;
-      };
-      return [service, queue];
-    }),
-    _useConstant2 = useConstant._slicedToArray(_useConstant, 2),
-    service = _useConstant2[0],
-    queue = _useConstant2[1];
-
-  // TODO: consider using `useInsertionEffect` if available
-  useIsomorphicLayoutEffect__default["default"](function () {
-    if (options) {
-      service._machine._options = options;
-    }
-  });
-  var useServiceResult = useService(service);
-  React.useEffect(function () {
-    service.start(persistedStateRef.current);
-    queue.forEach(service.send);
-    persistedStateRef.current = service.state;
-    return function () {
-      service.stop();
-    };
-  }, []);
-  return useServiceResult;
-}
-var isEqual = function isEqual(_prevState, nextState) {
-  return nextState.changed === false;
-};
-function useService(service) {
-  var getSnapshot = React.useCallback(function () {
-    return service.state;
-  }, [service]);
-  var subscribe = React.useCallback(function (handleStoreChange) {
-    var _service$subscribe = service.subscribe(handleStoreChange),
-      unsubscribe = _service$subscribe.unsubscribe;
-    return unsubscribe;
-  }, [service]);
-  var storeSnapshot = withSelector.useSyncExternalStoreWithSelector(subscribe, getSnapshot, getSnapshot, identity, isEqual);
-  return [storeSnapshot, service.send, service];
-}
-
-exports.useMachine = useMachine;
-exports.useService = useService;

package/fsm/dist/xstate-react-fsm.cjs.prod.js

@@ -1,127 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var fsm = require('@xstate/fsm');
-var React = require('react');
-var useIsomorphicLayoutEffect = require('use-isomorphic-layout-effect');
-var withSelector = require('use-sync-external-store/shim/with-selector');
-var useConstant = require('../../dist/useConstant-720f1662.cjs.prod.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-var useIsomorphicLayoutEffect__default = /*#__PURE__*/_interopDefault(useIsomorphicLayoutEffect);
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
-    try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function identity(a) {
-  return a;
-}
-function useMachine(stateMachine, options) {
-  var persistedStateRef = React.useRef();
-  var _useConstant = useConstant.useConstant(function () {
-      var queue = [];
-      var service = fsm.interpret(fsm.createMachine(stateMachine.config, options ? options : stateMachine._options));
-      var send = service.send;
-      service.send = function (event) {
-        if (service.status === fsm.InterpreterStatus.NotStarted) {
-          queue.push(event);
-          return;
-        }
-        send(event);
-        persistedStateRef.current = service.state;
-      };
-      return [service, queue];
-    }),
-    _useConstant2 = _slicedToArray(_useConstant, 2),
-    service = _useConstant2[0],
-    queue = _useConstant2[1];
-
-  // TODO: consider using `useInsertionEffect` if available
-  useIsomorphicLayoutEffect__default["default"](function () {
-    if (options) {
-      service._machine._options = options;
-    }
-  });
-  var useServiceResult = useService(service);
-  React.useEffect(function () {
-    service.start(persistedStateRef.current);
-    queue.forEach(service.send);
-    persistedStateRef.current = service.state;
-    return function () {
-      service.stop();
-    };
-  }, []);
-  return useServiceResult;
-}
-var isEqual = function isEqual(_prevState, nextState) {
-  return nextState.changed === false;
-};
-function useService(service) {
-  var getSnapshot = React.useCallback(function () {
-    return service.state;
-  }, [service]);
-  var subscribe = React.useCallback(function (handleStoreChange) {
-    var _service$subscribe = service.subscribe(handleStoreChange),
-      unsubscribe = _service$subscribe.unsubscribe;
-    return unsubscribe;
-  }, [service]);
-  var storeSnapshot = withSelector.useSyncExternalStoreWithSelector(subscribe, getSnapshot, getSnapshot, identity, isEqual);
-  return [storeSnapshot, service.send, service];
-}
-
-exports.useMachine = useMachine;
-exports.useService = useService;