From d99bc6a9d428fab7acdf9fa6f3a38781ef8053ae Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Mon, 13 Apr 2020 15:46:16 +0200
Subject: [PATCH] update forms to not submit on button click

---
 .../src/components/accessLevels/AccessLevelView.svelte     | 2 +-
 .../src/components/actionsAndTriggers/ActionView.svelte    | 2 +-
 .../src/components/actionsAndTriggers/TriggerView.svelte   | 7 ++-----
 packages/builder/src/components/database/FieldView.svelte  | 2 +-
 packages/builder/src/components/database/IndexView.svelte  | 2 +-
 .../database/ModelDataTable/modals/CreateEditRecord.svelte | 2 +-
 .../database/ModelDataTable/modals/CreateUser.svelte       | 2 +-
 packages/builder/src/components/database/ModelView.svelte  | 2 +-
 .../src/components/userInterface/ComponentSearch.svelte    | 2 +-
 .../userInterface/EventsEditor/EventsEditor.svelte         | 2 +-
 .../builder/src/components/userInterface/PageView.svelte   | 2 +-
 .../builder/src/components/userInterface/PropsView.svelte  | 2 +-
 12 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/packages/builder/src/components/accessLevels/AccessLevelView.svelte b/packages/builder/src/components/accessLevels/AccessLevelView.svelte
index aa1833199c..65c5065d8d 100644
--- a/packages/builder/src/components/accessLevels/AccessLevelView.svelte
+++ b/packages/builder/src/components/accessLevels/AccessLevelView.svelte
@@ -79,7 +79,7 @@
 
   <ErrorsBox {errors} />
 
-  <form class="uk-form-horizontal">
+  <form on:submit|preventDefault class="uk-form-horizontal">
 
     <Textbox label="Access Level Name" bind:text={clonedLevel.name} />
 
diff --git a/packages/builder/src/components/actionsAndTriggers/ActionView.svelte b/packages/builder/src/components/actionsAndTriggers/ActionView.svelte
index edbd382647..c1eb2f3fd4 100644
--- a/packages/builder/src/components/actionsAndTriggers/ActionView.svelte
+++ b/packages/builder/src/components/actionsAndTriggers/ActionView.svelte
@@ -68,7 +68,7 @@
 
   <ErrorsBox {errors} />
 
-  <form class="uk-form-horizontal">
+  <form on:submit|preventDefault class="uk-form-horizontal">
 
     <Textbox label="Name" bind:text={clonedAction.name} />
     <Textbox
diff --git a/packages/builder/src/components/actionsAndTriggers/TriggerView.svelte b/packages/builder/src/components/actionsAndTriggers/TriggerView.svelte
index a74d0663f5..c2133e9395 100644
--- a/packages/builder/src/components/actionsAndTriggers/TriggerView.svelte
+++ b/packages/builder/src/components/actionsAndTriggers/TriggerView.svelte
@@ -22,10 +22,7 @@
   let cancel = () => onFinished()
   let save = () => {
     const newTriggersList = [
-      ...pipe(
-        allTriggers,
-        [filter(t => t !== trigger)]
-      ),
+      ...pipe(allTriggers, [filter(t => t !== trigger)]),
       clonedTrigger,
     ]
 
@@ -43,7 +40,7 @@
 
   <ErrorsBox {errors} style="margin-bottom:20px" />
 
-  <form class="uk-form-horizontal">
+  <form on:submit|preventDefault class="uk-form-horizontal">
 
     <Dropdown
       label="Event"
diff --git a/packages/builder/src/components/database/FieldView.svelte b/packages/builder/src/components/database/FieldView.svelte
index 8aa7241466..3bf2ed4b93 100644
--- a/packages/builder/src/components/database/FieldView.svelte
+++ b/packages/builder/src/components/database/FieldView.svelte
@@ -67,7 +67,7 @@
 
   <ErrorsBox {errors} />
 
-  <form class="uk-form-stacked">
+  <form on:submit|preventDefault class="uk-form-stacked">
     <Textbox label="Name" bind:text={clonedField.name} />
     <Dropdown
       label="Type"
diff --git a/packages/builder/src/components/database/IndexView.svelte b/packages/builder/src/components/database/IndexView.svelte
index 8f2d7f69e7..0b8884b989 100644
--- a/packages/builder/src/components/database/IndexView.svelte
+++ b/packages/builder/src/components/database/IndexView.svelte
@@ -54,7 +54,7 @@
   <i class="ri-eye-line button--toggled" />
   <h3 class="budibase__title--3">Create / Edit View</h3>
 </heading>
-<form class="uk-form-stacked root">
+<form on:submit|preventDefault class="uk-form-stacked root">
   <h4 class="budibase__label--big">Settings</h4>
   {#if $store.errors && $store.errors.length > 0}
     <ErrorsBox errors={$store.errors} />
diff --git a/packages/builder/src/components/database/ModelDataTable/modals/CreateEditRecord.svelte b/packages/builder/src/components/database/ModelDataTable/modals/CreateEditRecord.svelte
index 865aca94e5..d8eec31859 100644
--- a/packages/builder/src/components/database/ModelDataTable/modals/CreateEditRecord.svelte
+++ b/packages/builder/src/components/database/ModelDataTable/modals/CreateEditRecord.svelte
@@ -70,7 +70,7 @@
 <div class="actions">
   <h4 class="budibase__title--4">Create / Edit Record</h4>
   <ErrorsBox {errors} />
-  <form class="uk-form-stacked">
+  <form on:submit|preventDefault class="uk-form-stacked">
     {#if !record}
       <div class="uk-margin">
         <label class="uk-form-label" for="form-stacked-text">Model</label>
diff --git a/packages/builder/src/components/database/ModelDataTable/modals/CreateUser.svelte b/packages/builder/src/components/database/ModelDataTable/modals/CreateUser.svelte
index 7a42fe05e1..aeb1ea563d 100644
--- a/packages/builder/src/components/database/ModelDataTable/modals/CreateUser.svelte
+++ b/packages/builder/src/components/database/ModelDataTable/modals/CreateUser.svelte
@@ -28,7 +28,7 @@
   }
 </script>
 
-<form class="uk-form-stacked">
+<form on:submit|preventDefault class="uk-form-stacked">
   <div>
     <label class="uk-form-label" for="form-stacked-text">Username</label>
     <input class="uk-input" type="text" bind:value={username} />
diff --git a/packages/builder/src/components/database/ModelView.svelte b/packages/builder/src/components/database/ModelView.svelte
index eef0651285..9e8b185291 100644
--- a/packages/builder/src/components/database/ModelView.svelte
+++ b/packages/builder/src/components/database/ModelView.svelte
@@ -117,7 +117,7 @@
       <ErrorsBox errors={$store.errors} />
     {/if}
 
-    <form class="uk-form-stacked">
+    <form on:submit|preventDefault class="uk-form-stacked">
 
       <Textbox label="Name" bind:text={record.name} on:change={nameChanged} />
       {#if isChildModel}
diff --git a/packages/builder/src/components/userInterface/ComponentSearch.svelte b/packages/builder/src/components/userInterface/ComponentSearch.svelte
index 340098880c..b8583075c8 100644
--- a/packages/builder/src/components/userInterface/ComponentSearch.svelte
+++ b/packages/builder/src/components/userInterface/ComponentSearch.svelte
@@ -13,7 +13,7 @@
 
 <div class="root">
 
-  <form class="uk-search uk-search-large">
+  <form on:submit|preventDefault class="uk-search uk-search-large">
     <span uk-search-icon />
     <input
       class="uk-search-input"
diff --git a/packages/builder/src/components/userInterface/EventsEditor/EventsEditor.svelte b/packages/builder/src/components/userInterface/EventsEditor/EventsEditor.svelte
index d781565990..69057b1aeb 100644
--- a/packages/builder/src/components/userInterface/EventsEditor/EventsEditor.svelte
+++ b/packages/builder/src/components/userInterface/EventsEditor/EventsEditor.svelte
@@ -63,7 +63,7 @@
 </header>
 
 <div class="root">
-  <form class="uk-form-stacked form-root">
+  <form on:submit|preventDefault class="uk-form-stacked form-root">
     {#each events as event, index}
       {#if event.handlers.length > 0}
         <div
diff --git a/packages/builder/src/components/userInterface/PageView.svelte b/packages/builder/src/components/userInterface/PageView.svelte
index 4c950e37d1..d1026477b0 100644
--- a/packages/builder/src/components/userInterface/PageView.svelte
+++ b/packages/builder/src/components/userInterface/PageView.svelte
@@ -35,7 +35,7 @@
 
   <h3>{$store.currentPageName}</h3>
 
-  <form class="uk-form-horizontal">
+  <form on:submit|preventDefault class="uk-form-horizontal">
     <Textbox bind:text={title} label="Title" hasError={!title} />
     <div class="help-text">
       The title of your page, displayed in the bowser tab
diff --git a/packages/builder/src/components/userInterface/PropsView.svelte b/packages/builder/src/components/userInterface/PropsView.svelte
index bbb657ed6b..3edcb8977f 100644
--- a/packages/builder/src/components/userInterface/PropsView.svelte
+++ b/packages/builder/src/components/userInterface/PropsView.svelte
@@ -24,7 +24,7 @@
 
 <div class="root">
 
-  <form class="uk-form-stacked form-root">
+  <form on:submit|preventDefault class="uk-form-stacked form-root">
     {#if componentDef}
       {#each Object.entries(componentDef.props) as [prop_name, prop_def], index}
         <div class="prop-container">