diff --git a/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte b/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
index 6ef86969ac..24b6042940 100644
--- a/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
+++ b/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
@@ -29,6 +29,7 @@
$: categories = Object.entries(groupBy("category", bindings))
$: value && checkValid()
+ $: searchRgx = new RegExp(search, "ig")
function onClickBinding(binding) {
const position = getCaretPosition()
@@ -61,7 +62,7 @@
{categoryName}
{#each bindings.filter(binding =>
- binding.label.startsWith(search)
+ binding.label.match(searchRgx)
) as binding}
onClickBinding(binding)}>
{binding.label}
@@ -75,9 +76,7 @@
{/each}
Helpers
- {#each helpers.filter(binding =>
- binding.label.startsWith(search)
- ) as helper}
+ {#each helpers.filter(helper => helper.label.match(searchRgx) || helper.description.match(searchRgx)) as helper}
onClickBinding(helper)}>
{helper.label}
diff --git a/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte b/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte
index ae428ef763..47334267b6 100644
--- a/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte
@@ -29,6 +29,7 @@
)
$: dispatch("update", value)
$: ({ instance, context } = groupBy("type", bindableProperties))
+ $: searchRgx = new RegExp(search, "ig")
function checkValid() {
// TODO: need to convert the value to the runtime binding
@@ -69,7 +70,7 @@
{#each context.filter(context =>
- context.readableBinding.startsWith(search)
+ context.readableBinding.match(searchRgx)
) as { readableBinding }}
- addToText(readableBinding)}>
{readableBinding}
@@ -83,7 +84,7 @@
{#each instance.filter(instance =>
- instance.readableBinding.startsWith(search)
+ instance.readableBinding.match(searchRgx)
) as { readableBinding }}
- addToText(readableBinding)}>
{readableBinding}
@@ -95,13 +96,13 @@
Helpers
- {#each helpers.filter(helper =>
- helper.label.startsWith(search)
- ) as helper}
+ {#each helpers.filter(helper => helper.label.match(searchRgx) || helper.description.match(searchRgx)) as helper}
- addToText(helper.text)}>
-
{@html helper.description}
+
+ {@html helper.description}
+
{/each}