From 53ae428e5343f07e7362d14b71f61121b34d3b98 Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Fri, 13 Nov 2020 11:16:01 +0100
Subject: [PATCH 1/2] unhides richtext component

---
 .../userInterface/temporaryPanelStructure.js  | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/packages/builder/src/components/userInterface/temporaryPanelStructure.js b/packages/builder/src/components/userInterface/temporaryPanelStructure.js
index acbc9d4b17..556e475f2b 100644
--- a/packages/builder/src/components/userInterface/temporaryPanelStructure.js
+++ b/packages/builder/src/components/userInterface/temporaryPanelStructure.js
@@ -188,25 +188,25 @@ export default {
             ],
           },
         },
-        // {
-        //   _component: "@budibase/standard-components/richtext",
-        //   name: "Rich Text",
-        //   description:
-        //     "A component that allows the user to enter long form text.",
-        //   icon: "ri-edit-box-line",
-        //   properties: {
-        //     design: { ...all },
-        //     settings: [
-        //       { label: "Label", key: "label", control: Input },
-        //       {
-        //         label: "Type",
-        //         key: "type",
-        //         control: OptionSelect,
-        //         options: ["text", "password"],
-        //       },
-        //     ],
-        //   },
-        // },
+        {
+          _component: "@budibase/standard-components/richtext",
+          name: "Rich Text",
+          description:
+            "A component that allows the user to enter long form text.",
+          icon: "ri-edit-box-line",
+          properties: {
+            design: { ...all },
+            settings: [
+              { label: "Label", key: "label", control: Input },
+              {
+                label: "Type",
+                key: "type",
+                control: OptionSelect,
+                options: ["text", "password"],
+              },
+            ],
+          },
+        },
         {
           _component: "@budibase/standard-components/datepicker",
           name: "Date Picker",

From 36e902fd3007b61a72d1ce55884401dc74d862a4 Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Fri, 13 Nov 2020 11:31:00 +0100
Subject: [PATCH 2/2] sets everything up to be used with a longform type in the
 Form component

---
 .../userInterface/temporaryPanelStructure.js  | 30 +++-----
 packages/standard-components/components.json  |  2 -
 .../standard-components/src/RichText.svelte   | 70 +++++++++++--------
 3 files changed, 51 insertions(+), 51 deletions(-)

diff --git a/packages/builder/src/components/userInterface/temporaryPanelStructure.js b/packages/builder/src/components/userInterface/temporaryPanelStructure.js
index 556e475f2b..e18ca6014f 100644
--- a/packages/builder/src/components/userInterface/temporaryPanelStructure.js
+++ b/packages/builder/src/components/userInterface/temporaryPanelStructure.js
@@ -188,25 +188,17 @@ export default {
             ],
           },
         },
-        {
-          _component: "@budibase/standard-components/richtext",
-          name: "Rich Text",
-          description:
-            "A component that allows the user to enter long form text.",
-          icon: "ri-edit-box-line",
-          properties: {
-            design: { ...all },
-            settings: [
-              { label: "Label", key: "label", control: Input },
-              {
-                label: "Type",
-                key: "type",
-                control: OptionSelect,
-                options: ["text", "password"],
-              },
-            ],
-          },
-        },
+        // {
+        //   _component: "@budibase/standard-components/richtext",
+        //   name: "Rich Text",
+        //   description:
+        //     "A component that allows the user to enter long form text.",
+        //   icon: "ri-edit-box-line",
+        //   properties: {
+        //     design: { ...all },
+        //     settings: [],
+        //   },
+        // },
         {
           _component: "@budibase/standard-components/datepicker",
           name: "Date Picker",
diff --git a/packages/standard-components/components.json b/packages/standard-components/components.json
index 6bab3d52ca..a766d3084c 100644
--- a/packages/standard-components/components.json
+++ b/packages/standard-components/components.json
@@ -178,8 +178,6 @@
 		"name": "Rich Text",
 		"description": "A component that allows the user to enter long form text.",
 		"props": {
-			"label": "string",
-			"type": "string",
 			"value": "string"
 		}
 	},
diff --git a/packages/standard-components/src/RichText.svelte b/packages/standard-components/src/RichText.svelte
index 95484ab4ed..a033d3cc1d 100644
--- a/packages/standard-components/src/RichText.svelte
+++ b/packages/standard-components/src/RichText.svelte
@@ -1,34 +1,44 @@
 <script>
-    import { RichText } from '@budibase/bbui'
+  import { RichText } from '@budibase/bbui'
 
-    export let _bb
-  
-    export let label = ""
-    export let value = ""
-    let options = {
-  "modules": {
-    "toolbar": [
-      [
-        {
-          "header": [
-            1,
-            2,
-            3,
-            false
-          ]
-        }
-      ],
-      [
-        "bold",
-        "italic",
-        "underline",
-        "strike"
+  export let _bb
+
+  export let content = ""
+
+  const updateValue = content => {
+    if (_bb) {
+      _bb.setBinding("value", content)
+    }
+  }
+
+  $: updateValue(content)
+
+  // Need to determine what options we want to expose.
+
+  let options = {
+    "modules": {
+      "toolbar": [
+        [
+          {
+            "header": [
+              1,
+              2,
+              3,
+              false
+            ]
+          }
+        ],
+        [
+          "bold",
+          "italic",
+          "underline",
+          "strike"
+        ]
       ]
-    ]
-  },
-  "placeholder": "Type something...",
-  "theme": "snow"
-}
-  </script>
+    },
+    "placeholder": "Type something...",
+    "theme": "snow"
+  }
+</script>
   
-  <RichText {options} />
\ No newline at end of file
+  <RichText bind:content {options} />
\ No newline at end of file