missed files that were not commited on friday

packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/EventEditor.svelte

@@ -153,16 +153,6 @@
     color: var(--ink);
   }
 
-  .available-action {
-    padding: var(--spacing-s);
-    font-size: var(--font-size-s);
-    cursor: pointer;
-  }
-
-  .available-action:hover {
-    background: var(--grey-2);
-  }
-
   .action-container {
     border-bottom: 1px solid var(--grey-1);
     display: flex;
@@ -171,9 +161,4 @@
   .action-container:last-child {
     border-bottom: none;
   }
-
-  i:hover {
-    color: var(--red);
-    cursor: pointer;
-  }
 </style>

packages/builder/src/components/design/PropertiesPanel/PropertyControls/NavigationSelect.svelte

@@ -0,0 +1,40 @@
+<script>
+  import { ActionButton } from "@budibase/bbui"
+  import { flip } from "svelte/animate"
+  import { dndzone } from "svelte-dnd-action"
+
+  let flipDurationMs = 150
+
+  // This should be the screens and any external links the user has added
+  let items = [
+    { text: "Test", id: 0 },
+    { text: "First", id: 1 },
+    { text: "Second", id: 2 },
+  ]
+</script>
+
+<div class="container">
+  <ul
+    use:dndzone={{
+      items,
+      flipDurationMs,
+      dropTargetStyle: { outline: "none" },
+    }}
+  >
+    {#each items as item (item)}
+      <li animate:flip={{ duration: flipDurationMs }}>{item}</li>
+    {/each}
+  </ul>
+  <ActionButton icon="Add">Add External Link</ActionButton>
+</div>
+
+<style>
+  .container {
+    display: grid;
+  }
+  ul {
+    display: grid;
+    grid-template-columns: 1fr;
+    list-style-type: none;
+  }
+</style>

packages/builder/src/components/design/PropertiesPanel/SettingsView.svelte

@@ -15,7 +15,8 @@
   import FieldSelect from "./PropertyControls/FieldSelect.svelte"
   import MultiFieldSelect from "./PropertyControls/MultiFieldSelect.svelte"
   import SchemaSelect from "./PropertyControls/SchemaSelect.svelte"
-  import ModalSelect from "./PropertyControls/ModalSelect.svelte"
+  import SectionSelect from "./PropertyControls/SectionSelect.svelte"
+  import NavigationSelect from "./PropertyControls/NavigationSelect.svelte"
   import EventsEditor from "./PropertyControls/EventsEditor"
   import FilterEditor from "./PropertyControls/FilterEditor/FilterEditor.svelte"
   import { IconSelect } from "./PropertyControls/IconSelect"
@@ -70,7 +71,8 @@
     field: FieldSelect,
     multifield: MultiFieldSelect,
     schema: SchemaSelect,
-    modal: ModalSelect,
+    section: SectionSelect,
+    navigationSelect: NavigationSelect,
     filter: FilterEditor,
     "field/string": StringFieldSelect,
     "field/number": NumberFieldSelect,

packages/standard-components/manifest.json

@@ -1,14 +1,4 @@
 {
-  "container": {
-    "name": "Container",
-    "description": "This component contains things within itself",
-    "icon": "Sandbox",
-    "hasChildren": true,
-    "styleable": true,
-    "transitionable": true,
-    "illegalChildren": ["Section"],
-    "settings": []
-  },
   "layout": {
     "name": "Layout",
     "description": "This component is specific only to layouts",
@@ -48,12 +38,22 @@
         "defaultValue": "Top"
       },
       {
-        "type": "select",
+        "type": "navigationSelect",
         "label": "Links",
         "key": "type"
       }
     ]
   },
+  "container": {
+    "name": "Container",
+    "description": "This component contains things within itself",
+    "icon": "Sandbox",
+    "hasChildren": true,
+    "styleable": true,
+    "transitionable": true,
+    "illegalChildren": ["Section"],
+    "settings": []
+  },
   "section": {
     "name": "Section",
     "description": "Add a section to your application",
@@ -64,7 +64,7 @@
     "illegalChildren": ["Section"],
     "settings": [
       {
-        "type": "modal",
+        "type": "section",
         "label": "Type",
         "key": "type",
         "options": ["mainSidebar", "sidebarMain", "twoColumns", "threeColumns"],