@dataloop-ai/components 0.20.23 → 0.20.25

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.20.23",
3
+ "version": "0.20.25",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -23,7 +23,7 @@
23
23
  "check-only": "if grep -E -H -r --exclude-dir=.git --exclude-dir=node_modules --exclude=*.json --exclude=*.yml '^(describe|it).only' .; then echo 'Found only in test files' && exit 1; fi"
24
24
  },
25
25
  "dependencies": {
26
- "@dataloop-ai/icons": "^3.0.105",
26
+ "@dataloop-ai/icons": "^3.0.106",
27
27
  "@types/flat": "^5.0.2",
28
28
  "@types/lodash": "^4.14.184",
29
29
  "@types/sortablejs": "^1.15.7",
@@ -82,7 +82,7 @@
82
82
  name="selected"
83
83
  >
84
84
  <span class="root-container--placeholder">
85
- {{ filterSelectLabel }}
85
+ <dl-ellipsis :text="filterSelectLabel" />
86
86
  </span>
87
87
  </slot>
88
88
  </div>
@@ -98,7 +98,7 @@
98
98
  {{ computedAllItemsLabel }}
99
99
  </template>
100
100
  <template v-else>
101
- {{ filterSelectLabel }}
101
+ <dl-ellipsis :text="filterSelectLabel" />
102
102
  </template>
103
103
  </span>
104
104
  <span
@@ -1070,6 +1070,7 @@ export default defineComponent({
1070
1070
  }
1071
1071
  &--placeholder {
1072
1072
  color: var(--dl-select-placeholder-color, var(--placeholder-color));
1073
+ width: 100%;
1073
1074
  }
1074
1075
 
1075
1076
  .dl-select__title-container {
@@ -181,6 +181,18 @@
181
181
  searchable
182
182
  />
183
183
 
184
+ selected ellipsis
185
+ <div style="width: 200px">
186
+ <dl-select
187
+ v-model="selectedByFilteringSearch"
188
+ :options="ellipsisSelected"
189
+ size="m"
190
+ multiselect
191
+ placeholder="contributors"
192
+ searchable
193
+ />
194
+ </div>
195
+
184
196
  <dl-select
185
197
  v-model="selectedWithEmitValue"
186
198
  title="Emit Value"
@@ -700,6 +712,21 @@ const defaultOptions = [
700
712
  { label: 'Contributor 3', value: 'c3' }
701
713
  ]
702
714
 
715
+ const defaultOptions1 = [
716
+ {
717
+ label: 'Contributor 1 Contributor 1 Contributor 1 Contributor 1 Contributor 1 Contributor 1',
718
+ value: 'c1'
719
+ },
720
+ {
721
+ label: 'Contributor 2 Contributor 2 Contributor 2 Contributor 2 Contributor 2 Contributor 2',
722
+ value: 'c2'
723
+ },
724
+ {
725
+ label: 'Contributor 3 Contributor 3 Contributor 3 Contributor 3 Contributor 3 Contributor 3',
726
+ value: 'c3'
727
+ }
728
+ ]
729
+
703
730
  const treeOptions = [
704
731
  {
705
732
  label: 'root',
@@ -939,6 +966,7 @@ export default defineComponent({
939
966
  badgeColor: 'dl-color-disabled'
940
967
  },
941
968
  searchOptions: defaultOptions,
969
+ ellipsisSelected: defaultOptions1,
942
970
  treeOptions,
943
971
  treeOptionsWithReadonly,
944
972
  treeOptionsExpanded,