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: 'drag',
  initial: 'idle',

  context: {
    item: null,
    bounds: new DOMRect(),
    x: 0,
    y: 0
  },

  states: {
    idle: {
      on: {
        DRAG: {
          target: 'dragging',
          actions: assign({
            item: (_, ev) => ev.item,
            bounds: (_, ev) => ev.bounds
          })
        }
      }
    },
    returning: {
      on: {
        RETURN: 'idle'
      }
    },
    dragging: {
      on: {
        CANCEL: 'returning',
        CAN_DROP: 'droppable'
      }
    },

    droppable: {
      on: {
        DROP: 'idle',
        CANT_DROP: 'dragging'
      }
    }
  }
  });