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: 'dataBoard',
    initial: 'idle',
    context: {
      currentId: null
    },
    states: {
      idle: {
        on: {
          ADD: 'add',
          EDIT: 'edit',
          DELETE: 'confirm_delete'
        }
      },
      confirm_delete: {
        on: {
          DELETE: 'delete',
          CANCEL: 'idle'
        }
      },
      'delete': {
        on: {
          COMPLETE: 'idle',
          ERROR: 'error'
        }
      },
      add: {
        on: {
          SAVE: 'saving_new',
          CANCEL: 'idle'
        }
      },
      saving_new: {
        on: {
          COMPLETE: 'idle',
          ERROR: 'error'
        }
      },
      error: {
        on: {
          RESET: 'idle'
        }
      },
      edit: {
        on: {
          SAVE: 'saving_change',
        }
      },
      saving_change: {
        on: {
          COMPLETE: 'idle',
          ERROR: 'error'
        }
      }
    }
  });