@dataloop-ai/components 0.20.83 → 0.20.85

package/package.json

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

package/src/components/compound/DlSearches/DlSmartSearch/utils/index.ts

@@ -346,9 +346,13 @@ export function createColorSchema(
     aliases: Alias[],
     schema: Data
 ): SyntaxColorSchema {
-    const thisFields = []
+    const thisFields: string[] = []
     for (const key in aliases) {
-        thisFields.push(aliases[key].alias)
+        const aliasParts = aliases[key].alias.split('.')
+        while (aliasParts.length > 0) {
+            thisFields.push(aliasParts.join('.'))
+            aliasParts.pop()
+        }
     }
 
     const addKeysFromSchema = (schema: Data, parentKey?: string) => {
@@ -362,7 +366,7 @@ export function createColorSchema(
     }
     addKeysFromSchema(schema)
 
-    const thisOperators = []
+    const thisOperators: string[] = []
     for (const key in operators) {
         thisOperators.push(operators[key])
     }

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

@@ -7,27 +7,25 @@
         <p
             v-if="multiline"
             ref="dlEllipsisRef"
-            class="dl-ellipsis__multiline-text"
+            :class="`dl-ellipsis__multiline-text ${textClass}`"
+            @click="onClick"
         >
             {{ fullText }}
         </p>
-        <span
-            v-if="!multiline"
-            ref="dlEllipsisRef"
-            class="dl-ellipsis__left"
-        >
-            <slot
-                v-if="hasDefaultSlot"
-                name="default"
-            />
+        <span v-if="!multiline" ref="dlEllipsisRef" class="dl-ellipsis__left">
+            <slot v-if="hasDefaultSlot" name="default" />
             <span
                 v-else
                 style="white-space: nowrap"
-            >{{ leftText }}</span>
+                :class="textClass"
+                @click="onClick"
+            >{{ leftText }}</span
+            >
         </span>
         <span
             v-if="!multiline && rightText"
-            class="dl-ellipsis__right"
+            :class="`dl-ellipsis__right ${textClass}`"
+            @click="onClick"
         >
             {{ rightText }}
         </span>
@@ -38,10 +36,7 @@
             :anchor="tooltipPosition"
             :offset="tooltipOffset"
         >
-            <slot
-                v-if="hasDefaultSlot"
-                name="default"
-            />
+            <slot v-if="hasDefaultSlot" name="default" />
             <span v-else>{{ fullText }}</span>
         </dl-tooltip>
     </div>
@@ -115,8 +110,13 @@ export default defineComponent({
         maxLines: {
             type: Number,
             default: 3
+        },
+        textClass: {
+            type: String,
+            default: ''
         }
     },
+    emits: ['click'],
     // TODO: fix type issue here
     setup(props: any, { slots }: any) {
         const dlEllipsisRef = ref(null)
@@ -168,6 +168,11 @@ export default defineComponent({
             hasEllipsis,
             cssVars
         }
+    },
+    methods: {
+        onClick(e: Event) {
+            this.$emit('click', e)
+        }
     }
 })
 </script>