From 7566a84aebe25b5923c7e7f9f88bfaf2d1ff838a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Mon, 14 Jun 2021 07:34:42 +0200
Subject: [PATCH] missed files that were not commited on friday

---
 .../EventsEditor/EventEditor.svelte           | 15 -------
 .../PropertyControls/NavigationSelect.svelte  | 40 +++++++++++++++++++
 ...odalSelect.svelte => SectionSelect.svelte} |  0
 .../PropertiesPanel/SettingsView.svelte       |  6 ++-
 packages/standard-components/manifest.json    | 24 +++++------
 5 files changed, 56 insertions(+), 29 deletions(-)
 create mode 100644 packages/builder/src/components/design/PropertiesPanel/PropertyControls/NavigationSelect.svelte
 rename packages/builder/src/components/design/PropertiesPanel/PropertyControls/{ModalSelect.svelte => SectionSelect.svelte} (100%)

diff --git a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/EventEditor.svelte b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/EventEditor.svelte
index 5847f13b8f..843f33cab9 100644
--- a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/EventEditor.svelte
+++ b/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>
diff --git a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/NavigationSelect.svelte b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/NavigationSelect.svelte
new file mode 100644
index 0000000000..e4bfd75ef3
--- /dev/null
+++ b/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>
diff --git a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/ModalSelect.svelte b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/SectionSelect.svelte
similarity index 100%
rename from packages/builder/src/components/design/PropertiesPanel/PropertyControls/ModalSelect.svelte
rename to packages/builder/src/components/design/PropertiesPanel/PropertyControls/SectionSelect.svelte
diff --git a/packages/builder/src/components/design/PropertiesPanel/SettingsView.svelte b/packages/builder/src/components/design/PropertiesPanel/SettingsView.svelte
index 84add92203..7fe714ef2e 100644
--- a/packages/builder/src/components/design/PropertiesPanel/SettingsView.svelte
+++ b/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,
diff --git a/packages/standard-components/manifest.json b/packages/standard-components/manifest.json
index 9093ddfe86..4452c7bdd1 100644
--- a/packages/standard-components/manifest.json
+++ b/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"],