@dataloop-ai/components 0.18.137 → 0.18.138

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.18.137",
+  "version": "0.18.138",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/basic/DlPopup/DlPopup.vue

@@ -201,7 +201,7 @@ export default defineComponent({
         'show',
         'before-show',
         'hide',
-        'escapeKey',
+        'escapekey',
         'before-hide',
         'update:model-value'
     ],
@@ -402,7 +402,7 @@ export default defineComponent({
         }
 
         function onEscapeKey(evt: AnchorEvent) {
-            proxy.$emit('escapeKey')
+            proxy.$emit('escapekey')
             if (!props.disableCloseByEsc) {
                 hide(evt)
             }

package/src/components/compound/DlSearches/DlSmartSearch/components/DlSmartSearchInput.vue

@@ -70,14 +70,14 @@
             :offset="menuOffset"
             :expanded="expanded"
             @set-input-value="setInputFromSuggestion"
-            @escape-key="onEscapeKey"
+            @escapekey="onEscapeKey"
         />
         <dl-menu
             v-if="showDatePicker && focused"
             v-model="showDatePicker"
             :disabled="disabled"
             :offset="[0, 3]"
-            @escape-key="onEscapeKey"
+            @escapekey="onEscapeKey"
         >
             <div class="dl-smart-search-input__date-picker-wrapper">
                 <dl-date-picker
@@ -582,11 +582,20 @@ export default defineComponent({
         }
 
         const onEscapeKey = () => {
-            if (
-                showDatePicker.value ||
-                !focused.value ||
-                showSuggestions.value
-            ) {
+            if (!focused.value) {
+                return
+            }
+
+            if (showDatePicker.value) {
+                showDatePicker.value = false
+                showSuggestions.value = true
+                datePickerSelection.value = null
+                setCaret(input.value)
+                return
+            }
+
+            if (showSuggestions.value) {
+                showSuggestions.value = false
                 return
             }
 

package/src/components/compound/DlSearches/DlSmartSearch/components/SuggestionsDropdown.vue

@@ -18,7 +18,7 @@
             @hide="onHide"
             @highlightedIndex="setHighlightedIndex"
             @handleSelectedItem="handleSelectedItem"
-            @escapeKey="onEscapeKey"
+            @escapekey="onEscapeKey"
         >
             <dl-list>
                 <dl-list-item
@@ -38,7 +38,6 @@
 import { computed, defineComponent, PropType, ref } from 'vue-demi'
 import { DlMenu, DlList } from '../../../../essential'
 import { DlListItem } from '../../../../basic'
-import { emit } from 'process'
 
 export default defineComponent({
     components: {
@@ -83,7 +82,7 @@ export default defineComponent({
             default: 1
         }
     },
-    emits: ['set-input-value', 'update:model-value', 'escapeKey'],
+    emits: ['set-input-value', 'update:model-value', 'escapekey'],
     setup(props, { emit }) {
         const isMenuOpen = ref(false)
         const highlightedIndex = ref(-1)
@@ -112,7 +111,7 @@ export default defineComponent({
         })
 
         const onEscapeKey = () => {
-            emit('escapeKey')
+            emit('escapekey')
             emit('update:model-value', false)
         }
 

package/src/components/essential/DlMenu/DlMenu.vue

@@ -170,7 +170,7 @@ export default defineComponent({
     emits: [
         ...useModelToggleEmits,
         'click',
-        'escapeKey',
+        'escapekey',
         'highlightedIndex',
         'handleSelectedItem'
     ],
@@ -385,7 +385,7 @@ export default defineComponent({
         }
 
         function onEscapeKey(evt: AnchorEvent) {
-            emit('escapeKey')
+            emit('escapekey')
             hide(evt)
         }
 

package/src/demos/SmartSearchDemo/DlSmartSearchDemo.vue

@@ -122,6 +122,7 @@ export default defineComponent({
             dir: 'string',
             thumbnail: 'string',
             createdAt: 'date',
+            date2: 'date',
             annotated: 'boolean',
             hidden: 'boolean',
             metadata: {