@dataloop-ai/components 0.19.97 → 0.19.99

package/package.json

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

package/src/components/basic/DlButton/DlButton.vue

@@ -199,12 +199,15 @@ export default defineComponent({
             return classes
         })
 
+        const buttonTimeout = ref<any>(null)
+
         return {
             uuid: `dl-button-${v4()}`,
             buttonLabelRef,
             isOverflowing: hasEllipsis,
             buttonClass,
-            mouseOver
+            mouseOver,
+            buttonTimeout
         }
     },
     computed: {
@@ -419,7 +422,10 @@ export default defineComponent({
                     }
                 }
 
-                this.$emit('click', e)
+                clearTimeout(this.buttonTimeout)
+                this.buttonTimeout = setTimeout(() => {
+                    this.$emit('click', e)
+                }, 50)
             }
         },
         onDblClick(e: Event) {
@@ -430,6 +436,7 @@ export default defineComponent({
                     }
                 }
 
+                clearTimeout(this.buttonTimeout)
                 this.$emit('dblclick', e)
             }
         },

package/src/components/compound/DlSelect/DlSelect.vue

@@ -245,9 +245,16 @@
                                 :opt="item"
                             >
                                 <span
+                                    v-if="fitContent"
                                     class="inner-option"
                                     v-html="getOptionHtml(item)"
                                 />
+                                <dl-ellipsis v-else>
+                                    <span
+                                        class="inner-option"
+                                        v-html="getOptionHtml(item)"
+                                    />
+                                </dl-ellipsis>
                             </slot>
                         </dl-select-option>
                     </dl-virtual-scroll>
@@ -851,15 +858,20 @@ export default defineComponent({
         },
         getOptionHtml(option: DlSelectOptionType) {
             const label = `${this.getOptionLabel(option)}`
-            const toReplace = new RegExp(this.searchInputValue, 'gi')
-
-            const highlightedHtml = label.replace(
-                toReplace,
-                `<span style="background: var(--dl-color-warning)">${getCaseInsensitiveInput(
-                    label,
-                    this.searchInputValue
-                )}</span>`
-            )
+            let highlightedHtml = label
+
+            if (this.searchInputValue?.length) {
+                const toReplace = new RegExp(this.searchInputValue, 'gi')
+
+                highlightedHtml = label.replace(
+                    toReplace,
+                    `<span style="background: var(--dl-color-warning)">${getCaseInsensitiveInput(
+                        label,
+                        this.searchInputValue
+                    )}</span>`
+                )
+            }
+
             const html = `<span>${highlightedHtml}</span>`
 
             return html

package/src/components/compound/DlTable/DlTable.vue

@@ -1799,12 +1799,17 @@ export default defineComponent({
             emit('th-click', evt, computedRows.value, name)
         }
 
+        const trClickTimeout = ref<any>(null)
+
         const onTrClick = (
             evt: MouseEvent,
             row: DlTableRow,
             pageIndex: number
         ) => {
-            emit('row-click', evt, row, pageIndex)
+            clearTimeout(trClickTimeout.value)
+            trClickTimeout.value = setTimeout(() => {
+                emit('row-click', evt, row, pageIndex)
+            }, 50)
         }
 
         const onTrDblClick = (
@@ -1812,6 +1817,7 @@ export default defineComponent({
             row: DlTableRow,
             pageIndex: number
         ) => {
+            clearTimeout(trClickTimeout.value)
             emit('row-dblclick', evt, row, pageIndex)
         }