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

machine.js

const machine = Machine({
    id: 'switcherList',
    initial: 'offscreen',
    states: {
      offscreen: {
        on: {
          OPENED: 'opening'
        }
      },
      onscreen: {
        on: {
          CLOSED: 'closing'
        }
      },
      opening: {
        on: {
          FINISHED_OPENING: 'onscreen',
          CLOSED: 'closing'
        }
      },
      closing: {
        on: {
          FINISHED_CLOSING: 'offscreen',
          OPENED: 'opening'
        }
      }
    }
  });