From acd31618f23d4fc51545f763e895fb7c57537337 Mon Sep 17 00:00:00 2001
From: Maurits Lourens <maurits.lourens@gmail.com>
Date: Tue, 3 Aug 2021 21:30:06 +0200
Subject: [PATCH 1/2] add radio buttons to standard components options picker

---
 packages/standard-components/manifest.json    | 16 ++++++++++
 .../src/forms/OptionsField.svelte             | 32 +++++++++++++------
 2 files changed, 38 insertions(+), 10 deletions(-)

diff --git a/packages/standard-components/manifest.json b/packages/standard-components/manifest.json
index 2d0384056e..bb50c7a7e3 100644
--- a/packages/standard-components/manifest.json
+++ b/packages/standard-components/manifest.json
@@ -1841,6 +1841,22 @@
         "key": "placeholder",
         "placeholder": "Choose an option"
       },
+      {
+        "type": "select",
+        "label": "Type",
+        "key": "optionsType",
+        "placeholder": "Pick an options type",
+        "options": [
+          {
+            "label": "Select",
+            "value": "select"
+          },
+          {
+            "label": "Radio buttons",
+            "value": "radio"
+          }
+        ]
+      },
       {
         "type": "boolean",
         "label": "Disabled",
diff --git a/packages/standard-components/src/forms/OptionsField.svelte b/packages/standard-components/src/forms/OptionsField.svelte
index 3955839fd0..7674cb0bf8 100644
--- a/packages/standard-components/src/forms/OptionsField.svelte
+++ b/packages/standard-components/src/forms/OptionsField.svelte
@@ -1,11 +1,12 @@
 <script>
-  import { CoreSelect } from "@budibase/bbui"
+  import { CoreSelect, RadioGroup } from "@budibase/bbui"
   import Field from "./Field.svelte"
 
   export let field
   export let label
   export let placeholder
   export let disabled = false
+  export let optionsType = "select"
 
   let fieldState
   let fieldApi
@@ -22,14 +23,25 @@
   bind:fieldSchema
 >
   {#if fieldState}
-    <CoreSelect
-      value={$fieldState.value}
-      id={$fieldState.fieldId}
-      disabled={$fieldState.disabled}
-      error={$fieldState.error}
-      options={fieldSchema?.constraints?.inclusion ?? []}
-      {placeholder}
-      on:change={e => fieldApi.setValue(e.detail)}
-    />
+    {#if optionsType === 'select'}
+      <CoreSelect
+        value={$fieldState.value}
+        id={$fieldState.fieldId}
+        disabled={$fieldState.disabled}
+        error={$fieldState.error}
+        options={fieldSchema?.constraints?.inclusion ?? []}
+        {placeholder}
+        on:change={e => fieldApi.setValue(e.detail)}
+      />
+    {:else if optionsType === 'radio'}
+      <RadioGroup
+        value={$fieldState.value}
+        id={$fieldState.fieldId}
+        disabled={$fieldState.disabled}
+        error={$fieldState.error}
+        options={fieldSchema?.constraints?.inclusion ?? []}
+        on:change={e => fieldApi.setValue(e.detail)}
+      />
+    {/if}
   {/if}
 </Field>

From 78a92566952825a6935af449a06f8708d57f69e4 Mon Sep 17 00:00:00 2001
From: Maurits Lourens <maurits.lourens@gmail.com>
Date: Tue, 3 Aug 2021 21:34:26 +0200
Subject: [PATCH 2/2] fix lint issues

---
 packages/standard-components/src/forms/OptionsField.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/standard-components/src/forms/OptionsField.svelte b/packages/standard-components/src/forms/OptionsField.svelte
index 7674cb0bf8..659326bb34 100644
--- a/packages/standard-components/src/forms/OptionsField.svelte
+++ b/packages/standard-components/src/forms/OptionsField.svelte
@@ -23,7 +23,7 @@
   bind:fieldSchema
 >
   {#if fieldState}
-    {#if optionsType === 'select'}
+    {#if optionsType === "select"}
       <CoreSelect
         value={$fieldState.value}
         id={$fieldState.fieldId}
@@ -33,7 +33,7 @@
         {placeholder}
         on:change={e => fieldApi.setValue(e.detail)}
       />
-    {:else if optionsType === 'radio'}
+    {:else if optionsType === "radio"}
       <RadioGroup
         value={$fieldState.value}
         id={$fieldState.fieldId}