@dataloop-ai/components 0.19.135 → 0.19.137

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.19.135",
3
+ "version": "0.19.137",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -4,13 +4,11 @@
4
4
  :style="cssVars"
5
5
  class="dl-smart-search-input"
6
6
  >
7
- <div
8
- class="dl-smart-search-input__search-bar-wrapper"
9
- @click="focus()"
10
- >
7
+ <div class="dl-smart-search-input__search-bar-wrapper">
11
8
  <div
12
9
  ref="searchBar"
13
10
  :class="searchBarClasses"
11
+ @click="focus()"
14
12
  >
15
13
  <div class="dl-smart-search-input__status-icon-wrapper">
16
14
  <dl-icon
@@ -32,7 +30,6 @@
32
30
  @keypress="onKeyPress"
33
31
  @keyup.esc="onKeyPress"
34
32
  @input="onInput"
35
- @click.stop.prevent="focus"
36
33
  @blur="blur"
37
34
  />
38
35
  </div>
@@ -62,6 +59,7 @@
62
59
  />
63
60
  </div>
64
61
  <suggestions-dropdown
62
+ ref="suggestionsDropdown"
65
63
  v-model="showSuggestions"
66
64
  :parent-id="`${uuid}`"
67
65
  :trigger-percentage="0.5"
@@ -77,6 +75,7 @@
77
75
  v-model="showDatePicker"
78
76
  :disabled="disabled"
79
77
  :offset="[0, 3]"
78
+ :toggle-key="'Escape'"
80
79
  @escapekey="onEscapeKey"
81
80
  >
82
81
  <div class="dl-smart-search-input__date-picker-wrapper">
@@ -263,6 +262,7 @@ export default defineComponent({
263
262
  const expanded = ref(true)
264
263
  const datePickerSelection = ref(null)
265
264
  const showDatePicker = ref(false)
265
+ const suggestionsDropdown = ref(null)
266
266
  //#endregion
267
267
 
268
268
  //#region hooks
@@ -464,6 +464,7 @@ export default defineComponent({
464
464
  input.value.focus()
465
465
 
466
466
  focused.value = true
467
+ showSuggestions.value = true
467
468
  emit('focus')
468
469
  }
469
470
 
@@ -904,6 +905,7 @@ export default defineComponent({
904
905
 
905
906
  return {
906
907
  uuid: v4(),
908
+ suggestionsDropdown,
907
909
  input,
908
910
  label,
909
911
  searchBar,