From 83d9a782c8ae27ccf42d7c86f2e950024a0b0fb9 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Fri, 18 Jun 2021 12:44:53 +0100
Subject: [PATCH] Lint and remove unused section properties

---
 .../design/PropertiesPanel/DesignView.svelte    |  4 +---
 .../PropertyControls/SectionSelect.svelte       |  2 --
 packages/standard-components/manifest.json      |  1 -
 packages/standard-components/src/Section.svelte | 17 -----------------
 4 files changed, 1 insertion(+), 23 deletions(-)

diff --git a/packages/builder/src/components/design/PropertiesPanel/DesignView.svelte b/packages/builder/src/components/design/PropertiesPanel/DesignView.svelte
index 1db95e7de5..1c7ead521a 100644
--- a/packages/builder/src/components/design/PropertiesPanel/DesignView.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/DesignView.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { TextArea, DetailSummary, Button, Select } from "@budibase/bbui"
+  import { TextArea, DetailSummary, Button } from "@budibase/bbui"
   import PropertyGroup from "./PropertyControls/PropertyGroup.svelte"
   import FlatButtonGroup from "./PropertyControls/FlatButtonGroup"
   import { allStyles } from "./componentStyles"
@@ -23,8 +23,6 @@
     { value: "active", text: "Active" },
   ]
 
-  const capitalize = ([first, ...rest]) => first.toUpperCase() + rest.join("")
-
   $: groups = componentDefinition?.styleable ? Object.keys(allStyles) : []
 </script>
 
diff --git a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/SectionSelect.svelte b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/SectionSelect.svelte
index 2fd7e7c15a..6b3cf72016 100644
--- a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/SectionSelect.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/SectionSelect.svelte
@@ -29,7 +29,6 @@
 </script>
 
 <ActionButton on:click={modal.show}>{layoutMap[value].name}</ActionButton>
-
 <Modal bind:this={modal}>
   <ModalContent
     onConfirm={() => dispatch("change", selected)}
@@ -65,7 +64,6 @@
     display: grid;
     place-items: center;
     background: var(--background-alt);
-    border-radius: 3px;
     grid-gap: var(--spectrum-alias-grid-margin-xsmall);
     padding: var(--spectrum-alias-item-padding-s);
     transition: 0.3s all;
diff --git a/packages/standard-components/manifest.json b/packages/standard-components/manifest.json
index b716631e82..fbf3fdf908 100644
--- a/packages/standard-components/manifest.json
+++ b/packages/standard-components/manifest.json
@@ -188,7 +188,6 @@
         "type": "section",
         "label": "Type",
         "key": "type",
-        "options": ["mainSidebar", "sidebarMain", "twoColumns", "threeColumns"],
         "defaultValue": "mainSidebar"
       }
     ]
diff --git a/packages/standard-components/src/Section.svelte b/packages/standard-components/src/Section.svelte
index 1b702f9034..9557f43e8a 100644
--- a/packages/standard-components/src/Section.svelte
+++ b/packages/standard-components/src/Section.svelte
@@ -6,7 +6,6 @@
   const component = getContext("component")
 
   export let type = "mainSidebar"
-  export let gap = "16px"
   export let minSize = 250
 
   let layoutMap = {
@@ -67,22 +66,6 @@
   .columns-2 {
     grid-template-columns: 1fr 1fr;
   }
-
-  p {
-    background-color: var(--grey-3);
-    color: var(--grey-6);
-    font-size: var(--font-size-s);
-    padding: var(--spacing-l);
-    border-radius: var(--border-radius-s);
-    display: grid;
-    place-items: center;
-  }
-  p i {
-    margin-bottom: var(--spacing-m);
-    font-size: 1.5rem;
-    color: var(--grey-5);
-  }
-
   .placeholder {
     border: 2px dashed var(--grey-5);
     padding: var(--spacing-l);