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

machine.js

  /*const ss = Machine({
    id: 'hola',
    initial: 'na',
    states: {
      na: {
        on: {
          ACT: 'action'
        }
      },
      action: {}
    }
  })
  */
  const curdMachine = Machine({
    id: 'crud',
    initial: 'idle',
    states: {
      idle: {
        on: {
          ADD: 'add',
          SELECT: 'view'
        }
      },
      view: {
        on: {
          ADD: 'add',
          EDIT: 'edit',
          DELETE: 'remove'
        }
      },
      add: {
        on: {
          SAVE: 'idle',
          CANCEL: 'idle'
        }
      },
      edit: {
        on: {
          SAVE: 'view',
          CANCEL: 'view'
        }
      },
      remove: {
        on: {
          SAVE: 'idle',
          CANCEL: 'view'
        }
        
      }
    }
  });