@dataloop-ai/components 0.19.148 → 0.19.149

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.148",
3
+ "version": "0.19.149",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -21,11 +21,22 @@
21
21
  >
22
22
  <dl-select
23
23
  :model-value="selectedOption"
24
- width="200px"
24
+ width="300px"
25
25
  :options="selectOptions"
26
26
  placeholder="New Query"
27
27
  @update:model-value="onQuerySelect"
28
- />
28
+ >
29
+ <template #selected="scope">
30
+ <span class="json-query-menu-option">
31
+ {{ scope.opt.label }}
32
+ </span>
33
+ </template>
34
+ <template #option="scope">
35
+ <span class="json-query-menu-option">
36
+ {{ scope.opt.label }}
37
+ </span>
38
+ </template>
39
+ </dl-select>
29
40
  <dl-button
30
41
  icon="icon-dl-align-left"
31
42
  label="Align Left"
@@ -403,4 +414,12 @@ export default defineComponent({
403
414
  .json-editor {
404
415
  height: 100%;
405
416
  }
417
+
418
+ .json-query-menu-option {
419
+ white-space: nowrap;
420
+ display: inline-block;
421
+ width: 265px;
422
+ overflow: hidden;
423
+ text-overflow: ellipsis;
424
+ }
406
425
  </style>
@@ -230,7 +230,7 @@ export default defineComponent({
230
230
  value: { query2: 'query2' }
231
231
  },
232
232
  {
233
- label: 'Query 3',
233
+ label: 'Query 3 with an incredibly long query name to test the text overflow in the menu',
234
234
  value: { query3: 'query3' }
235
235
  },
236
236
  {