schema.json

{
  "type": "component",
  "metadata": {},
  "schema": {
    "name": "bb-component-SuperSideNavigation",
    "friendlyName": "Super Side Navigation",
    "description": "A Side Navigation / Item List component for Budibase.",
    "icon": "RailLeft",
    "styles": [ "size", "background", "border", "padding" ],
    "hasChildren": true,
    "showEmptyState": false,
    "settings": [
      {
        "type": "select",
        "key": "structureSource",
        "label": "Structure Source",
        "options": [
          { "label": "Data Provider", "value": "dataProvider" },
          { "label": "JSON", "value": "json"},
          { "label": "Custom", "value": "custom"}
        ],
        "defaultValue":"json"
      },
      {
        "type": "text",
        "key": "staticStructure",
        "label": "JSON Structure",
        "dependsOn": { "setting": "structureSource", "value": "json" }
      },
      {
        "section": true,
        "name": "Sections Settings",
        "dependsOn": { "setting": "structureSource", "value": "dataProvider" },
        "settings": [
          {
            "type": "dataProvider",
            "key": "dataProvider",
            "label": "Data Provider"   
          },
          {
            "type": "field",
            "label": "Section Key Column",
            "key": "sectionColumnKey"
          },
          {
            "type": "field",
            "label": "Section Value Column",
            "key": "sectionColumnValue"
          },
          {
            "type": "field",
            "label": "Item Column",
            "key": "itemColumn",
            "info": "Must be a Relationship Field"
          },
          {
            "type": "select",
            "key": "itemSorting",
            "label" : "Sort Items",
            "options" : [
              { "label" : "Ascending", "value": "ascending" },
              { "label" : "Descending", "value": "descending" },
              { "label" : "No Sorting", "value": "unsorted" }
            ]
          }
        ]
      },
      {
        "type": "boolean",
        "key": "collapsible",
        "label": "Collapsible Sections",
        "defaultValue": false
      },
      {
        "type": "options",
        "key": "mainSections",
        "label": "Main Sections"
      },
      {
        "type": "boolean",
        "key": "allCollapsed",
        "label": "All Collapsed",
        "defaultValue": false,
        "dependsOn": "collapsible"
      },
      {
        "type": "boolean",
        "key": "hideEmpty",
        "label": "Hide Empty Sections",
        "defaultValue": false
      },
      {
        "section": true,
        "name": "On Item Click",
        "settings": [
          {
            "type": "event",
            "key": "onItemClick",
            "context": [
              {
                "label": "Item Key",
                "key": "itemKey"
              },
              {
                "label": "Item Value",
                "key": "itemValue"
              }
            ]
          }
        ]
      }
    ]
  }
}