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 machine = Machine({
    id: 'editable-step',
    initial: 'collapsed',
    context: {
    },
    states: {
      collapsed: {
        on: {
          EXPAND: 'expanded'
        }
      },
      expanded: {
        on: {
          COLLAPSE: 'collapsed',
        },
        initial: "readonly",
        states: {
          readonly: {
            on: {
              EDIT: "readwrite"
            }
          },
          readwrite: {
            on: {
              STAGE: "readonly"
            }
          }
          }
        }
      },
    });