{
  "features": {
    "spectrumThemes": true,
    "intelligentLoading": true,
    "deviceAwareness": true,
    "state": true,
    "customThemes": true,
    "devicePreview": true,
    "messagePassing": true,
    "rowSelection": true,
    "continueIfAction": true,
    "showNotificationAction": true,
    "sidePanel": true
  },
  "layout": {
    "name": "Layout",
    "description": "This component is specific only to layouts",
    "icon": "Sandbox",
    "hasChildren": true,
    "styles": ["padding", "background"],
    "settings": [
      {
        "type": "text",
        "label": "Logo URL",
        "key": "logoUrl"
      },
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "select",
        "label": "Navigation",
        "key": "navigation",
        "options": ["Top", "Left", "None"],
        "defaultValue": "Top"
      },
      {
        "type": "select",
        "label": "Width",
        "key": "width",
        "options": ["Small", "Medium", "Large", "Max"],
        "defaultValue": "Large"
      },
      {
        "type": "navigation",
        "label": "Links",
        "key": "links"
      },
      {
        "type": "boolean",
        "label": "Hide title",
        "key": "hideTitle",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Hide logo",
        "key": "hideLogo",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Sticky header",
        "key": "sticky",
        "defaultValue": false
      }
    ]
  },
  "container": {
    "name": "Container",
    "description": "This component contains things within itself",
    "icon": "Selection",
    "hasChildren": true,
    "size": {
      "width": 400,
      "height": 200
    },
    "styles": ["padding", "size", "background", "border", "shadow"],
    "settings": [
      {
        "type": "select",
        "label": "Direction",
        "key": "direction",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Column",
            "value": "column",
            "barIcon": "ViewColumn",
            "barTitle": "Column layout"
          },
          {
            "label": "Row",
            "value": "row",
            "barIcon": "ViewRow",
            "barTitle": "Row layout"
          }
        ],
        "defaultValue": "column"
      },
      {
        "type": "select",
        "label": "Horiz. align",
        "key": "hAlign",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Left",
            "value": "left",
            "barIcon": "AlignLeft",
            "barTitle": "Align left"
          },
          {
            "label": "Center",
            "value": "center",
            "barIcon": "AlignCenter",
            "barTitle": "Align center"
          },
          {
            "label": "Right",
            "value": "right",
            "barIcon": "AlignRight",
            "barTitle": "Align right"
          },
          {
            "label": "Stretch",
            "value": "stretch",
            "barIcon": "MoveLeftRight",
            "barTitle": "Align stretched horizontally"
          }
        ],
        "defaultValue": "stretch"
      },
      {
        "type": "select",
        "label": "Vert. align",
        "key": "vAlign",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Top",
            "value": "top",
            "barIcon": "AlignTop",
            "barTitle": "Align top"
          },
          {
            "label": "Middle",
            "value": "middle",
            "barIcon": "AlignMiddle",
            "barTitle": "Align middle"
          },
          {
            "label": "Bottom",
            "value": "bottom",
            "barIcon": "AlignBottom",
            "barTitle": "Align bottom"
          },
          {
            "label": "Stretch",
            "value": "stretch",
            "barIcon": "MoveUpDown",
            "barTitle": "Align stretched vertically"
          }
        ],
        "defaultValue": "top"
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Shrink",
            "value": "shrink",
            "barIcon": "Minimize",
            "barTitle": "Shrink container"
          },
          {
            "label": "Grow",
            "value": "grow",
            "barIcon": "Maximize",
            "barTitle": "Grow container"
          }
        ],
        "defaultValue": "shrink"
      },
      {
        "type": "select",
        "label": "Gap",
        "key": "gap",
        "showInBar": true,
        "barStyle": "picker",
        "options": [
          {
            "label": "None",
            "value": "N"
          },
          {
            "label": "Small",
            "value": "S"
          },
          {
            "label": "Medium",
            "value": "M"
          },
          {
            "label": "Large",
            "value": "L"
          }
        ],
        "defaultValue": "M"
      },
      {
        "type": "boolean",
        "label": "Wrap",
        "key": "wrap",
        "showInBar": true,
        "barIcon": "ModernGridView",
        "barTitle": "Wrap"
      },
      {
        "type": "event",
        "label": "On click",
        "key": "onClick"
      }
    ]
  },
  "section": {
    "name": "Section",
    "description": "Add a section to your application",
    "icon": "ColumnTwoB",
    "hasChildren": true,
    "illegalChildren": ["section"],
    "showEmptyState": false,
    "size": {
      "width": 400,
      "height": 100
    },
    "settings": [
      {
        "type": "section",
        "label": "Type",
        "key": "type",
        "defaultValue": "mainSidebar"
      }
    ]
  },
  "screenslot": {
    "name": "Screenslot",
    "icon": "WebPage",
    "description": "Contains your app screens",
    "static": true
  },
  "buttongroup": {
    "name": "Button group",
    "icon": "Button",
    "hasChildren": false,
    "settings": [
      {
        "section": true,
        "name": "Buttons",
        "settings": [
          {
            "type": "buttonConfiguration",
            "key": "buttons",
            "nested": true,
            "defaultValue": [
              {
                "type": "cta",
                "text": "Button 1"
              },
              {
                "type": "primary",
                "text": "Button 2"
              }
            ]
          }
        ]
      },
      {
        "section": true,
        "name": "Layout",
        "settings": [
          {
            "type": "select",
            "label": "Direction",
            "key": "direction",
            "showInBar": true,
            "barStyle": "buttons",
            "options": [
              {
                "label": "Column",
                "value": "column",
                "barIcon": "ViewColumn",
                "barTitle": "Column layout"
              },
              {
                "label": "Row",
                "value": "row",
                "barIcon": "ViewRow",
                "barTitle": "Row layout"
              }
            ],
            "defaultValue": "row"
          },
          {
            "type": "select",
            "label": "Horiz. align",
            "key": "hAlign",
            "showInBar": true,
            "barStyle": "buttons",
            "options": [
              {
                "label": "Left",
                "value": "left",
                "barIcon": "AlignLeft",
                "barTitle": "Align left"
              },
              {
                "label": "Center",
                "value": "center",
                "barIcon": "AlignCenter",
                "barTitle": "Align center"
              },
              {
                "label": "Right",
                "value": "right",
                "barIcon": "AlignRight",
                "barTitle": "Align right"
              },
              {
                "label": "Stretch",
                "value": "stretch",
                "barIcon": "MoveLeftRight",
                "barTitle": "Align stretched horizontally"
              }
            ],
            "defaultValue": "left"
          },
          {
            "type": "select",
            "label": "Vert. align",
            "key": "vAlign",
            "showInBar": true,
            "barStyle": "buttons",
            "options": [
              {
                "label": "Top",
                "value": "top",
                "barIcon": "AlignTop",
                "barTitle": "Align top"
              },
              {
                "label": "Middle",
                "value": "middle",
                "barIcon": "AlignMiddle",
                "barTitle": "Align middle"
              },
              {
                "label": "Bottom",
                "value": "bottom",
                "barIcon": "AlignBottom",
                "barTitle": "Align bottom"
              },
              {
                "label": "Stretch",
                "value": "stretch",
                "barIcon": "MoveUpDown",
                "barTitle": "Align stretched vertically"
              }
            ],
            "defaultValue": "top"
          },
          {
            "type": "select",
            "label": "Size",
            "key": "size",
            "showInBar": true,
            "barStyle": "buttons",
            "options": [
              {
                "label": "Shrink",
                "value": "shrink",
                "barIcon": "Minimize",
                "barTitle": "Shrink container"
              },
              {
                "label": "Grow",
                "value": "grow",
                "barIcon": "Maximize",
                "barTitle": "Grow container"
              }
            ],
            "defaultValue": "shrink"
          },
          {
            "type": "select",
            "label": "Gap",
            "key": "gap",
            "showInBar": true,
            "barStyle": "picker",
            "options": [
              {
                "label": "None",
                "value": "N"
              },
              {
                "label": "Small",
                "value": "S"
              },
              {
                "label": "Medium",
                "value": "M"
              },
              {
                "label": "Large",
                "value": "L"
              }
            ],
            "defaultValue": "M"
          },
          {
            "type": "boolean",
            "label": "Wrap",
            "key": "wrap",
            "showInBar": true,
            "barIcon": "ModernGridView",
            "barTitle": "Wrap"
          }
        ]
      }
    ]
  },
  "button": {
    "name": "Button",
    "description": "A basic html button that is ready for styling",
    "icon": "Button",
    "editable": true,
    "size": {
      "width": 105,
      "height": 32
    },
    "settings": [
      {
        "type": "text",
        "label": "Text",
        "key": "text",
        "defaultValue": "New Button"
      },
      {
        "type": "select",
        "showInBar": true,
        "label": "Variant",
        "key": "type",
        "options": [
          {
            "label": "Primary",
            "value": "primary"
          },
          {
            "label": "Secondary",
            "value": "secondary"
          },
          {
            "label": "Action",
            "value": "cta"
          },
          {
            "label": "Warning",
            "value": "warning"
          },
          {
            "label": "Over background",
            "value": "overBackground"
          }
        ],
        "defaultValue": "primary"
      },
      {
        "type": "select",
        "label": "Size",
        "showInBar": true,
        "key": "size",
        "options": [
          {
            "label": "Small",
            "value": "S"
          },
          {
            "label": "Medium",
            "value": "M"
          },
          {
            "label": "Large",
            "value": "L"
          },
          {
            "label": "Extra large",
            "value": "XL"
          }
        ],
        "defaultValue": "M"
      },
      {
        "type": "boolean",
        "label": "Quiet",
        "key": "quiet",
        "showInBar": true,
        "barIcon": "VisibilityOff",
        "barTitle": "Quiet variant",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "showInBar": true,
        "barIcon": "NoEdit",
        "barTitle": "Disable button",
        "key": "disabled"
      },
      {
        "type": "event",
        "label": "On click",
        "key": "onClick"
      }
    ]
  },
  "divider": {
    "name": "Divider",
    "description": "A basic divider",
    "icon": "Separator",
    "illegalChildren": ["section"],
    "size": {
      "width": 400,
      "height": 10
    },
    "settings": [
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "options": [
          {
            "label": "Small",
            "value": "S"
          },
          {
            "label": "Medium",
            "value": "M"
          },
          {
            "label": "Large",
            "value": "L"
          }
        ],
        "defaultValue": "M"
      },
      {
        "type": "boolean",
        "label": "Vertical",
        "key": "vertical"
      }
    ]
  },
  "repeater": {
    "name": "Repeater",
    "description": "A configurable data list that attaches to your backend tables.",
    "icon": "JourneyData",
    "illegalChildren": ["section"],
    "requiredAncestors": ["dataprovider"],
    "hasChildren": true,
    "size": {
      "width": 400,
      "height": 100
    },
    "settings": [
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider",
        "required": true
      },
      {
        "type": "text",
        "label": "Empty text",
        "key": "noRowsMessage",
        "defaultValue": "No rows found"
      },
      {
        "type": "select",
        "label": "Direction",
        "key": "direction",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Column",
            "value": "column",
            "barIcon": "ViewColumn",
            "barTitle": "Column layout"
          },
          {
            "label": "Row",
            "value": "row",
            "barIcon": "ViewRow",
            "barTitle": "Row layout"
          }
        ],
        "defaultValue": "column"
      },
      {
        "type": "select",
        "label": "Horiz. align",
        "key": "hAlign",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Left",
            "value": "left",
            "barIcon": "AlignLeft",
            "barTitle": "Align left"
          },
          {
            "label": "Center",
            "value": "center",
            "barIcon": "AlignCenter",
            "barTitle": "Align center"
          },
          {
            "label": "Right",
            "value": "right",
            "barIcon": "AlignRight",
            "barTitle": "Align right"
          },
          {
            "label": "Stretch",
            "value": "stretch",
            "barIcon": "MoveLeftRight",
            "barTitle": "Align stretched horizontally"
          }
        ],
        "defaultValue": "stretch"
      },
      {
        "type": "select",
        "label": "Vert. align",
        "key": "vAlign",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Top",
            "value": "top",
            "barIcon": "AlignTop",
            "barTitle": "Align top"
          },
          {
            "label": "Middle",
            "value": "middle",
            "barIcon": "AlignMiddle",
            "barTitle": "Align middle"
          },
          {
            "label": "Bottom",
            "value": "bottom",
            "barIcon": "AlignBottom",
            "barTitle": "Align bottom"
          },
          {
            "label": "Stretch",
            "value": "stretch",
            "barIcon": "MoveUpDown",
            "barTitle": "Align stretched vertically"
          }
        ],
        "defaultValue": "top"
      },
      {
        "type": "select",
        "label": "Gap",
        "key": "gap",
        "showInBar": true,
        "barStyle": "picker",
        "options": [
          {
            "label": "None",
            "value": "N"
          },
          {
            "label": "Small",
            "value": "S"
          },
          {
            "label": "Medium",
            "value": "M"
          },
          {
            "label": "Large",
            "value": "L"
          }
        ],
        "defaultValue": "M"
      }
    ],
    "context": [
      {
        "type": "schema"
      },
      {
        "type": "static",
        "values": [
          {
            "label": "Row index",
            "key": "index",
            "type": "number"
          }
        ]
      }
    ]
  },
  "stackedlist": {
    "deprecated": true,
    "name": "Stacked List",
    "icon": "TaskList",
    "description": "A basic card component that can contain content and actions.",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "Image",
        "key": "imageUrl"
      },
      {
        "type": "text",
        "label": "Heading",
        "key": "heading"
      },
      {
        "type": "text",
        "label": "Subheading",
        "key": "subheading"
      },
      {
        "type": "text",
        "label": "Link URL",
        "key": "destinationUrl",
        "placeholder": "/screen"
      }
    ]
  },
  "card": {
    "deprecated": true,
    "name": "Vertical Card",
    "description": "A basic card component that can contain content and actions.",
    "icon": "ViewColumn",
    "illegalChildren": ["section"],
    "settings": [
      {
        "type": "text",
        "label": "Image",
        "key": "imageUrl"
      },
      {
        "type": "text",
        "label": "Heading",
        "key": "heading"
      },
      {
        "type": "text",
        "label": "Description",
        "key": "description"
      },
      {
        "type": "text",
        "label": "Link text",
        "key": "linkText"
      },
      {
        "type": "text",
        "label": "Link URL",
        "key": "linkUrl",
        "placeholder": "/screen"
      },
      {
        "type": "color",
        "label": "Link color",
        "key": "linkColor",
        "defaultValue": "#000"
      },
      {
        "type": "color",
        "label": "Hover color",
        "key": "linkHoverColor",
        "defaultValue": "#222"
      },
      {
        "type": "select",
        "label": "Image height",
        "key": "imageHeight",
        "options": ["auto", "12rem", "16rem", "20rem", "24rem"],
        "defaultValue": "auto"
      },
      {
        "type": "select",
        "label": "Card width",
        "key": "cardWidth",
        "options": ["16rem", "20rem", "24rem"],
        "defaultValue": "20rem"
      }
    ]
  },
  "text": {
    "name": "Paragraph",
    "description": "A component for displaying paragraph text.",
    "icon": "TextParagraph",
    "illegalChildren": ["section"],
    "editable": true,
    "size": {
      "width": 400,
      "height": 24
    },
    "settings": [
      {
        "type": "text",
        "label": "Text",
        "key": "text"
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "defaultValue": "M",
        "showInBar": true,
        "barStyle": "picker",
        "options": [
          {
            "label": "Extra small",
            "value": "XS"
          },
          {
            "label": "Small",
            "value": "S"
          },
          {
            "label": "Medium",
            "value": "M"
          },
          {
            "label": "Large",
            "value": "L"
          },
          {
            "label": "Extra large",
            "value": "XL"
          },
          {
            "label": "2XL",
            "value": "XXL"
          },
          {
            "label": "3XL",
            "value": "XXXL"
          }
        ]
      },
      {
        "type": "color",
        "label": "Color",
        "key": "color",
        "showInBar": true,
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Bold",
        "key": "bold",
        "showInBar": true,
        "barIcon": "TagBold",
        "barTitle": "Bold text",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Italic",
        "key": "italic",
        "showInBar": true,
        "barIcon": "TagItalic",
        "barTitle": "Italic text",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Underline",
        "key": "underline",
        "showInBar": true,
        "barIcon": "TagUnderline",
        "barTitle": "Underline text"
      },
      {
        "type": "select",
        "label": "Alignment",
        "key": "align",
        "defaultValue": "left",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Left",
            "value": "left",
            "barIcon": "TextAlignLeft",
            "barTitle": "Align left"
          },
          {
            "label": "Center",
            "value": "center",
            "barIcon": "TextAlignCenter",
            "barTitle": "Align center"
          },
          {
            "label": "Right",
            "value": "right",
            "barIcon": "TextAlignRight",
            "barTitle": "Align right"
          },
          {
            "label": "Justify",
            "value": "justify",
            "barIcon": "TextAlignJustify",
            "barTitle": "Justify text"
          }
        ]
      }
    ]
  },
  "heading": {
    "name": "Headline",
    "icon": "TextBold",
    "description": "A component for displaying heading text",
    "illegalChildren": ["section"],
    "editable": true,
    "size": {
      "width": 400,
      "height": 32
    },
    "settings": [
      {
        "type": "text",
        "key": "text",
        "label": "Text"
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "defaultValue": "M",
        "showInBar": true,
        "barStyle": "picker",
        "options": [
          {
            "label": "Extra small",
            "value": "XS"
          },
          {
            "label": "Small",
            "value": "S"
          },
          {
            "label": "Medium",
            "value": "M"
          },
          {
            "label": "Large",
            "value": "L"
          },
          {
            "label": "Extra large",
            "value": "XL"
          },
          {
            "label": "2XL",
            "value": "XXL"
          },
          {
            "label": "3XL",
            "value": "XXXL"
          }
        ]
      },
      {
        "type": "color",
        "label": "Color",
        "key": "color",
        "showInBar": true,
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Bold",
        "key": "bold",
        "showInBar": true,
        "barIcon": "TagBold",
        "barTitle": "Bold text",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Italic",
        "key": "italic",
        "showInBar": true,
        "barIcon": "TagItalic",
        "barTitle": "Italic text",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Underline",
        "key": "underline",
        "showInBar": true,
        "barIcon": "TagUnderline",
        "barTitle": "Underline text"
      },
      {
        "type": "select",
        "label": "Alignment",
        "key": "align",
        "defaultValue": "left",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Left",
            "value": "left",
            "barIcon": "TextAlignLeft",
            "barTitle": "Align left"
          },
          {
            "label": "Center",
            "value": "center",
            "barIcon": "TextAlignCenter",
            "barTitle": "Align center"
          },
          {
            "label": "Right",
            "value": "right",
            "barIcon": "TextAlignRight",
            "barTitle": "Align right"
          },
          {
            "label": "Justify",
            "value": "justify",
            "barIcon": "TextAlignJustify",
            "barTitle": "Justify text"
          }
        ]
      }
    ]
  },
  "tag": {
    "name": "Tag",
    "icon": "Label",
    "size": {
      "width": 100,
      "height": 25
    },
    "settings": [
      {
        "type": "text",
        "label": "Text",
        "key": "text"
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "defaultValue": "M",
        "showInBar": true,
        "barStyle": "picker",
        "options": [
          {
            "label": "Small",
            "value": "S"
          },
          {
            "label": "Medium",
            "value": "M"
          },
          {
            "label": "Large",
            "value": "L"
          }
        ]
      },
      {
        "type": "color",
        "label": "Color",
        "key": "color",
        "showInBar": true
      },
      {
        "type": "boolean",
        "label": "Allow delete",
        "key": "closable"
      },
      {
        "type": "event",
        "label": "On click delete",
        "key": "onClick",
        "dependsOn": "closable"
      }
    ]
  },
  "image": {
    "name": "Image",
    "description": "A basic component for displaying images",
    "icon": "Image",
    "styles": ["size"],
    "size": {
      "width": 400,
      "height": 300
    },
    "settings": [
      {
        "type": "text",
        "label": "URL",
        "key": "url",
        "required": true
      }
    ]
  },
  "backgroundimage": {
    "name": "Background Image",
    "description": "A background image",
    "icon": "Images",
    "hasChildren": true,
    "styles": ["size"],
    "size": {
      "width": 400,
      "height": 300
    },
    "settings": [
      {
        "type": "text",
        "label": "URL",
        "key": "url",
        "required": true
      },
      {
        "type": "select",
        "label": "Position",
        "key": "position",
        "defaultValue": "center center",
        "options": [
          {
            "label": "Center top",
            "value": "center top"
          },
          {
            "label": "Center",
            "value": "center center"
          },
          {
            "label": "Center bottom",
            "value": "center bottom"
          },
          {
            "label": "Left top",
            "value": "left top"
          },
          {
            "label": "Left center",
            "value": "left center"
          },
          {
            "label": "Left bottom",
            "value": "left bottom"
          },
          {
            "label": "Right top",
            "value": "right top"
          },
          {
            "label": "Right center",
            "value": "right center"
          },
          {
            "label": "Right bottom",
            "value": "right bottom"
          }
        ]
      }
    ]
  },
  "icon": {
    "name": "Icon",
    "description": "A basic component for displaying icons",
    "icon": "Shapes",
    "size": {
      "width": 25,
      "height": 25
    },
    "settings": [
      {
        "type": "icon",
        "label": "Icon",
        "key": "icon",
        "required": true
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "defaultValue": "ri-1x",
        "options": [
          {
            "value": "ri-xxs",
            "label": "XXS"
          },
          {
            "value": "ri-xs",
            "label": "XS"
          },
          {
            "value": "ri-sm",
            "label": "Small"
          },
          {
            "value": "ri-1x",
            "label": "Medium"
          },
          {
            "value": "ri-lg",
            "label": "Large"
          },
          {
            "value": "ri-xl",
            "label": "XL"
          },
          {
            "value": "ri-2x",
            "label": "2XL"
          },
          {
            "value": "ri-3x",
            "label": "3XL"
          },
          {
            "value": "ri-4x",
            "label": "4XL"
          },
          {
            "value": "ri-5x",
            "label": "5XL"
          },
          {
            "value": "ri-6x",
            "label": "6XL"
          },
          {
            "value": "ri-7x",
            "label": "7XL"
          },
          {
            "value": "ri-8x",
            "label": "8XL"
          },
          {
            "value": "ri-9x",
            "label": "9XL"
          },
          {
            "value": "ri-10x",
            "label": "10XL"
          }
        ]
      },
      {
        "type": "color",
        "label": "Color",
        "key": "color"
      },
      {
        "type": "event",
        "label": "On click",
        "key": "onClick"
      }
    ]
  },
  "navigation": {
    "deprecated": true,
    "name": "Nav Bar",
    "description": "A component for handling the navigation within your app.",
    "icon": "BreadcrumbNavigation",
    "illegalChildren": ["section"],
    "hasChildren": true,
    "settings": [
      {
        "type": "text",
        "label": "Logo URL",
        "key": "logoUrl"
      },
      {
        "type": "boolean",
        "label": "Hide logo",
        "key": "hideLogo",
        "defaultValue": false
      }
    ]
  },
  "link": {
    "name": "Link",
    "description": "A basic link component for internal and external links",
    "icon": "Link",
    "editable": true,
    "size": {
      "width": 200,
      "height": 30
    },
    "settings": [
      {
        "type": "text",
        "label": "Text",
        "key": "text"
      },
      {
        "type": "url",
        "label": "URL",
        "key": "url",
        "placeholder": "/screen"
      },
      {
        "type": "boolean",
        "label": "New tab",
        "key": "openInNewTab"
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "defaultValue": "M",
        "showInBar": true,
        "barStyle": "picker",
        "options": [
          {
            "label": "Small",
            "value": "S"
          },
          {
            "label": "Medium",
            "value": "M"
          },
          {
            "label": "Large",
            "value": "L"
          }
        ]
      },
      {
        "type": "color",
        "label": "Color",
        "key": "color",
        "showInBar": true,
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Bold",
        "key": "bold",
        "showInBar": true,
        "barIcon": "TagBold",
        "barTitle": "Bold text",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Italic",
        "key": "italic",
        "showInBar": true,
        "barIcon": "TagItalic",
        "barTitle": "Italic text",
        "barSeparator": false
      },
      {
        "type": "boolean",
        "label": "Underline",
        "key": "underline",
        "showInBar": true,
        "barIcon": "TagUnderline",
        "barTitle": "Underline text"
      },
      {
        "type": "select",
        "label": "Alignment",
        "key": "align",
        "defaultValue": "left",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Left",
            "value": "left",
            "barIcon": "TextAlignLeft",
            "barTitle": "Align left"
          },
          {
            "label": "Center",
            "value": "center",
            "barIcon": "TextAlignCenter",
            "barTitle": "Align center"
          },
          {
            "label": "Right",
            "value": "right",
            "barIcon": "TextAlignRight",
            "barTitle": "Align right"
          },
          {
            "label": "Justify",
            "value": "justify",
            "barIcon": "TextAlignJustify",
            "barTitle": "Justify text"
          }
        ]
      }
    ]
  },
  "cardhorizontal": {
    "deprecated": true,
    "name": "Horizontal Card",
    "description": "A basic card component that can contain content and actions.",
    "icon": "ViewRow",
    "settings": [
      {
        "type": "text",
        "label": "Image",
        "key": "imageUrl"
      },
      {
        "type": "text",
        "label": "Heading",
        "key": "heading"
      },
      {
        "type": "text",
        "label": "Description",
        "key": "description"
      },
      {
        "type": "text",
        "label": "Subtext",
        "key": "subtext"
      },
      {
        "type": "text",
        "label": "Link text",
        "key": "linkText"
      },
      {
        "type": "text",
        "label": "Link URL",
        "key": "linkUrl",
        "placeholder": "/screen"
      },
      {
        "type": "color",
        "label": "Link color",
        "key": "linkColor",
        "defaultValue": "#000"
      },
      {
        "type": "color",
        "label": "Hover color",
        "key": "linkHoverColor",
        "defaultValue": "#222"
      },
      {
        "type": "select",
        "label": "Card width",
        "key": "cardWidth",
        "options": [
          "24rem",
          "28rem",
          "32rem",
          "40rem",
          "48rem",
          "60rem",
          "100%"
        ],
        "defaultValue": "32rem"
      },
      {
        "type": "select",
        "label": "Image width",
        "key": "imageWidth",
        "options": ["auto", "8rem", "12rem", "16rem"],
        "defaultValue": "8rem"
      },
      {
        "type": "select",
        "label": "Image height",
        "key": "imageHeight",
        "options": ["auto", "8rem", "12rem", "16rem", "auto"],
        "defaultValue": "auto"
      }
    ]
  },
  "cardstat": {
    "name": "Stat Card",
    "description": "A card component for displaying numbers.",
    "icon": "Card",
    "size": {
      "width": 260,
      "height": 143
    },
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title",
        "placeholder": "Total Revenue",
        "defaultValue": "Title"
      },
      {
        "type": "text",
        "label": "Value",
        "key": "value",
        "placeholder": "$1,981,983",
        "defaultValue": "Value"
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label",
        "placeholder": "Stripe",
        "defaultValue": "Label"
      }
    ]
  },
  "embed": {
    "name": "Embed",
    "icon": "Code",
    "description": "Embed content from 3rd party sources",
    "styles": ["size"],
    "size": {
      "width": 400,
      "height": 100
    },
    "settings": [
      {
        "type": "text",
        "label": "Embed",
        "key": "embed",
        "required": true
      }
    ]
  },
  "bar": {
    "name": "Bar Chart",
    "description": "Bar chart",
    "icon": "GraphBarVertical",
    "requiredAncestors": ["dataprovider"],
    "size": {
      "width": 600,
      "height": 400
    },
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider",
        "required": true
      },
      {
        "type": "field",
        "label": "Label column",
        "key": "labelColumn",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "multifield",
        "label": "Data columns",
        "key": "valueColumns",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "select",
        "label": "Format",
        "key": "yAxisUnits",
        "options": ["Default", "Thousands", "Millions"],
        "defaultValue": "Default"
      },
      {
        "type": "text",
        "label": "Y axis label",
        "key": "yAxisLabel"
      },
      {
        "type": "text",
        "label": "X axis label",
        "key": "xAxisLabel"
      },
      {
        "type": "text",
        "label": "Width",
        "key": "width"
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "400"
      },
      {
        "type": "select",
        "label": "Colors",
        "key": "palette",
        "defaultValue": "Palette 1",
        "options": [
          "Custom",
          "Palette 1",
          "Palette 2",
          "Palette 3",
          "Palette 4",
          "Palette 5",
          "Palette 6",
          "Palette 7",
          "Palette 8",
          "Palette 9",
          "Palette 10"
        ]
      },
      {
        "type": "color",
        "label": "C1",
        "key": "c1",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C2",
        "key": "c2",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C3",
        "key": "c3",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C4",
        "key": "c4",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C5",
        "key": "c5",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "boolean",
        "label": "Stacked",
        "key": "stacked",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Horizontal",
        "key": "horizontal",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Data labels",
        "key": "dataLabels",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Animate",
        "key": "animate",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Legend",
        "key": "legend",
        "defaultValue": false
      }
    ]
  },
  "line": {
    "name": "Line Chart",
    "description": "Line chart",
    "icon": "GraphTrend",
    "size": {
      "width": 600,
      "height": 400
    },
    "requiredAncestors": ["dataprovider"],
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider",
        "required": true
      },
      {
        "type": "field",
        "label": "Label column",
        "key": "labelColumn",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "multifield",
        "label": "Data columns",
        "key": "valueColumns",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "select",
        "label": "Format",
        "key": "yAxisUnits",
        "options": ["Default", "Thousands", "Millions"],
        "defaultValue": "Default"
      },
      {
        "type": "text",
        "label": "Y axis label",
        "key": "yAxisLabel"
      },
      {
        "type": "text",
        "label": "X axis label",
        "key": "xAxisLabel"
      },
      {
        "type": "text",
        "label": "Width",
        "key": "width"
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "400"
      },
      {
        "type": "select",
        "label": "Colors",
        "key": "palette",
        "defaultValue": "Palette 1",
        "options": [
          "Custom",
          "Palette 1",
          "Palette 2",
          "Palette 3",
          "Palette 4",
          "Palette 5",
          "Palette 6",
          "Palette 7",
          "Palette 8",
          "Palette 9",
          "Palette 10"
        ]
      },
      {
        "type": "color",
        "label": "C1",
        "key": "c1",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C2",
        "key": "c2",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C3",
        "key": "c3",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C4",
        "key": "c4",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C5",
        "key": "c5",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "select",
        "label": "Curve",
        "key": "curve",
        "options": ["Smooth", "Straight", "Stepline"],
        "defaultValue": "Smooth"
      },
      {
        "type": "boolean",
        "label": "Data labels",
        "key": "dataLabels",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Animate",
        "key": "animate",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Legend",
        "key": "legend",
        "defaultValue": false
      }
    ]
  },
  "area": {
    "name": "Area Chart",
    "description": "Line chart",
    "icon": "GraphAreaStacked",
    "size": {
      "width": 600,
      "height": 400
    },
    "requiredAncestors": ["dataprovider"],
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider",
        "required": true
      },
      {
        "type": "field",
        "label": "Label column",
        "key": "labelColumn",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "multifield",
        "label": "Data columns",
        "key": "valueColumns",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "select",
        "label": "Format",
        "key": "yAxisUnits",
        "options": ["Default", "Thousands", "Millions"],
        "defaultValue": "Default"
      },
      {
        "type": "text",
        "label": "Y axis label",
        "key": "yAxisLabel"
      },
      {
        "type": "text",
        "label": "X axis label",
        "key": "xAxisLabel"
      },
      {
        "type": "text",
        "label": "Width",
        "key": "width"
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "400"
      },
      {
        "type": "select",
        "label": "Colors",
        "key": "palette",
        "defaultValue": "Palette 1",
        "options": [
          "Custom",
          "Palette 1",
          "Palette 2",
          "Palette 3",
          "Palette 4",
          "Palette 5",
          "Palette 6",
          "Palette 7",
          "Palette 8",
          "Palette 9",
          "Palette 10"
        ]
      },
      {
        "type": "color",
        "label": "C1",
        "key": "c1",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C2",
        "key": "c2",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C3",
        "key": "c3",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C4",
        "key": "c4",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C5",
        "key": "c5",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "select",
        "label": "Curve",
        "key": "curve",
        "options": ["Smooth", "Straight", "Stepline"],
        "defaultValue": "Smooth"
      },
      {
        "type": "boolean",
        "label": "Data labels",
        "key": "dataLabels",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Animate",
        "key": "animate",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Legend",
        "key": "legend",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Stacked",
        "key": "stacked",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Gradient",
        "key": "gradient",
        "defaultValue": false
      }
    ]
  },
  "pie": {
    "name": "Pie Chart",
    "description": "Pie chart",
    "icon": "GraphPie",
    "size": {
      "width": 600,
      "height": 400
    },
    "requiredAncestors": ["dataprovider"],
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider",
        "required": true
      },
      {
        "type": "field",
        "label": "Label column",
        "key": "labelColumn",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "field",
        "label": "Data columns",
        "key": "valueColumn",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "text",
        "label": "Width",
        "key": "width"
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "400"
      },
      {
        "type": "select",
        "label": "Colors",
        "key": "palette",
        "defaultValue": "Palette 1",
        "options": [
          "Custom",
          "Palette 1",
          "Palette 2",
          "Palette 3",
          "Palette 4",
          "Palette 5",
          "Palette 6",
          "Palette 7",
          "Palette 8",
          "Palette 9",
          "Palette 10"
        ]
      },
      {
        "type": "color",
        "label": "C1",
        "key": "c1",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C2",
        "key": "c2",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C3",
        "key": "c3",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C4",
        "key": "c4",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C5",
        "key": "c5",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "boolean",
        "label": "Data labels",
        "key": "dataLabels",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Animate",
        "key": "animate",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Legend",
        "key": "legend",
        "defaultValue": false
      }
    ]
  },
  "donut": {
    "name": "Donut Chart",
    "description": "Donut chart",
    "icon": "GraphDonut",
    "size": {
      "width": 600,
      "height": 400
    },
    "requiredAncestors": ["dataprovider"],
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider",
        "required": true
      },
      {
        "type": "field",
        "label": "Label column",
        "key": "labelColumn",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "field",
        "label": "Data columns",
        "key": "valueColumn",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "text",
        "label": "Width",
        "key": "width"
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "400"
      },
      {
        "type": "select",
        "label": "Colors",
        "key": "palette",
        "defaultValue": "Palette 1",
        "options": [
          "Custom",
          "Palette 1",
          "Palette 2",
          "Palette 3",
          "Palette 4",
          "Palette 5",
          "Palette 6",
          "Palette 7",
          "Palette 8",
          "Palette 9",
          "Palette 10"
        ]
      },
      {
        "type": "color",
        "label": "C1",
        "key": "c1",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C2",
        "key": "c2",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C3",
        "key": "c3",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C4",
        "key": "c4",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C5",
        "key": "c5",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "boolean",
        "label": "Data labels",
        "key": "dataLabels",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Animate",
        "key": "animate",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Legend",
        "key": "legend",
        "defaultValue": false
      }
    ]
  },
  "candlestick": {
    "name": "Candlestick Chart",
    "description": "Candlestick chart",
    "icon": "GraphBarVerticalStacked",
    "size": {
      "width": 600,
      "height": 400
    },
    "requiredAncestors": ["dataprovider"],
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider",
        "required": true
      },
      {
        "type": "field",
        "label": "Date column",
        "key": "dateColumn",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "field",
        "label": "Open column",
        "key": "openColumn",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "field",
        "label": "Close column",
        "key": "closeColumn",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "field",
        "label": "High column",
        "key": "highColumn",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "field",
        "label": "Low column",
        "key": "lowColumn",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "select",
        "label": "Format",
        "key": "yAxisUnits",
        "options": ["Default", "Thousands", "Millions"],
        "defaultValue": "Default"
      },
      {
        "type": "text",
        "label": "Y axis label",
        "key": "yAxisLabel"
      },
      {
        "type": "text",
        "label": "X axis label",
        "key": "xAxisLabel"
      },
      {
        "type": "text",
        "label": "Width",
        "key": "width"
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "400"
      },
      {
        "type": "boolean",
        "label": "Animate",
        "key": "animate",
        "defaultValue": true
      }
    ]
  },
  "histogram": {
    "name": "Histogram Chart",
    "description": "Histogram chart",
    "icon": "Histogram",
    "size": {
      "width": 600,
      "height": 400
    },
    "requiredAncestors": ["dataprovider"],
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider",
        "required": true
      },
      {
        "type": "field",
        "label": "Data column",
        "key": "valueColumn",
        "dependsOn": "dataProvider",
        "required": true
      },
      {
        "type": "text",
        "label": "Y axis label",
        "key": "yAxisLabel",
        "defaultValue": "Frequency"
      },
      {
        "type": "text",
        "label": "X axis label",
        "key": "xAxisLabel"
      },
      {
        "type": "number",
        "label": "Bucket count",
        "key": "bucketCount",
        "defaultValue": 10,
        "min": 2
      },
      {
        "type": "boolean",
        "label": "Data labels",
        "key": "dataLabels",
        "defaultValue": false
      },
      {
        "type": "text",
        "label": "Width",
        "key": "width"
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "400"
      },
      {
        "type": "select",
        "label": "Colors",
        "key": "palette",
        "defaultValue": "Palette 1",
        "options": [
          "Custom",
          "Palette 1",
          "Palette 2",
          "Palette 3",
          "Palette 4",
          "Palette 5",
          "Palette 6",
          "Palette 7",
          "Palette 8",
          "Palette 9",
          "Palette 10"
        ]
      },
      {
        "type": "color",
        "label": "C1",
        "key": "c1",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C2",
        "key": "c2",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C3",
        "key": "c3",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C4",
        "key": "c4",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C5",
        "key": "c5",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "boolean",
        "label": "Animate",
        "key": "animate",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Horizontal",
        "key": "horizontal",
        "defaultValue": false
      }
    ]
  },
  "form": {
    "name": "Form",
    "icon": "Form",
    "hasChildren": true,
    "illegalChildren": ["section", "form", "formblock"],
    "actions": [
      "ValidateForm",
      "ClearForm",
      "ChangeFormStep",
      "UpdateFieldValue",
      "ScrollTo"
    ],
    "styles": ["size"],
    "size": {
      "width": 400,
      "height": 400
    },
    "settings": [
      {
        "type": "select",
        "label": "Type",
        "key": "actionType",
        "options": ["Create", "Update"],
        "defaultValue": "Create"
      },
      {
        "type": "schema",
        "label": "Schema",
        "key": "dataSource",
        "defaultValue": {
          "name": "Custom",
          "label": "Custom"
        }
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "options": [
          {
            "label": "Medium",
            "value": "spectrum--medium"
          },
          {
            "label": "Large",
            "value": "spectrum--large"
          }
        ],
        "defaultValue": "spectrum--medium"
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Read only",
        "key": "readonly",
        "defaultValue": false,
        "dependsOn": {
          "setting": "disabled",
          "value": true,
          "invert": true
        }
      },
      {
        "type": "text",
        "label": "Initial form step",
        "key": "initialFormStep",
        "defaultValue": 1
      }
    ],
    "context": [
      {
        "type": "static",
        "values": [
          {
            "label": "Value",
            "key": "__value",
            "type": "object"
          },
          {
            "label": "Valid",
            "key": "__valid",
            "type": "boolean"
          },
          {
            "label": "Current Step",
            "key": "__currentStep",
            "type": "number"
          },
          {
            "label": "Current Step Valid",
            "key": "__currentStepValid",
            "type": "boolean"
          }
        ]
      },
      {
        "type": "form"
      }
    ]
  },
  "formstep": {
    "name": "Form Step",
    "icon": "AssetsAdded",
    "hasChildren": true,
    "requiredAncestors": ["form"],
    "illegalChildren": ["section", "form", "formstep", "formblock"],
    "styles": ["size"],
    "size": {
      "width": 400,
      "height": 400
    },
    "settings": [
      {
        "type": "number",
        "label": "Step",
        "key": "step",
        "defaultValue": 1,
        "min": 1
      }
    ]
  },
  "fieldgroup": {
    "name": "Field Group",
    "icon": "Group",
    "requiredAncestors": ["form"],
    "illegalChildren": ["section"],
    "styles": ["size"],
    "hasChildren": true,
    "size": {
      "width": 400,
      "height": 400
    },
    "settings": [
      {
        "type": "select",
        "label": "Labels",
        "key": "labelPosition",
        "defaultValue": "above",
        "options": [
          {
            "label": "Left",
            "value": "left"
          },
          {
            "label": "Above",
            "value": "above"
          }
        ]
      },
      {
        "type": "section",
        "label": "Type",
        "key": "type",
        "defaultValue": "oneColumn",
        "dependsOn": {
          "setting": "labelPosition",
          "value": "above"
        }
      }
    ]
  },
  "stringfield": {
    "name": "Text Field",
    "icon": "Text",
    "styles": ["size"],
    "requiredAncestors": ["form"],
    "editable": true,
    "size": {
      "width": 400,
      "height": 32
    },
    "settings": [
      {
        "type": "field/string",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder"
      },
      {
        "type": "text",
        "label": "Default value",
        "key": "defaultValue",
        "supportsConditions": false
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Read only",
        "key": "readonly",
        "defaultValue": false,
        "dependsOn": {
          "setting": "disabled",
          "value": true,
          "invert": true
        }
      },
      {
        "type": "validation/string",
        "label": "Validation",
        "key": "validation"
      },
      {
        "type": "select",
        "label": "Alignment",
        "key": "align",
        "defaultValue": "left",
        "showInBar": true,
        "barStyle": "buttons",
        "options": [
          {
            "label": "Left",
            "value": "left",
            "barIcon": "TextAlignLeft",
            "barTitle": "Align left"
          },
          {
            "label": "Center",
            "value": "center",
            "barIcon": "TextAlignCenter",
            "barTitle": "Align center"
          },
          {
            "label": "Right",
            "value": "right",
            "barIcon": "TextAlignRight",
            "barTitle": "Align right"
          },
          {
            "label": "Justify",
            "value": "justify",
            "barIcon": "TextAlignJustify",
            "barTitle": "Justify text"
          }
        ]
      }
    ]
  },
  "numberfield": {
    "name": "Number Field",
    "icon": "123",
    "styles": ["size"],
    "requiredAncestors": ["form"],
    "editable": true,
    "size": {
      "width": 400,
      "height": 50
    },
    "settings": [
      {
        "type": "field/number",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder"
      },
      {
        "type": "text",
        "label": "Default value",
        "key": "defaultValue",
        "supportsConditions": false
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      },
      {
        "type": "validation/number",
        "label": "Validation",
        "key": "validation"
      }
    ]
  },
  "bigintfield": {
    "name": "BigInt Field",
    "icon": "TagBold",
    "styles": ["size"],
    "requiredAncestors": ["form"],
    "editable": true,
    "size": {
      "width": 400,
      "height": 50
    },
    "settings": [
      {
        "type": "field/bigint",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder"
      },
      {
        "type": "text",
        "label": "Default value",
        "key": "defaultValue",
        "supportsConditions": false
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      }
    ]
  },
  "passwordfield": {
    "name": "Password Field",
    "icon": "LockClosed",
    "styles": ["size"],
    "requiredAncestors": ["form"],
    "editable": true,
    "size": {
      "width": 400,
      "height": 50
    },
    "settings": [
      {
        "type": "field/string",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder"
      },
      {
        "type": "text",
        "label": "Default value",
        "key": "defaultValue",
        "supportsConditions": false
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      },
      {
        "type": "validation/string",
        "label": "Validation",
        "key": "validation"
      }
    ]
  },
  "optionsfield": {
    "name": "Options Picker",
    "icon": "Menu",
    "styles": ["size"],
    "requiredAncestors": ["form"],
    "editable": true,
    "size": {
      "width": 400,
      "height": 50
    },
    "settings": [
      {
        "type": "field/options",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder",
        "placeholder": "Choose an option"
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "select",
        "label": "Type",
        "key": "optionsType",
        "defaultValue": "select",
        "placeholder": "Pick an options type",
        "options": [
          {
            "label": "Select",
            "value": "select"
          },
          {
            "label": "Radio buttons",
            "value": "radio"
          }
        ]
      },
      {
        "type": "select",
        "label": "Direction",
        "key": "direction",
        "defaultValue": "vertical",
        "options": [
          {
            "label": "Horizontal",
            "value": "horizontal"
          },
          {
            "label": "Vertical",
            "value": "vertical"
          }
        ],
        "dependsOn": {
          "setting": "optionsType",
          "value": "radio"
        }
      },
      {
        "type": "text",
        "label": "Default value",
        "key": "defaultValue",
        "supportsConditions": false
      },
      {
        "type": "boolean",
        "label": "Autocomplete",
        "key": "autocomplete",
        "defaultValue": false,
        "dependsOn": {
          "setting": "optionsType",
          "value": "select"
        }
      },
      {
        "type": "boolean",
        "label": "Alphabetical",
        "key": "sort",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Read only",
        "key": "readonly",
        "defaultValue": false,
        "dependsOn": {
          "setting": "disabled",
          "value": true,
          "invert": true
        }
      },
      {
        "type": "select",
        "label": "Options source",
        "key": "optionsSource",
        "defaultValue": "schema",
        "placeholder": "Pick an options source",
        "options": [
          {
            "label": "Schema",
            "value": "schema"
          },
          {
            "label": "Data provider",
            "value": "provider"
          },
          {
            "label": "Custom",
            "value": "custom"
          }
        ]
      },
      {
        "type": "dataProvider",
        "label": "Options provider",
        "key": "dataProvider",
        "required": true,
        "dependsOn": {
          "setting": "optionsSource",
          "value": "provider"
        }
      },
      {
        "type": "field",
        "label": "Label column",
        "key": "labelColumn",
        "dependsOn": {
          "setting": "optionsSource",
          "value": "provider"
        }
      },
      {
        "type": "field",
        "label": "Value column",
        "key": "valueColumn",
        "dependsOn": {
          "setting": "optionsSource",
          "value": "provider"
        }
      },
      {
        "type": "options",
        "key": "customOptions",
        "dependsOn": {
          "setting": "optionsSource",
          "value": "custom"
        }
      },
      {
        "type": "validation/string",
        "label": "Validation",
        "key": "validation"
      }
    ]
  },
  "multifieldselect": {
    "name": "Multi-select Picker",
    "icon": "ViewList",
    "styles": ["size"],
    "requiredAncestors": ["form"],
    "editable": true,
    "size": {
      "width": 400,
      "height": 50
    },
    "settings": [
      {
        "type": "field/array",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder",
        "placeholder": "Choose an option"
      },
      {
        "type": "text",
        "label": "Default value",
        "key": "defaultValue",
        "supportsConditions": false
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "boolean",
        "label": "Autocomplete",
        "key": "autocomplete",
        "defaultValue": false,
        "dependsOn": {
          "setting": "optionsType",
          "value": "select"
        }
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Read only",
        "key": "readonly",
        "defaultValue": false,
        "dependsOn": {
          "setting": "disabled",
          "value": true,
          "invert": true
        }
      },
      {
        "type": "select",
        "label": "Type",
        "key": "optionsType",
        "defaultValue": "select",
        "placeholder": "Pick an options type",
        "options": [
          {
            "label": "Select",
            "value": "select"
          },
          {
            "label": "Checkboxes",
            "value": "checkbox"
          }
        ]
      },
      {
        "type": "select",
        "label": "Direction",
        "key": "direction",
        "defaultValue": "vertical",
        "options": [
          {
            "label": "Horizontal",
            "value": "horizontal"
          },
          {
            "label": "Vertical",
            "value": "vertical"
          }
        ],
        "dependsOn": {
          "setting": "optionsType",
          "value": "checkbox"
        }
      },
      {
        "type": "select",
        "label": "Options source",
        "key": "optionsSource",
        "defaultValue": "schema",
        "placeholder": "Pick an options source",
        "options": [
          {
            "label": "Schema",
            "value": "schema"
          },
          {
            "label": "Data provider",
            "value": "provider"
          },
          {
            "label": "Custom",
            "value": "custom"
          }
        ]
      },
      {
        "type": "dataProvider",
        "label": "Options provider",
        "key": "dataProvider",
        "required": true,
        "dependsOn": {
          "setting": "optionsSource",
          "value": "provider"
        }
      },
      {
        "type": "field",
        "label": "Label column",
        "key": "labelColumn",
        "dependsOn": {
          "setting": "optionsSource",
          "value": "provider"
        }
      },
      {
        "type": "field",
        "label": "Value column",
        "key": "valueColumn",
        "dependsOn": {
          "setting": "optionsSource",
          "value": "provider"
        }
      },
      {
        "type": "options",
        "key": "customOptions",
        "dependsOn": {
          "setting": "optionsSource",
          "value": "custom"
        }
      },
      {
        "type": "validation/array",
        "label": "Validation",
        "key": "validation"
      }
    ]
  },
  "booleanfield": {
    "name": "Checkbox",
    "icon": "SelectBox",
    "editable": true,
    "requiredAncestors": ["form"],
    "size": {
      "width": 20,
      "height": 20
    },
    "settings": [
      {
        "type": "field/boolean",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Text",
        "key": "text"
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "options": [
          {
            "label": "Small",
            "value": "S"
          },
          {
            "label": "Medium",
            "value": "M"
          },
          {
            "label": "Large",
            "value": "L"
          },
          {
            "label": "Extra large",
            "value": "XL"
          }
        ],
        "defaultValue": "M"
      },
      {
        "type": "text",
        "label": "Default value",
        "key": "defaultValue",
        "supportsConditions": false
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      },
      {
        "type": "validation/boolean",
        "label": "Validation",
        "key": "validation"
      }
    ]
  },
  "longformfield": {
    "name": "Long Form Field",
    "icon": "TextAlignLeft",
    "styles": ["size"],
    "requiredAncestors": ["form"],
    "editable": true,
    "size": {
      "width": 400,
      "height": 150
    },
    "settings": [
      {
        "type": "field/longform",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder",
        "placeholder": "Type something..."
      },
      {
        "type": "text",
        "label": "Default value",
        "key": "defaultValue",
        "supportsConditions": false
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "select",
        "label": "Formatting",
        "key": "format",
        "placeholder": null,
        "options": [
          {
            "label": "Auto",
            "value": "auto"
          },
          {
            "label": "Plain text",
            "value": "plain"
          },
          {
            "label": "Rich text (markdown)",
            "value": "rich"
          }
        ],
        "defaultValue": "auto"
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Read only",
        "key": "readonly",
        "defaultValue": false,
        "dependsOn": {
          "setting": "disabled",
          "value": true,
          "invert": true
        }
      },
      {
        "type": "validation/string",
        "label": "Validation",
        "key": "validation"
      }
    ]
  },
  "datetimefield": {
    "name": "Date Picker",
    "icon": "Date",
    "styles": ["size"],
    "requiredAncestors": ["form"],
    "editable": true,
    "size": {
      "width": 400,
      "height": 50
    },
    "settings": [
      {
        "type": "field/datetime",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder"
      },
      {
        "type": "boolean",
        "label": "Show time",
        "key": "enableTime",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Time only",
        "key": "timeOnly",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "24-hour time",
        "key": "time24hr",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Ignore time zones",
        "key": "ignoreTimezones",
        "defaultValue": false
      },
      {
        "type": "text",
        "label": "Default value",
        "key": "defaultValue",
        "supportsConditions": false
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      },
      {
        "type": "validation/datetime",
        "label": "Validation",
        "key": "validation"
      }
    ]
  },
  "codescanner": {
    "name": "Barcode/QR Scanner",
    "icon": "Camera",
    "styles": ["size"],
    "size": {
      "width": 400,
      "height": 50
    },
    "settings": [
      {
        "type": "field/barcodeqr",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Button text",
        "key": "scanButtonText"
      },
      {
        "type": "text",
        "label": "Default value",
        "key": "defaultValue",
        "supportsConditions": false
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Manual entry",
        "key": "allowManualEntry",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Play sound on scan",
        "key": "beepOnScan",
        "defaultValue": false
      },
      {
        "type": "select",
        "label": "Sound pitch",
        "key": "beepFrequency",
        "dependsOn": "beepOnScan",
        "defaultValue": 2637,
        "options": [
          {
            "label": "Low",
            "value": 2096
          },
          {
            "label": "Regular",
            "value": 2637
          },
          {
            "label": "High",
            "value": 3136
          },
          { "label": "Custom", "value": "custom" }
        ]
      },
      {
        "type": "number",
        "label": "Sound frequency (Hz)",
        "key": "customFrequency",
        "defaultValue": 1046,
        "min": 20,
        "max": 8000,
        "dependsOn": {
          "setting": "beepFrequency",
          "value": "custom"
        }
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "validation/string",
        "label": "Validation",
        "key": "validation"
      }
    ]
  },
  "embeddedmap": {
    "name": "Embedded Map",
    "icon": "Location",
    "styles": ["size"],
    "draggable": false,
    "size": {
      "width": 400,
      "height": 320
    },
    "requiredAncestors": ["dataprovider"],
    "settings": [
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider"
      },
      {
        "type": "field",
        "label": "Latitude key",
        "key": "latitudeKey",
        "dependsOn": "dataProvider"
      },
      {
        "type": "field",
        "label": "Longitude key",
        "key": "longitudeKey",
        "dependsOn": "dataProvider"
      },
      {
        "type": "field",
        "label": "Title key",
        "key": "titleKey",
        "dependsOn": "dataProvider"
      },
      {
        "type": "event",
        "label": "On click marker",
        "key": "onClickMarker",
        "context": [
          {
            "label": "Clicked marker",
            "key": "marker"
          }
        ]
      },
      {
        "type": "boolean",
        "label": "Enable adding",
        "key": "creationEnabled",
        "defaultValue": false
      },
      {
        "type": "event",
        "label": "On create marker",
        "key": "onCreateMarker",
        "dependsOn": "creationEnabled",
        "context": [
          {
            "label": "New marker latitude",
            "key": "lat"
          },
          {
            "label": "New marker longitude",
            "key": "lng"
          }
        ]
      },
      {
        "type": "boolean",
        "label": "Enable fullscreen",
        "key": "fullScreenEnabled",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Enable location",
        "key": "locationEnabled",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Enable zoom",
        "key": "zoomEnabled",
        "defaultValue": true
      },
      {
        "type": "text",
        "label": "Tile URL",
        "key": "tileURL",
        "defaultValue": "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
      },
      {
        "type": "text",
        "label": "Default location",
        "key": "defaultLocation",
        "placeholder": "51.5072,-0.1276"
      },
      {
        "type": "number",
        "label": "Default zoom (0-100)",
        "key": "zoomLevel",
        "placeholder": 50,
        "max": 100,
        "min": 0
      },
      {
        "type": "text",
        "label": "Map attribution",
        "key": "mapAttribution",
        "defaultValue": "OpenStreetMap contributors"
      }
    ]
  },
  "attachmentfield": {
    "name": "Attachment",
    "icon": "Attach",
    "styles": ["size"],
    "requiredAncestors": ["form"],
    "editable": true,
    "size": {
      "width": 400,
      "height": 200
    },
    "settings": [
      {
        "type": "field/attachment",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Extensions",
        "key": "extensions"
      },
      {
        "type": "number",
        "label": "Max attachments",
        "key": "maximum",
        "min": 1
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "boolean",
        "label": "Compact",
        "key": "compact",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      },
      {
        "type": "validation/attachment",
        "label": "Validation",
        "key": "validation"
      }
    ]
  },
  "relationshipfield": {
    "name": "Relationship Picker",
    "icon": "TaskList",
    "styles": ["size"],
    "requiredAncestors": ["form"],
    "editable": true,
    "size": {
      "width": 400,
      "height": 50
    },
    "settings": [
      {
        "type": "field/link",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder"
      },
      {
        "type": "text",
        "label": "Default value",
        "key": "defaultValue",
        "supportsConditions": false
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "validation/link",
        "label": "Validation",
        "key": "validation"
      },
      {
        "type": "filter/relationship",
        "label": "Filtering",
        "key": "filter"
      },
      {
        "type": "boolean",
        "label": "Search",
        "key": "autocomplete",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      }
    ]
  },
  "jsonfield": {
    "name": "JSON Field",
    "icon": "Brackets",
    "styles": ["size"],
    "editable": true,
    "requiredAncestors": ["form"],
    "size": {
      "width": 400,
      "height": 100
    },
    "settings": [
      {
        "type": "field/json",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder"
      },
      {
        "type": "text",
        "label": "Default value",
        "key": "defaultValue",
        "supportsConditions": false
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      }
    ]
  },
  "s3upload": {
    "name": "S3 File Upload",
    "icon": "UploadToCloud",
    "styles": ["size"],
    "editable": true,
    "size": {
      "width": 400,
      "height": 200
    },
    "settings": [
      {
        "type": "field/s3",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "dataSource/s3",
        "label": "S3 datasource",
        "key": "datasourceId",
        "info": "This component can't be used with S3 datasources that use custom endpoints"
      },
      {
        "type": "text",
        "label": "Bucket",
        "key": "bucket"
      },
      {
        "type": "text",
        "label": "File name",
        "key": "key"
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      },
      {
        "type": "validation/attachment",
        "label": "Validation",
        "key": "validation"
      }
    ]
  },
  "dataprovider": {
    "name": "Data Provider",
    "icon": "Data",
    "illegalChildren": ["section"],
    "hasChildren": true,
    "actions": ["RefreshDatasource"],
    "size": {
      "width": 400,
      "height": 100
    },
    "settings": [
      {
        "type": "dataSource",
        "label": "Data",
        "key": "dataSource",
        "required": true
      },
      {
        "type": "filter",
        "label": "Filtering",
        "key": "filter"
      },
      {
        "type": "field/sortable",
        "label": "Sort column",
        "key": "sortColumn",
        "placeholder": "None"
      },
      {
        "type": "select",
        "label": "Sort order",
        "key": "sortOrder",
        "options": ["Ascending", "Descending"],
        "defaultValue": "Ascending"
      },
      {
        "type": "number",
        "label": "Limit",
        "key": "limit",
        "defaultValue": 50
      },
      {
        "type": "boolean",
        "label": "Paginate",
        "key": "paginate",
        "defaultValue": true,
        "info": "Pagination is only available for data stored in tables"
      }
    ],
    "context": {
      "type": "static",
      "values": [
        {
          "label": "Rows",
          "key": "rows",
          "type": "array"
        },
        {
          "label": "Extra Info",
          "key": "info",
          "type": "string"
        },
        {
          "label": "Rows Length",
          "key": "rowsLength",
          "type": "number"
        },
        {
          "label": "Schema",
          "key": "schema",
          "type": "object"
        },
        {
          "label": "Page Number",
          "key": "pageNumber",
          "type": "number"
        }
      ]
    }
  },
  "table": {
    "name": "Table",
    "icon": "Table",
    "illegalChildren": ["section"],
    "requiredAncestors": ["dataprovider"],
    "hasChildren": true,
    "showEmptyState": false,
    "size": {
      "width": 600,
      "height": 400
    },
    "settings": [
      {
        "type": "dataProvider",
        "label": "Data provider",
        "key": "dataProvider",
        "required": true
      },
      {
        "type": "columns",
        "label": "Columns",
        "key": "columns",
        "dependsOn": "dataProvider",
        "nested": true
      },
      {
        "type": "select",
        "label": "Size",
        "key": "size",
        "defaultValue": "spectrum--medium",
        "options": [
          {
            "label": "Medium",
            "value": "spectrum--medium"
          },
          {
            "label": "Large",
            "value": "spectrum--large"
          }
        ]
      },
      {
        "type": "number",
        "label": "Row count",
        "key": "rowCount",
        "defaultValue": 8
      },
      {
        "type": "boolean",
        "label": "Quiet",
        "key": "quiet"
      },
      {
        "type": "boolean",
        "label": "Compact",
        "key": "compact"
      },
      {
        "type": "boolean",
        "label": "Row selection",
        "key": "allowSelectRows",
        "defaultValue": false,
        "info": "Row selection is only compatible with internal or SQL tables"
      },
      {
        "type": "text",
        "label": "Empty text",
        "key": "noRowsMessage",
        "defaultValue": "No rows found"
      },
      {
        "section": true,
        "name": "On Row Click",
        "settings": [
          {
            "type": "event",
            "key": "onClick",
            "context": [
              {
                "label": "Clicked row",
                "key": "row"
              }
            ]
          }
        ]
      }
    ],
    "context": {
      "type": "schema"
    }
  },
  "daterangepicker": {
    "name": "Date Range",
    "icon": "Calendar",
    "styles": ["size"],
    "requiredAncestors": ["dataprovider"],
    "hasChildren": false,
    "size": {
      "width": 200,
      "height": 50
    },
    "settings": [
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider",
        "required": true,
        "info": "Your data provider will be automatically filtered to the given date range."
      },
      {
        "type": "field",
        "label": "Date field",
        "key": "field",
        "required": true
      },
      {
        "type": "select",
        "label": "Default range",
        "key": "defaultValue",
        "options": [
          "Last 1 day",
          "Last 7 days",
          "Last 30 days",
          "Last 3 months",
          "Last 6 months",
          "Last 1 year"
        ],
        "defaultValue": "Last 30 days"
      }
    ]
  },
  "spectrumcard": {
    "name": "Card",
    "icon": "PersonalizationField",
    "styles": ["size"],
    "size": {
      "width": 300,
      "height": 120
    },
    "settings": [
      {
        "type": "text",
        "key": "title",
        "label": "Title",
        "defaultValue": "Title"
      },
      {
        "type": "text",
        "key": "subtitle",
        "label": "Subtitle",
        "defaultValue": "Subtitle"
      },
      {
        "type": "text",
        "key": "description",
        "label": "Description",
        "defaultValue": "Description"
      },
      {
        "type": "text",
        "key": "imageURL",
        "label": "Image URL"
      },
      {
        "type": "url",
        "key": "linkURL",
        "label": "Link URL"
      },
      {
        "type": "boolean",
        "key": "linkPeek",
        "label": "Open in modal"
      },
      {
        "type": "boolean",
        "key": "horizontal",
        "label": "Horizontal"
      },
      {
        "type": "boolean",
        "label": "Show button",
        "key": "showButton"
      },
      {
        "type": "text",
        "key": "buttonText",
        "label": "Button text",
        "dependsOn": "showButton"
      },
      {
        "type": "event",
        "label": "Click action",
        "key": "buttonOnClick"
      }
    ]
  },
  "dynamicfilter": {
    "name": "Dynamic Filter",
    "icon": "Filter",
    "size": {
      "width": 100,
      "height": 35
    },
    "requiredAncestors": ["dataprovider"],
    "settings": [
      {
        "type": "dataProvider",
        "label": "Provider",
        "key": "dataProvider",
        "required": true
      },
      {
        "type": "columns/basic",
        "label": "Allowed filter columns",
        "key": "allowedFields",
        "dependsOn": "dataProvider"
      },
      {
        "type": "select",
        "label": "Button size",
        "showInBar": true,
        "key": "size",
        "options": [
          {
            "label": "Small",
            "value": "S"
          },
          {
            "label": "Medium",
            "value": "M"
          },
          {
            "label": "Large",
            "value": "L"
          },
          {
            "label": "Extra large",
            "value": "XL"
          }
        ],
        "defaultValue": "M"
      }
    ]
  },
  "chartblock": {
    "block": true,
    "name": "Chart block",
    "icon": "GraphPie",
    "hasChildren": false,
    "settings": [
      {
        "type": "select",
        "label": "Chart type",
        "key": "chartType",
        "required": true,
        "options": [
          {
            "label": "Pie",
            "value": "pie"
          },
          {
            "label": "Bar",
            "value": "bar"
          },
          {
            "label": "Histogram",
            "value": "histogram"
          },
          {
            "label": "Line",
            "value": "line"
          },
          {
            "label": "Donut",
            "value": "donut"
          },
          {
            "label": "Candlestick",
            "value": "candlestick"
          },
          {
            "label": "Area",
            "value": "area"
          }
        ]
      },
      {
        "type": "dataSource",
        "label": "Data",
        "key": "dataSource",
        "required": true
      },
      {
        "type": "text",
        "label": "Title",
        "key": "chartTitle"
      },
      {
        "type": "filter",
        "label": "Filtering",
        "key": "filter",
        "nested": true
      },
      {
        "type": "field",
        "label": "Sort column",
        "key": "sortColumn"
      },
      {
        "type": "select",
        "label": "Sort order",
        "key": "sortOrder",
        "options": ["Ascending", "Descending"],
        "defaultValue": "Ascending"
      },
      {
        "type": "number",
        "label": "Limit",
        "key": "limit",
        "defaultValue": 50
      },
      {
        "type": "text",
        "label": "Width",
        "key": "width"
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "400"
      },
      {
        "type": "select",
        "label": "Colors",
        "key": "palette",
        "defaultValue": "Palette 1",
        "options": [
          "Custom",
          "Palette 1",
          "Palette 2",
          "Palette 3",
          "Palette 4",
          "Palette 5",
          "Palette 6",
          "Palette 7",
          "Palette 8",
          "Palette 9",
          "Palette 10"
        ]
      },
      {
        "type": "color",
        "label": "C1",
        "key": "c1",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C2",
        "key": "c2",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C3",
        "key": "c3",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C4",
        "key": "c4",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "color",
        "label": "C5",
        "key": "c5",
        "dependsOn": {
          "setting": "palette",
          "value": "Custom"
        }
      },
      {
        "type": "boolean",
        "label": "Data labels",
        "key": "dataLabels",
        "defaultValue": false
      },
      {
        "type": "boolean",
        "label": "Legend",
        "key": "legend",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Animate",
        "key": "animate",
        "defaultValue": false
      },
      {
        "section": true,
        "name": "Pie Chart",
        "icon": "GraphPie",
        "dependsOn": {
          "setting": "chartType",
          "value": "pie"
        },
        "settings": [
          {
            "type": "field",
            "label": "Label column",
            "key": "labelColumn",
            "dependsOn": "dataSource",
            "required": true
          },
          {
            "type": "field",
            "label": "Data column",
            "key": "valueColumn",
            "dependsOn": "dataSource",
            "required": true
          }
        ]
      },
      {
        "section": true,
        "name": "Donut Chart",
        "icon": "GraphDonut",
        "dependsOn": {
          "setting": "chartType",
          "value": "donut"
        },
        "settings": [
          {
            "type": "field",
            "label": "Label column",
            "key": "labelColumn",
            "dependsOn": "dataSource",
            "required": true
          },
          {
            "type": "field",
            "label": "Data column",
            "key": "valueColumn",
            "dependsOn": "dataSource",
            "required": true
          }
        ]
      },
      {
        "section": true,
        "name": "Bar Chart",
        "icon": "GraphBarVertical",
        "dependsOn": {
          "setting": "chartType",
          "value": "bar"
        },
        "settings": [
          {
            "type": "field",
            "label": "Label column",
            "key": "labelColumn",
            "dependsOn": "dataSource",
            "required": true
          },
          {
            "type": "multifield",
            "label": "Data columns",
            "key": "valueColumns",
            "dependsOn": "dataSource",
            "required": true
          },
          {
            "type": "select",
            "label": "Format",
            "key": "yAxisUnits",
            "options": ["Default", "Thousands", "Millions"],
            "defaultValue": "Default"
          },
          {
            "type": "text",
            "label": "Y axis label",
            "key": "yAxisLabel"
          },
          {
            "type": "text",
            "label": "X axis label",
            "key": "xAxisLabel"
          },
          {
            "type": "boolean",
            "label": "Stacked",
            "key": "stacked",
            "defaultValue": false
          },
          {
            "type": "boolean",
            "label": "Horizontal",
            "key": "horizontal",
            "defaultValue": false
          }
        ]
      },
      {
        "section": true,
        "name": "Histogram Chart",
        "icon": "Histogram",
        "dependsOn": {
          "setting": "chartType",
          "value": "histogram"
        },
        "settings": [
          {
            "type": "field",
            "label": "Value column",
            "key": "valueColumn",
            "dependsOn": "dataSource",
            "required": true
          },
          {
            "type": "text",
            "label": "Y axis label",
            "key": "yAxisLabel"
          },
          {
            "type": "text",
            "label": "X axis label",
            "key": "xAxisLabel"
          },
          {
            "type": "boolean",
            "label": "Horizontal",
            "key": "horizontal",
            "defaultValue": false
          },
          {
            "type": "number",
            "label": "Bucket count",
            "key": "bucketCount",
            "defaultValue": 10,
            "min": 2
          }
        ]
      },
      {
        "section": true,
        "name": "Line Chart",
        "icon": "GraphTrend",
        "dependsOn": {
          "setting": "chartType",
          "value": "line"
        },
        "settings": [
          {
            "type": "field",
            "label": "Label column",
            "key": "labelColumn",
            "dependsOn": "dataSource",
            "required": true
          },
          {
            "type": "multifield",
            "label": "Data columns",
            "key": "valueColumns",
            "dependsOn": "dataSource",
            "required": true
          },
          {
            "type": "select",
            "label": "Format",
            "key": "yAxisUnits",
            "options": ["Default", "Thousands", "Millions"],
            "defaultValue": "Default"
          },
          {
            "type": "text",
            "label": "Y axis label",
            "key": "yAxisLabel"
          },
          {
            "type": "text",
            "label": "X axis label",
            "key": "xAxisLabel"
          },
          {
            "type": "select",
            "label": "Curve",
            "key": "curve",
            "options": ["Smooth", "Straight", "Stepline"],
            "defaultValue": "Smooth"
          }
        ]
      },
      {
        "section": true,
        "name": "Area Chart",
        "icon": "GraphAreaStacked",
        "dependsOn": {
          "setting": "chartType",
          "value": "area"
        },
        "settings": [
          {
            "type": "field",
            "label": "Label columns",
            "key": "labelColumn",
            "dependsOn": "dataSource",
            "required": true
          },
          {
            "type": "multifield",
            "label": "Data columns",
            "key": "valueColumns",
            "dependsOn": "dataSource",
            "required": true
          },
          {
            "type": "select",
            "label": "Format",
            "key": "yAxisUnits",
            "options": ["Default", "Thousands", "Millions"],
            "defaultValue": "Default"
          },
          {
            "type": "text",
            "label": "Y axis label",
            "key": "yAxisLabel"
          },
          {
            "type": "text",
            "label": "X axis label",
            "key": "xAxisLabel"
          },
          {
            "type": "select",
            "label": "Curve",
            "key": "curve",
            "options": ["Smooth", "Straight", "Stepline"],
            "defaultValue": "Smooth"
          },
          {
            "type": "boolean",
            "label": "Stacked",
            "key": "stacked",
            "defaultValue": true
          },
          {
            "type": "boolean",
            "label": "Gradient",
            "key": "gradient",
            "defaultValue": false
          }
        ]
      },
      {
        "section": true,
        "name": "Candlestick Chart",
        "icon": "GraphBarVerticalStacked",
        "dependsOn": {
          "setting": "chartType",
          "value": "candlestick"
        },
        "settings": [
          {
            "type": "field",
            "label": "Date column",
            "key": "dateColumn",
            "dependsOn": "dataSource",
            "required": true
          },
          {
            "type": "field",
            "label": "Open column",
            "key": "openColumn",
            "dependsOn": "dataSource",
            "required": true
          },
          {
            "type": "field",
            "label": "Close column",
            "key": "closeColumn",
            "dependsOn": "dataSource",
            "required": true
          },
          {
            "type": "field",
            "label": "High column",
            "key": "highColumn",
            "dependsOn": "dataSource",
            "required": true
          },
          {
            "type": "field",
            "label": "Low column",
            "key": "lowColumn",
            "dependsOn": "dataSource",
            "required": true
          },
          {
            "type": "select",
            "label": "Format",
            "key": "yAxisUnits",
            "options": ["Default", "Thousands", "Millions"],
            "defaultValue": "Default"
          },
          {
            "type": "text",
            "label": "Y axis label",
            "key": "yAxisLabel"
          },
          {
            "type": "text",
            "label": "X axis label",
            "key": "xAxisLabel"
          }
        ]
      }
    ]
  },
  "tableblock": {
    "block": true,
    "name": "Table block",
    "icon": "Table",
    "styles": ["size"],
    "size": {
      "width": 600,
      "height": 400
    },
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "section": true,
        "name": "Table",
        "settings": [
          {
            "type": "dataSource",
            "label": "Data",
            "key": "dataSource",
            "required": true
          },
          {
            "type": "columns",
            "label": "Columns",
            "key": "tableColumns",
            "dependsOn": "dataSource",
            "placeholder": "All columns",
            "nested": true
          },
          {
            "type": "field/sortable",
            "label": "Sort by",
            "key": "sortColumn",
            "placeholder": "Default"
          },
          {
            "type": "select",
            "label": "Sort order",
            "key": "sortOrder",
            "options": ["Ascending", "Descending"],
            "defaultValue": "Ascending",
            "dependsOn": "sortColumn"
          },
          {
            "type": "select",
            "label": "Size",
            "key": "size",
            "defaultValue": "spectrum--medium",
            "options": [
              {
                "label": "Medium",
                "value": "spectrum--medium"
              },
              {
                "label": "Large",
                "value": "spectrum--large"
              }
            ]
          },
          {
            "type": "number",
            "label": "Scroll limit",
            "key": "rowCount",
            "defaultValue": 8
          },
          {
            "type": "boolean",
            "label": "Paginate",
            "key": "paginate",
            "defaultValue": true
          },
          {
            "type": "boolean",
            "label": "Quiet",
            "key": "quiet"
          },
          {
            "type": "boolean",
            "label": "Compact",
            "key": "compact"
          },
          {
            "type": "boolean",
            "label": "Row selection",
            "key": "allowSelectRows",
            "info": "Row selection is only compatible with internal or SQL tables"
          },
          {
            "type": "filter",
            "label": "Filtering",
            "key": "filter",
            "nested": true
          },
          {
            "type": "text",
            "label": "Empty text",
            "key": "noRowsMessage",
            "defaultValue": "No rows found"
          },
          {
            "type": "searchfield",
            "label": "Search fields",
            "key": "searchColumns",
            "placeholder": "Choose search fields",
            "info": "Only the first 5 fields will be used"
          }
        ]
      },
      {
        "section": true,
        "name": "On row click",
        "settings": [
          {
            "label": "Behaviour",
            "labelHidden": true,
            "type": "radio",
            "key": "clickBehaviour",
            "sendEvents": true,
            "defaultValue": "actions",
            "info": "Details side panel is only compatible with internal or SQL tables",
            "options": [
              {
                "label": "Run actions",
                "value": "actions"
              },
              {
                "label": "Show details side panel",
                "value": "details"
              }
            ]
          },
          {
            "label": "Actions",
            "labelHidden": true,
            "type": "event",
            "key": "onClick",
            "nested": true,
            "dependsOn": {
              "setting": "clickBehaviour",
              "value": "actions"
            },
            "context": [
              {
                "label": "Clicked row",
                "key": "row"
              }
            ]
          },
          {
            "label": "",
            "type": "fieldConfiguration",
            "key": "sidePanelFields",
            "nested": true,
            "dependsOn": {
              "setting": "clickBehaviour",
              "value": "details"
            },
            "resetOn": "dataSource"
          },
          {
            "label": "Save button",
            "type": "text",
            "key": "sidePanelSaveLabel",
            "defaultValue": "Save",
            "nested": true,
            "dependsOn": {
              "setting": "clickBehaviour",
              "value": "details"
            }
          },
          {
            "label": "Delete button",
            "type": "text",
            "key": "sidePanelDeleteLabel",
            "defaultValue": "Delete",
            "nested": true,
            "dependsOn": {
              "setting": "clickBehaviour",
              "value": "details"
            }
          },
          {
            "type": "boolean",
            "label": "Hide notifications",
            "key": "notificationOverride",
            "defaultValue": false,
            "dependsOn": {
              "setting": "clickBehaviour",
              "value": "details"
            }
          }
        ]
      },
      {
        "section": true,
        "name": "Button",
        "settings": [
          {
            "type": "boolean",
            "key": "showTitleButton",
            "label": "Show button",
            "defaultValue": false
          },
          {
            "type": "text",
            "key": "titleButtonText",
            "label": "Text",
            "defaultValue": "Create row",
            "dependsOn": "showTitleButton"
          },
          {
            "type": "radio",
            "key": "titleButtonClickBehaviour",
            "label": "Behaviour",
            "dependsOn": "showTitleButton",
            "defaultValue": "actions",
            "info": "New row side panel is only compatible with internal or SQL tables",
            "options": [
              {
                "label": "Run actions",
                "value": "actions"
              },
              {
                "label": "Show new row side panel",
                "value": "new"
              }
            ]
          },
          {
            "type": "event",
            "label": "On click",
            "key": "onClickTitleButton",
            "nested": true,
            "dependsOn": {
              "setting": "titleButtonClickBehaviour",
              "value": "actions"
            }
          }
        ]
      }
    ]
  },
  "cardsblock": {
    "block": true,
    "name": "Cards block",
    "icon": "PersonalizationField",
    "styles": ["size"],
    "size": {
      "width": 600,
      "height": 400
    },
    "settings": [
      {
        "type": "text",
        "label": "Title",
        "key": "title"
      },
      {
        "type": "dataSource",
        "label": "Data",
        "key": "dataSource",
        "required": true
      },
      {
        "type": "searchfield",
        "label": "Search columns",
        "key": "searchColumns",
        "placeholder": "Choose search columns",
        "info": "Max 5 columns will be used"
      },
      {
        "type": "filter",
        "label": "Filtering",
        "key": "filter",
        "nested": true
      },
      {
        "type": "field/sortable",
        "label": "Sort column",
        "key": "sortColumn",
        "placeholder": "None"
      },
      {
        "type": "select",
        "label": "Sort order",
        "key": "sortOrder",
        "options": ["Ascending", "Descending"],
        "defaultValue": "Descending"
      },
      {
        "type": "number",
        "label": "Limit",
        "key": "limit",
        "defaultValue": 8
      },
      {
        "type": "boolean",
        "label": "Paginate",
        "key": "paginate"
      },
      {
        "type": "text",
        "label": "Empty text",
        "key": "noRowsMessage",
        "defaultValue": "No rows found"
      },
      {
        "section": true,
        "name": "Cards",
        "settings": [
          {
            "type": "text",
            "key": "cardTitle",
            "label": "Title",
            "nested": true,
            "defaultValue": "Title"
          },
          {
            "type": "text",
            "key": "cardSubtitle",
            "label": "Subtitle",
            "nested": true,
            "defaultValue": "Subtitle"
          },
          {
            "type": "text",
            "key": "cardDescription",
            "label": "Description",
            "nested": true,
            "defaultValue": "Description"
          },
          {
            "type": "text",
            "key": "cardImageURL",
            "label": "Image URL",
            "nested": true
          },
          {
            "type": "boolean",
            "key": "linkCardTitle",
            "label": "Link card title"
          },
          {
            "type": "boolean",
            "key": "cardPeek",
            "label": "Open in modal"
          },
          {
            "type": "url",
            "label": "Link screen",
            "key": "cardURL",
            "nested": true
          },
          {
            "type": "boolean",
            "key": "cardHorizontal",
            "label": "Horizontal"
          },
          {
            "type": "boolean",
            "label": "Add button",
            "key": "showCardButton"
          },
          {
            "type": "text",
            "key": "cardButtonText",
            "label": "Button text",
            "nested": true,
            "dependsOn": "showCardButton"
          },
          {
            "type": "event",
            "label": "Click action",
            "key": "cardButtonOnClick",
            "nested": true
          }
        ]
      },
      {
        "section": true,
        "name": "Title button",
        "settings": [
          {
            "type": "boolean",
            "key": "showTitleButton",
            "label": "Show button"
          },
          {
            "type": "boolean",
            "label": "Open in modal",
            "key": "titleButtonPeek"
          },
          {
            "type": "text",
            "key": "titleButtonText",
            "label": "Button text"
          },
          {
            "type": "url",
            "label": "Button link",
            "key": "titleButtonURL"
          }
        ]
      },
      {
        "section": true,
        "name": "Advanced",
        "settings": [
          {
            "type": "field",
            "label": "ID column",
            "key": "linkColumn",
            "placeholder": "Default"
          }
        ]
      }
    ],
    "context": {
      "type": "schema",
      "suffix": "repeater"
    }
  },
  "repeaterblock": {
    "block": true,
    "name": "Repeater block",
    "icon": "ViewList",
    "illegalChildren": ["section"],
    "hasChildren": true,
    "size": {
      "width": 400,
      "height": 100
    },
    "settings": [
      {
        "type": "dataSource",
        "label": "Data",
        "key": "dataSource",
        "required": true
      },
      {
        "type": "filter",
        "label": "Filtering",
        "key": "filter",
        "nested": true
      },
      {
        "type": "field/sortable",
        "label": "Sort column",
        "key": "sortColumn",
        "placeholder": "None"
      },
      {
        "type": "select",
        "label": "Sort order",
        "key": "sortOrder",
        "options": ["Ascending", "Descending"],
        "defaultValue": "Descending"
      },
      {
        "type": "number",
        "label": "Limit",
        "key": "limit",
        "defaultValue": 10
      },
      {
        "type": "boolean",
        "label": "Paginate",
        "key": "paginate"
      },
      {
        "section": true,
        "name": "Layout settings",
        "settings": [
          {
            "type": "text",
            "label": "Empty text",
            "key": "noRowsMessage",
            "defaultValue": "No rows found"
          },
          {
            "type": "select",
            "label": "Direction",
            "key": "direction",
            "showInBar": true,
            "barStyle": "buttons",
            "options": [
              {
                "label": "Column",
                "value": "column",
                "barIcon": "ViewRow",
                "barTitle": "Column layout"
              },
              {
                "label": "Row",
                "value": "row",
                "barIcon": "ViewColumn",
                "barTitle": "Row layout"
              }
            ],
            "defaultValue": "column"
          },
          {
            "type": "select",
            "label": "Horiz. align",
            "key": "hAlign",
            "showInBar": true,
            "barStyle": "buttons",
            "options": [
              {
                "label": "Left",
                "value": "left",
                "barIcon": "AlignLeft",
                "barTitle": "Align left"
              },
              {
                "label": "Center",
                "value": "center",
                "barIcon": "AlignCenter",
                "barTitle": "Align center"
              },
              {
                "label": "Right",
                "value": "right",
                "barIcon": "AlignRight",
                "barTitle": "Align right"
              },
              {
                "label": "Stretch",
                "value": "stretch",
                "barIcon": "MoveLeftRight",
                "barTitle": "Align stretched horizontally"
              }
            ],
            "defaultValue": "stretch"
          },
          {
            "type": "select",
            "label": "Vert. align",
            "key": "vAlign",
            "showInBar": true,
            "barStyle": "buttons",
            "options": [
              {
                "label": "Top",
                "value": "top",
                "barIcon": "AlignTop",
                "barTitle": "Align top"
              },
              {
                "label": "Middle",
                "value": "middle",
                "barIcon": "AlignMiddle",
                "barTitle": "Align middle"
              },
              {
                "label": "Bottom",
                "value": "bottom",
                "barIcon": "AlignBottom",
                "barTitle": "Align bottom"
              },
              {
                "label": "Stretch",
                "value": "stretch",
                "barIcon": "MoveUpDown",
                "barTitle": "Align stretched vertically"
              }
            ],
            "defaultValue": "top"
          },
          {
            "type": "select",
            "label": "Gap",
            "key": "gap",
            "showInBar": true,
            "barStyle": "picker",
            "options": [
              {
                "label": "None",
                "value": "N"
              },
              {
                "label": "Small",
                "value": "S"
              },
              {
                "label": "Medium",
                "value": "M"
              },
              {
                "label": "Large",
                "value": "L"
              }
            ],
            "defaultValue": "M"
          }
        ]
      }
    ],
    "context": [
      {
        "type": "static",
        "suffix": "provider",
        "values": [
          {
            "label": "Rows",
            "key": "rows",
            "type": "array"
          },
          {
            "label": "Extra Info",
            "key": "info",
            "type": "string"
          },
          {
            "label": "Rows Length",
            "key": "rowsLength",
            "type": "number"
          },
          {
            "label": "Schema",
            "key": "schema",
            "type": "object"
          },
          {
            "label": "Page Number",
            "key": "pageNumber",
            "type": "number"
          }
        ]
      },
      {
        "type": "static",
        "suffix": "repeater",
        "values": [
          {
            "label": "Row Index",
            "key": "index",
            "type": "number"
          }
        ]
      },
      {
        "type": "schema",
        "suffix": "repeater"
      }
    ]
  },
  "markdownviewer": {
    "name": "Markdown Viewer",
    "icon": "Preview",
    "styles": ["size"],
    "size": {
      "width": 400,
      "height": 100
    },
    "settings": [
      {
        "type": "text",
        "label": "Markdown",
        "key": "value",
        "required": true
      }
    ]
  },
  "formblock": {
    "name": "Form Block",
    "icon": "Form",
    "styles": ["size"],
    "block": true,
    "info": "Form blocks are only compatible with internal or SQL tables",
    "size": {
      "width": 400,
      "height": 400
    },
    "settings": [
      {
        "type": "table",
        "label": "Data",
        "key": "dataSource"
      },
      {
        "type": "radio",
        "label": "Type",
        "key": "actionType",
        "options": ["Create", "Update", "View"],
        "defaultValue": "Create"
      },
      {
        "type": "text",
        "label": "Title",
        "key": "title",
        "nested": true
      },
      {
        "type": "text",
        "label": "Description",
        "key": "description",
        "nested": true
      },
      {
        "section": true,
        "dependsOn": {
          "setting": "actionType",
          "value": "Create",
          "invert": true
        },
        "name": "Row details",
        "info": "<a href='https://docs.budibase.com/docs/form-block' target='_blank'>How to pass a row ID using bindings</a>",
        "settings": [
          {
            "type": "text",
            "label": "Row ID",
            "key": "rowId",
            "nested": true
          },
          {
            "type": "text",
            "label": "No rows found",
            "key": "noRowsMessage",
            "defaultValue": "We couldn't find a row to display",
            "nested": true
          }
        ]
      },
      {
        "section": true,
        "name": "Fields",
        "settings": [
          {
            "type": "fieldConfiguration",
            "key": "fields",
            "nested": true,
            "resetOn": "dataSource",
            "selectAllFields": true
          },
          {
            "type": "boolean",
            "label": "Disabled",
            "key": "disabled",
            "defaultValue": false,
            "dependsOn": {
              "setting": "actionType",
              "value": "View",
              "invert": true
            }
          }
        ]
      },
      {
        "section": true,
        "name": "Buttons",
        "dependsOn": {
          "setting": "actionType",
          "value": "View",
          "invert": true
        },
        "settings": [
          {
            "type": "text",
            "key": "saveButtonLabel",
            "label": "Save button",
            "nested": true,
            "defaultValue": "Save"
          },
          {
            "type": "text",
            "key": "deleteButtonLabel",
            "label": "Delete button",
            "nested": true,
            "defaultValue": "Delete",
            "dependsOn": {
              "setting": "actionType",
              "value": "Update"
            }
          },
          {
            "type": "url",
            "label": "Navigate after button press",
            "key": "actionUrl",
            "placeholder": "Choose a screen",
            "dependsOn": {
              "setting": "actionType",
              "value": "View",
              "invert": true
            }
          },
          {
            "type": "boolean",
            "label": "Hide notifications",
            "key": "notificationOverride",
            "defaultValue": false,
            "dependsOn": {
              "setting": "actionType",
              "value": "View",
              "invert": true
            }
          }
        ]
      },
      {
        "tag": "style",
        "type": "select",
        "label": "Align labels",
        "key": "labelPosition",
        "defaultValue": "left",
        "options": [
          {
            "label": "Left",
            "value": "left"
          },
          {
            "label": "Above",
            "value": "above"
          }
        ]
      },
      {
        "tag": "style",
        "type": "select",
        "label": "Size",
        "key": "size",
        "options": [
          {
            "label": "Medium",
            "value": "spectrum--medium"
          },
          {
            "label": "Large",
            "value": "spectrum--large"
          }
        ],
        "defaultValue": "spectrum--medium"
      }
    ],
    "context": [
      {
        "type": "form",
        "suffix": "form"
      },
      {
        "type": "schema",
        "suffix": "repeater"
      }
    ]
  },
  "sidepanel": {
    "name": "Side Panel",
    "icon": "RailRight",
    "hasChildren": true,
    "illegalChildren": ["section", "sidepanel"],
    "showEmptyState": false,
    "draggable": false,
    "info": "Side panels are hidden by default. They will only be revealed when triggered by the 'Open Side Panel' action."
  },
  "rowexplorer": {
    "block": true,
    "name": "Row Explorer Block",
    "icon": "PersonalizationField",
    "size": {
      "width": 600,
      "height": 400
    },
    "settings": [
      {
        "type": "table",
        "label": "Data",
        "key": "dataSource",
        "required": true
      },
      {
        "type": "text",
        "label": "Height",
        "key": "height",
        "defaultValue": "426px"
      },
      {
        "type": "text",
        "label": "Empty text",
        "key": "noRowsMessage",
        "defaultValue": "No data"
      },
      {
        "section": true,
        "name": "Cards",
        "settings": [
          {
            "type": "field",
            "label": "Search field",
            "key": "cardSearchField",
            "nested": true
          },
          {
            "type": "text",
            "key": "cardTitle",
            "label": "Title",
            "nested": true,
            "defaultValue": "Title"
          },
          {
            "type": "text",
            "key": "cardSubtitle",
            "label": "Subtitle",
            "nested": true,
            "defaultValue": "Subtitle"
          },
          {
            "type": "text",
            "key": "cardDescription",
            "label": "Description",
            "nested": true,
            "defaultValue": "Description"
          },
          {
            "type": "text",
            "key": "cardImageURL",
            "label": "Image URL",
            "nested": true
          }
        ]
      },
      {
        "section": true,
        "name": "Details",
        "settings": [
          {
            "type": "text",
            "key": "detailTitle",
            "label": "Title"
          },
          {
            "type": "multifield",
            "label": "Fields",
            "key": "detailFields",
            "nested": true,
            "selectAllFields": true
          }
        ]
      }
    ],
    "context": {
      "type": "schema",
      "suffix": "repeater"
    }
  },
  "gridblock": {
    "name": "Grid block",
    "icon": "Table",
    "styles": ["size"],
    "size": {
      "width": 600,
      "height": 400
    },
    "settings": [
      {
        "type": "dataSource",
        "label": "Data",
        "key": "table",
        "required": true
      },
      {
        "type": "columns/grid",
        "label": "Columns",
        "key": "columns",
        "dependsOn": [
          "table",
          {
            "setting": "table.type",
            "value": "custom",
            "invert": true
          }
        ]
      },
      {
        "type": "filter",
        "label": "Filtering",
        "key": "initialFilter",
        "dependsOn": {
          "setting": "table.type",
          "value": "custom",
          "invert": true
        }
      },
      {
        "type": "field/sortable",
        "label": "Sort column",
        "key": "initialSortColumn",
        "placeholder": "Default",
        "dependsOn": {
          "setting": "table.type",
          "value": "custom",
          "invert": true
        }
      },
      {
        "type": "select",
        "label": "Sort order",
        "key": "initialSortOrder",
        "options": ["Ascending", "Descending"],
        "defaultValue": "Ascending",
        "dependsOn": "initialSortColumn"
      },
      {
        "type": "select",
        "label": "Row height",
        "key": "fixedRowHeight",
        "placeholder": "Default",
        "options": [
          {
            "label": "Small",
            "value": 36
          },
          {
            "label": "Medium",
            "value": 64
          },
          {
            "label": "Large",
            "value": 92
          }
        ]
      },
      {
        "type": "event",
        "label": "On row click",
        "key": "onRowClick",
        "context": [
          {
            "label": "Clicked row",
            "key": "row"
          }
        ]
      },
      {
        "type": "boolean",
        "label": "Add rows",
        "key": "allowAddRows",
        "defaultValue": true,
        "dependsOn": {
          "setting": "table.type",
          "value": ["table", "viewV2"]
        }
      },
      {
        "type": "boolean",
        "label": "Edit rows",
        "key": "allowEditRows",
        "defaultValue": true,
        "dependsOn": {
          "setting": "table.type",
          "value": ["table", "viewV2"]
        }
      },
      {
        "type": "boolean",
        "label": "Delete rows",
        "key": "allowDeleteRows",
        "defaultValue": true,
        "dependsOn": {
          "setting": "table.type",
          "value": ["table", "viewV2"]
        }
      },
      {
        "type": "boolean",
        "label": "High contrast",
        "key": "stripeRows",
        "defaultValue": false
      }
    ]
  },
  "bbreferencefield": {
    "devComment": "As bb reference is only used for user subtype for now, we are using user for icon and labels",
    "name": "User Field",
    "icon": "User",
    "styles": ["size"],
    "requiredAncestors": ["form"],
    "editable": true,
    "size": {
      "width": 400,
      "height": 50
    },
    "settings": [
      {
        "type": "field/bb_reference",
        "label": "Field",
        "key": "field",
        "required": true
      },
      {
        "type": "text",
        "label": "Label",
        "key": "label"
      },
      {
        "type": "text",
        "label": "Placeholder",
        "key": "placeholder"
      },
      {
        "type": "text",
        "label": "Default value",
        "key": "defaultValue"
      },
      {
        "type": "event",
        "label": "On change",
        "key": "onChange",
        "context": [
          {
            "label": "Field Value",
            "key": "value"
          }
        ]
      },
      {
        "type": "validation/link",
        "label": "Validation",
        "key": "validation"
      },
      {
        "type": "boolean",
        "label": "Search",
        "key": "autocomplete",
        "defaultValue": true
      },
      {
        "type": "boolean",
        "label": "Disabled",
        "key": "disabled",
        "defaultValue": false
      }
    ]
  }
}