-
- {#if $$slots.output && selectedOption}
-
{
- if (interactiveOutput) hasFocus = !hasFocus;
- }}>
-
-
- {:else}
-
(hasFocus = true)}
- on:click={() => (hasFocus = true)}
- on:input={handleInput}
- on:keydown={handleKeydown} />
- {/if}
-
-
- {#if showClearBtn}
-
- {/if}
+
+
+
+
+ {#if $$slots.output && selectedOption}
+
{
+ if (interactiveOutput) hasFocus = !hasFocus;
+ }}>
+
+
+ {:else}
+
+ {/if}
+
+
+ {#if showClearBtn}
-
+ {/if}
+
-
- {#each options as option, i}
-
-
-
- {:else}
-
- There are no {name} that match your search
-
- {/each}
-
-
-
+
+
+
+
+
+ {#each options as o}
+ -
+
+
+ {:else}
+ -
+ There are no {name} that match your search
+
+ {/each}
+
+
+
+
+
+
diff --git a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/displayName.svelte b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/displayName.svelte
index ed2e408a5c..6047e84abf 100644
--- a/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/displayName.svelte
+++ b/src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/settings/displayName.svelte
@@ -37,7 +37,10 @@
$: options = ($attributes as Models.AttributeString[])
.filter(
(attr) =>
- attr.type === 'string' && !attr?.array && !names?.some((name) => name === attr.key)
+ attr.type === 'string' &&
+ !attr?.array &&
+ !names?.some((name) => name === attr.key) &&
+ attr.key.toLowerCase().includes(search?.toLowerCase())
)
.map((attr) => {
return {
diff --git a/svelte.config.js b/svelte.config.js
index ca8f1dd0ba..3b2327858b 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,11 +1,12 @@
+import { preprocessMeltUI } from '@melt-ui/pp';
+import sequence from 'svelte-sequential-preprocessor';
import adapter from '@sveltejs/adapter-static';
import preprocess from 'svelte-preprocess';
-
-/** @type {import('@sveltejs/kit').Config} */
+/** @type {import('@sveltejs/kit').Config}*/
const config = {
// Consult https://github.com/sveltejs/svelte-preprocess
// for more information about preprocessors
- preprocess: preprocess(),
+ preprocess: sequence([preprocess(), preprocessMeltUI()]),
compilerOptions: {
accessors: process.env.VITEST
},
@@ -26,5 +27,4 @@ const config = {
}
}
};
-
export default config;
From befed8e636e365259d145c4ca18a9b6c67be9c4b Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Wed, 13 Dec 2023 12:36:01 +0000
Subject: [PATCH 2/3] better click outside
---
.../elements/forms/inputSelectSearch.svelte | 37 +++++++++++++++----
1 file changed, 29 insertions(+), 8 deletions(-)
diff --git a/src/lib/elements/forms/inputSelectSearch.svelte b/src/lib/elements/forms/inputSelectSearch.svelte
index 28ab237acc..15eb33b741 100644
--- a/src/lib/elements/forms/inputSelectSearch.svelte
+++ b/src/lib/elements/forms/inputSelectSearch.svelte
@@ -1,6 +1,7 @@
+
+
+ class:u-stretch={stretch}
+ bind:this={wrapperEl}>
@@ -112,7 +133,7 @@
{placeholder}
{required}
on:input={handleInput}
- bind:this={element}
+ bind:this={inputEl}
use:melt={$input} />
{/if}
@@ -133,14 +154,14 @@
disabled={!interactiveOutput}
on:click={() => {
hasFocus = !hasFocus;
- open.set(true);
+ $open = !$open;
}}>