@dataloop-ai/components 0.20.85 → 0.20.87

package/package.json

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

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

@@ -32,6 +32,7 @@
                         :spellcheck="false"
                         @keypress="onKeyPress"
                         @keyup.esc="onKeyPress"
+                        @paste="onPaste"
                         @input="onInput"
                         @blur="blur"
                     />
@@ -149,10 +150,9 @@ import {
     setSelectionOffset
 } from '../../../../../utils'
 import { ColorSchema, SearchStatus, SyntaxColorSchema } from '../types'
-import { cloneDeep, debounce, isEqual } from 'lodash'
+import { debounce, isEqual } from 'lodash'
 import { DlTooltip } from '../../../../shared'
 import SuggestionsDropdown from './SuggestionsDropdown.vue'
-import { DateInterval } from '../../../DlDateTime/types'
 import {
     isEndingWithDateIntervalPattern,
     replaceDateInterval,
@@ -172,6 +172,8 @@ import {
     Schema,
     Alias,
     Data,
+    enquoteString,
+    getStringOperators,
     useSuggestions,
     removeBrackets,
     removeLeadingExpression,
@@ -678,6 +680,43 @@ export default defineComponent({
             }
         }
 
+        const onPaste = (e: ClipboardEvent) => {
+            const selection = window.getSelection()
+            if (selection.rangeCount) {
+                let text = (e.clipboardData || (window as any).clipboardData).getData('text')
+                if (text?.length > 0) {
+                    const range = selection.getRangeAt(0)
+
+                    const container = range.startContainer
+                    const offset = range.startOffset
+                    range.setStart(input.value, 0)
+                    const preceedingText = selection.toString()
+                    range.setStart(container, offset)
+
+                    const stringOperators = getStringOperators()
+                    if (
+                        new RegExp(`(,|\\s(${stringOperators.join('|')}))\\s*$`).test(preceedingText) &&
+                        !/^\s*['"]/.test(text) &&
+                        isNaN(Number(text)) &&
+                        text !== "false" &&
+                        text !== "true"
+                    ) {
+                        text = enquoteString(text)
+                    }
+
+                    selection.deleteFromDocument()
+                    selection.getRangeAt(0).insertNode(document.createTextNode(
+                        (preceedingText.endsWith(' ') ? '' : ' ') + text + ' '
+                    ))
+                    selection.collapseToEnd()
+
+                    e.preventDefault()
+
+                    setInputValue(input.value.textContent)
+                }
+            }
+        }
+
         const onInput = (e: Event) => {
             const text = (e.target as HTMLElement).textContent
             if (text.endsWith('.') || text.endsWith(',')) {
@@ -1105,6 +1144,7 @@ export default defineComponent({
             blur,
             onClear,
             onKeyPress,
+            onPaste,
             onInput,
             onDateSelection,
             onDateSelectionCancel,

package/src/components/essential/DlEllipsis/DlEllipsis.vue

@@ -12,15 +12,15 @@
         >
             {{ fullText }}
         </p>
-        <span v-if="!multiline" ref="dlEllipsisRef" class="dl-ellipsis__left">
+        <span
+            v-if="!multiline"
+            ref="dlEllipsisRef"
+            :class="`dl-ellipsis__left ${textClass}`"
+        >
             <slot v-if="hasDefaultSlot" name="default" />
-            <span
-                v-else
-                style="white-space: nowrap"
-                :class="textClass"
-                @click="onClick"
-            >{{ leftText }}</span
-            >
+            <span v-else style="white-space: nowrap" @click="onClick">{{
+                leftText
+            }}</span>
         </span>
         <span
             v-if="!multiline && rightText"

package/src/hooks/use-suggestions.ts

@@ -627,7 +627,7 @@ const isValidString = (str: string) => {
     return false
 }
 
-const enquoteString = (str: string) => {
+export const enquoteString = (str: string) => {
     return `'${str.replace(/'/g, "\\'")}'`
 }
 
@@ -653,6 +653,11 @@ const getOperatorByDataType = (dataType: string) => {
 
 const getOperators = (op: string[]) => op.map((o) => operators[o])
 
+export function getStringOperators() {
+    const keys = getOperatorByDataType('string').filter(key => !key.includes('exist'))
+    return getOperators(keys)
+}
+
 const mapWordsToExpression = (words: string[]): Expression => {
     let operator = words[1] ?? null
     let value = words[2] ?? null