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: 'selectSearchMachine',
    initial: 'closed',
    states: {
      closed: {
        on: {
          UI_REQUESTED_OPEN: {target: 'open'},
          INITIAL_OPTIONS_CHANGED: {actions: 'assignOptions'},
          INITIAL_VALUE_CHANGED: {
            actions: 'assignSelectedValue',
          },
          INPUT_FOCUSED: {
            target: 'open',
          },
        },
      },
      open: {
        on: {
          UI_REQUESTED_CLOSE: {target: 'closed'},
          INITIAL_OPTIONS_CHANGED: {actions: 'assignOptions'},
          INPUT_CHANGED: {
            target: 'open',
            actions: ['assignQuery', 'matchAvailableOptions'],
          },
          INPUT_CLEARED: {
            actions: ['assignClearQuery', 'matchAvailableOptions'],
          },
          OPTION_SELECTED: [
            {
              target: 'closed',
              actions: ['assignSelectedValue', 'notifyChange'],
              cond: 'isValidOption',
            },
          ],
        },
      },
    },
  }, {
    guards: {
      isValidOption: (ctx) => true
    }
  });