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 fetchMachine = Machine({
  id: 'select',
  initial: 'outsideUp',
  context: {
    selected: []
  },
  states: {
    outsideUp: {
      on: {
        DOWN: 'outsideDown',
        ENTER: 'insideUp',
      }
    },
    outsideDown: {
      on: {
        UP: 'outsideUp',
        MOVE: 'outsideDownArea',
      }
    },
    outsideDownArea: {
      on: {
        UP: 'outsideUp',
        ENTER: 'insideDownArea',
      }
    },
    insideDownArea: {
      on: {
        LEAVE: 'outsideDownArea',
        UP: 'insideUp',
      }
    },
    insideUp: {
      on: {
        LEAVE: 'outsideUp',
        DOWN: 'insideDown',
      }
    },
    insideDown: {
      on: {
        UP: 'insideUp',
        MOVE: 'insideDownDrag',
      }
    },
    insideDownDrag: {
      on: {
        UP: 'insideUp',
      }
    },
  }
});