Generated by XState Viz: https://xstate.js.org/viz

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
const defaultAction = () => {};
const defaultGuard = () => true;

const tooltipMachine = Machine(
  {
    id: "tooltip",
    initial: "closed",
    states: {
      closing: {
        on: {
          CLOSE: { target: "closed", actions: ["close"] },
          OPEN: { target: "opened", actions: ["cancelClose"] }
        },
        meta: {
          message: "hello"
        }
      },
      closed: {
        on: {
          OPEN: {
            target: "opened",
            actions: [
              assign((_, event) =>
                event.data
                  ? { element: event.data.currentTarget }
                  : {}
              ),
              "open"
            ],
            cond: "open"
          }
        }
      },
      opened: {
        on: {
          CLOSING: { target: "closing", actions: ["closing"], cond: "closing" },
          CLOSE: { target: "closed", actions: ["close"], cond: "close" }
        }
      }
    }
  },
  {
    actions: {
      open: defaultAction,
      closing: defaultAction,
      cancelClose: defaultAction,
      close: defaultAction
    },
    guards: {
      open: defaultGuard,
      closing: defaultGuard,
      close: defaultGuard
    }
  }
);