diff --git a/lerna.json b/lerna.json
index f50b005bd3..b6a0685b32 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,5 +1,5 @@
{
- "version": "0.9.185-alpha.10",
+ "version": "0.9.185-alpha.11",
"npmClient": "yarn",
"packages": [
"packages/*"
diff --git a/packages/auth/package.json b/packages/auth/package.json
index ee6f23051f..a8320c0a08 100644
--- a/packages/auth/package.json
+++ b/packages/auth/package.json
@@ -1,6 +1,6 @@
{
"name": "@budibase/auth",
- "version": "0.9.185-alpha.10",
+ "version": "0.9.185-alpha.11",
"description": "Authentication middlewares for budibase builder and apps",
"main": "src/index.js",
"author": "Budibase",
diff --git a/packages/bbui/package.json b/packages/bbui/package.json
index 9870e81bd2..abffe4e5be 100644
--- a/packages/bbui/package.json
+++ b/packages/bbui/package.json
@@ -1,7 +1,7 @@
{
"name": "@budibase/bbui",
"description": "A UI solution used in the different Budibase projects.",
- "version": "0.9.185-alpha.10",
+ "version": "0.9.185-alpha.11",
"license": "AGPL-3.0",
"svelte": "src/index.js",
"module": "dist/bbui.es.js",
diff --git a/packages/builder/assets/bb-space-man.svg b/packages/builder/assets/bb-space-man.svg
new file mode 100644
index 0000000000..bb6eda2bf4
--- /dev/null
+++ b/packages/builder/assets/bb-space-man.svg
@@ -0,0 +1,290 @@
+
+
+
diff --git a/packages/builder/cypress/support/commands.js b/packages/builder/cypress/support/commands.js
index ca758e46d0..2a5a7eb130 100644
--- a/packages/builder/cypress/support/commands.js
+++ b/packages/builder/cypress/support/commands.js
@@ -188,8 +188,16 @@ Cypress.Commands.add("navigateToFrontend", () => {
Cypress.Commands.add("createScreen", (screenName, route) => {
cy.get("[aria-label=AddCircle]").click()
cy.get(".spectrum-Modal").within(() => {
- cy.get("input").first().type(screenName)
- cy.get("input").eq(1).type(route)
+ cy.get(".item").first().click()
+ cy.get(".spectrum-Button--cta").click()
+ })
+ cy.get(".spectrum-Modal").within(() => {
+ cy.get("input").first().clear().type(screenName)
+ cy.get("input").eq(1).clear().type(route)
+ cy.get(".spectrum-Button--cta").click()
+ })
+ cy.get(".spectrum-Modal").within(() => {
+ cy.get(`[data-cy="left-nav"]`).click()
cy.get(".spectrum-Button--cta").click()
})
})
diff --git a/packages/builder/package.json b/packages/builder/package.json
index 43e1e30c05..478a9910a5 100644
--- a/packages/builder/package.json
+++ b/packages/builder/package.json
@@ -1,6 +1,6 @@
{
"name": "@budibase/builder",
- "version": "0.9.185-alpha.10",
+ "version": "0.9.185-alpha.11",
"license": "AGPL-3.0",
"private": true,
"scripts": {
@@ -65,10 +65,10 @@
}
},
"dependencies": {
- "@budibase/bbui": "^0.9.185-alpha.10",
- "@budibase/client": "^0.9.185-alpha.10",
+ "@budibase/bbui": "^0.9.185-alpha.11",
+ "@budibase/client": "^0.9.185-alpha.11",
"@budibase/colorpicker": "1.1.2",
- "@budibase/string-templates": "^0.9.185-alpha.10",
+ "@budibase/string-templates": "^0.9.185-alpha.11",
"@sentry/browser": "5.19.1",
"@spectrum-css/page": "^3.0.1",
"@spectrum-css/vars": "^3.0.1",
diff --git a/packages/builder/src/builderStore/store/screenTemplates/createFromScratchScreen.js b/packages/builder/src/builderStore/store/screenTemplates/createFromScratchScreen.js
index 817dfeceea..d4b78740d0 100644
--- a/packages/builder/src/builderStore/store/screenTemplates/createFromScratchScreen.js
+++ b/packages/builder/src/builderStore/store/screenTemplates/createFromScratchScreen.js
@@ -2,6 +2,7 @@ import { Screen } from "./utils/Screen"
export default {
name: `Create from scratch`,
+ id: `createFromScratch`,
create: () => createScreen(),
}
diff --git a/packages/builder/src/components/design/NavigationPanel/FrontendNavigatePane.svelte b/packages/builder/src/components/design/NavigationPanel/FrontendNavigatePane.svelte
index de5400d0ba..51dd44026e 100644
--- a/packages/builder/src/components/design/NavigationPanel/FrontendNavigatePane.svelte
+++ b/packages/builder/src/components/design/NavigationPanel/FrontendNavigatePane.svelte
@@ -10,10 +10,11 @@
import { roles } from "stores/backend"
import ComponentNavigationTree from "components/design/NavigationPanel/ComponentNavigationTree/index.svelte"
import Layout from "components/design/NavigationPanel/Layout.svelte"
- import NewScreenModal from "components/design/NavigationPanel/NewScreenModal.svelte"
import NewLayoutModal from "components/design/NavigationPanel/NewLayoutModal.svelte"
import { Icon, Modal, Select, Search, Tabs, Tab } from "@budibase/bbui"
+ export let showModal
+
const tabs = [
{
title: "Screens",
@@ -85,9 +86,6 @@
-
-
-
@@ -102,7 +100,7 @@
-
+
diff --git a/packages/builder/src/components/design/NavigationPanel/NavigationSelectionModal.svelte b/packages/builder/src/components/design/NavigationPanel/NavigationSelectionModal.svelte
new file mode 100644
index 0000000000..8035281193
--- /dev/null
+++ b/packages/builder/src/components/design/NavigationPanel/NavigationSelectionModal.svelte
@@ -0,0 +1,179 @@
+
+
+ (blankSelected ? chooseModal(1) : chooseModal(0))}
+ size="M"
+ onConfirm={() => {
+ save(createdScreens)
+ }}
+ disabled={!selectedNav}
+>
+ Please select your preferred layout for the new application:
+
+
+
(selectedNav = "Left")}
+ class:unselected={selectedNav && selectedNav !== "Left"}
+ >
+
+
Side Nav
+
+
(selectedNav = "Top")}
+ class:unselected={selectedNav && selectedNav !== "Top"}
+ >
+
+
Top Nav
+
+
(selectedNav = "None")}
+ class:unselected={selectedNav && selectedNav !== "None"}
+ >
+
+
No Nav
+
+
+
+
+
diff --git a/packages/builder/src/components/design/NavigationPanel/NewScreenModal.svelte b/packages/builder/src/components/design/NavigationPanel/NewScreenModal.svelte
index 0671dce589..cfbcd444c2 100644
--- a/packages/builder/src/components/design/NavigationPanel/NewScreenModal.svelte
+++ b/packages/builder/src/components/design/NavigationPanel/NewScreenModal.svelte
@@ -1,117 +1,115 @@
-
-