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": {
    "Viewing": {
      "id": "Viewing",
      "states": {},
      "on": {
        "addDashboard": "#EditingDashboard",
        "dashboardNameClicked": "#EditingDashboardName",
        "editDashboard": "#EditingDashboard"
      }
    },
    "EditingDashboard": {
      "id": "EditingDashboard",
      "states": {
        "EditingDashboardIdle": {
          "id": "EditingDashboardIdle",
          "states": {},
          "on": {
            "shareWithOtherUsers": "#ConfiguringSharingSettings",
            "removeDashboard": "#Viewing",
            "startRepositioningWidget": "#RepositioningWidget",
            "startResizingWidget": "#ResizingWidget",
            "addWidget": "#EditingWidgetConfiguration",
            "saveDashboard": "#Viewing",
            "removeWidget": "#EditingDashboardIdle",
            "duplicateDashboard": "#EditingDashboardIdle",
            "editWidget": "#EditingWidgetConfiguration"
          }
        },
        "EditingDashboardName": {
          "id": "EditingDashboardName",
          "states": {},
          "on": {
            "dashboardNameChanged": "#EditingDashboardName",
            "dashboardNameFieldLostFocus": "#EditingDashboardIdle"
          }
        },
        "ConfiguringSharingSettings": {
          "id": "ConfiguringSharingSettings",
          "states": {},
          "on": { "submitNewSharingSettings": "#EditingDashboardIdle" }
        },
        "EditingLayout": {
          "id": "EditingLayout",
          "states": {
            "EditingLayoutIdle": {
              "id": "EditingLayoutIdle",
              "states": {},
              "on": {
                "discardLayoutEdits": "#EditingDashboardIdle",
                "saveLayoutEdits": "#EditingDashboardIdle",
                "startRepositioningWidget": "#RepositioningWidget",
                "startResizingWidget": "#ResizingWidget"
              }
            },
            "RepositioningWidget": {
              "id": "RepositioningWidget",
              "states": {},
              "on": { "endRepositioningWidget": "#EditingLayoutIdle" }
            },
            "ResizingWidget": {
              "id": "ResizingWidget",
              "states": {},
              "on": { "endResizingWidget": "#EditingLayoutIdle" }
            }
          },
          "initial": "EditingLayoutIdle",
          "on": {}
        },
        "EditingWidgetConfiguration": {
          "id": "EditingWidgetConfiguration",
          "states": {},
          "on": {
            "removeWidget": "#EditingDashboardIdle",
            "saveWidget": "#EditingDashboardIdle"
          }
        }
      },
      "initial": "EditingDashboardIdle",
      "on": {}
    }
  },
  "initial": "Viewing",
  "on": {}
});