From b1e421651dc48a6ec973aeecb79644ee8fcbb9d8 Mon Sep 17 00:00:00 2001 From: Andrew Kingston Date: Tue, 12 Oct 2021 16:07:59 +0100 Subject: [PATCH] Use custom Input for component settings so that JS bindings can be displayed nicley --- .../common/bindings/BindingPanel.svelte | 32 +++++++++++++------ .../PropertyControls/Input.svelte | 14 ++++++++ .../PropertyControls/PropertyControl.svelte | 1 + .../PropertyControls/componentSettings.js | 3 +- 4 files changed, 40 insertions(+), 10 deletions(-) create mode 100644 packages/builder/src/components/design/PropertiesPanel/PropertyControls/Input.svelte diff --git a/packages/builder/src/components/common/bindings/BindingPanel.svelte b/packages/builder/src/components/common/bindings/BindingPanel.svelte index 15cb3ffcb5..648095f8f5 100644 --- a/packages/builder/src/components/common/bindings/BindingPanel.svelte +++ b/packages/builder/src/components/common/bindings/BindingPanel.svelte @@ -1,6 +1,14 @@ + + diff --git a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/PropertyControl.svelte b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/PropertyControl.svelte index 4ca7d9fc12..91e67c1685 100644 --- a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/PropertyControl.svelte +++ b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/PropertyControl.svelte @@ -105,6 +105,7 @@ value={safeValue} on:change={e => (tempValue = e.detail)} bindableProperties={bindings} + allowJS /> {/if} diff --git a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/componentSettings.js b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/componentSettings.js index c38178b6de..69bb3f8b47 100644 --- a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/componentSettings.js +++ b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/componentSettings.js @@ -1,4 +1,4 @@ -import { Checkbox, Input, Select, Stepper } from "@budibase/bbui" +import { Checkbox, Select, Stepper } from "@budibase/bbui" import DataSourceSelect from "./DataSourceSelect.svelte" import DataProviderSelect from "./DataProviderSelect.svelte" import EventsEditor from "./EventsEditor" @@ -15,6 +15,7 @@ import URLSelect from "./URLSelect.svelte" import OptionsEditor from "./OptionsEditor/OptionsEditor.svelte" import FormFieldSelect from "./FormFieldSelect.svelte" import ValidationEditor from "./ValidationEditor/ValidationEditor.svelte" +import Input from "./Input.svelte" const componentMap = { text: Input,