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(
    {
    initial: 'viewing',
    context: {
      editingRowKey: null,
    },
    states: {
      viewing: {
        on: {
          ADD: 'adding',
          EDIT: 'editing',
          ENABLE_BULK: 'bulkEdit',
          APPROVE: 'approving',
          FOCUS_ADD: {actions: 'focusAddBox'},
        },
      },
      approving: {
        on: {
          APPROVE_COMPLETE: 'viewing',
        },
      },
      adding: {
        on: {
          ADD_COMPLETE: 'viewing',
        },
      },
      editing: {
        entry: 'assignRowKey',
        exit: 'clearRowKey',
        on: {
          EDIT_COMPLETE: 'viewing',
        },
      },
      bulkEdit: {
        on: {
          DISABLE_BULK: 'viewing',
          SELECT_ORDER: {cond: 'isValidOrder', actions: 'selectOrder'},
          TOGGLE_ALL: {cond: 'areValidOrders', actions: 'toggleAll'},
        },
      },
    },
  },
  {
    guards: {
      isValidOrder: () => false,
      areValidOrders: () => false,
    },
    actions: {
      assignRowKey: assign({
        editingRowKey: (_, e) => (e.type === 'EDIT' ? e.rowKey : null),
      }),
      clearRowKey: assign({editingRowKey: null}),
      selectOrder: assign({}),
      toggleAll: assign({}),
    },
  }
  );