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: "root",
    states: {
      "Fleet Schedule": {
        id: "Fleet Schedule",
        states: {
          Idle: { id: "Idle", states: {} },
          "Vessel Active": {
            id: "Vessel Active",
            states: {},
            on: {
              onMouseOutVessel: "#Idle",
              onVesselClick: "#Vessel In Details Panel",
            },
          },
          "Vessel In Details Panel": {
            id: "Vessel In Details Panel",
            states: {
              "Vessel Unassignment in Details Panel": {
                id: "Vessel Unassignment in Details Panel",
                states: {},
              },
            },
            initial: "Vessel Unassignment in Details Panel",
            on: {
              onMouseOutVessel: "#Vessel In Details Panel",
              onRightClick: "#Vessel Unassignment in Details Panel",
            },
          },
          "Requirement Active": {
            id: "Requirement Active",
            states: {},
            on: {
              onDrag: "#Dragging",
              onRequirementClick: "#Click Requirement",
            },
          },
          "Click Requirement": { id: "Click Requirement", states: {} },
          "Right Click Requirement": {
            id: "Right Click Requirement",
            states: {},
          },
          Dragging: {
            id: "Dragging",
            states: {},
            on: { onDrop: "#Drop" },
          },
          Drop: { id: "Drop", states: {} },
        },
        initial: "Idle",
        on: {
          onMouseInRequirement: "#Requirement Active",
          onMouseInVessel: "#Vessel Active",
          onMouseOutRequirement: "#Idle",
        },
      },
    },
    initial: "Fleet Schedule",
    on: {},
});