@dataloop-ai/components 0.19.202 → 0.19.206
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.
|
|
3
|
+
"version": "0.19.206",
|
|
4
4
|
"exports": {
|
|
5
5
|
".": "./index.ts",
|
|
6
6
|
"./models": "./models.ts",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"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"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@dataloop-ai/icons": "^3.0.
|
|
25
|
+
"@dataloop-ai/icons": "^3.0.43",
|
|
26
26
|
"@types/flat": "^5.0.2",
|
|
27
27
|
"@types/lodash": "^4.14.184",
|
|
28
28
|
"@types/sortablejs": "^1.15.7",
|
|
@@ -9,9 +9,14 @@
|
|
|
9
9
|
<div ref="searchBar" :class="searchBarClasses" @click="focus()">
|
|
10
10
|
<div class="dl-smart-search-input__status-icon-wrapper">
|
|
11
11
|
<dl-icon
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
:icon="
|
|
13
|
+
focused ? defaultIcon : statusIcon || defaultIcon
|
|
14
|
+
"
|
|
15
|
+
:color="
|
|
16
|
+
focused
|
|
17
|
+
? defaultIconColor
|
|
18
|
+
: statusIconColor || defaultIconColor
|
|
19
|
+
"
|
|
15
20
|
size="16px"
|
|
16
21
|
:inline="false"
|
|
17
22
|
/>
|
|
@@ -45,6 +50,29 @@
|
|
|
45
50
|
<dl-tooltip> Clear Query </dl-tooltip>
|
|
46
51
|
</div>
|
|
47
52
|
</div>
|
|
53
|
+
<dl-tooltip
|
|
54
|
+
v-if="!focused"
|
|
55
|
+
:style="`
|
|
56
|
+
background-color: var(--dl-color-panel-background);
|
|
57
|
+
border: 1px solid var(--dl-color-separator);
|
|
58
|
+
color: var(--dl-color-darker);
|
|
59
|
+
padding: 16px;
|
|
60
|
+
`"
|
|
61
|
+
max-width="340px"
|
|
62
|
+
anchor="bottom left"
|
|
63
|
+
self="top left"
|
|
64
|
+
>
|
|
65
|
+
<div class="tooltip-title">
|
|
66
|
+
<dl-icon :icon="defaultIcon" />
|
|
67
|
+
Smart Search Query
|
|
68
|
+
</div>
|
|
69
|
+
<div class="tooltip-subtitle">
|
|
70
|
+
A powerful and flexible search language used in
|
|
71
|
+
Dataloop. The smart search allows users to construct
|
|
72
|
+
queries to search based on various criteria such as
|
|
73
|
+
status, metadata, labels and other.
|
|
74
|
+
</div>
|
|
75
|
+
</dl-tooltip>
|
|
48
76
|
</div>
|
|
49
77
|
<dl-label
|
|
50
78
|
v-if="!focused && computedStatus"
|
|
@@ -785,6 +813,9 @@ export default defineComponent({
|
|
|
785
813
|
return createColorSchema(colorSchema.value, aliases.value)
|
|
786
814
|
})
|
|
787
815
|
|
|
816
|
+
const defaultIcon = 'icon-dl-stars'
|
|
817
|
+
const defaultIconColor = 'orange'
|
|
818
|
+
|
|
788
819
|
const statusIcon = computed(() => {
|
|
789
820
|
switch (computedStatus.value.type) {
|
|
790
821
|
case 'success':
|
|
@@ -1025,6 +1056,8 @@ export default defineComponent({
|
|
|
1025
1056
|
error,
|
|
1026
1057
|
editorStyle,
|
|
1027
1058
|
debouncedSetInputValue,
|
|
1059
|
+
defaultIcon,
|
|
1060
|
+
defaultIconColor,
|
|
1028
1061
|
statusIcon,
|
|
1029
1062
|
statusIconColor,
|
|
1030
1063
|
textareaStyles,
|
|
@@ -1103,6 +1136,10 @@ export default defineComponent({
|
|
|
1103
1136
|
border-color: var(--dl-color-secondary);
|
|
1104
1137
|
}
|
|
1105
1138
|
|
|
1139
|
+
&:hover {
|
|
1140
|
+
border-color: var(--dl-color-hover);
|
|
1141
|
+
}
|
|
1142
|
+
|
|
1106
1143
|
&--expanded {
|
|
1107
1144
|
z-index: var(--dl-z-index-overlay);
|
|
1108
1145
|
transition: height 0.3s ease-out;
|
|
@@ -1288,4 +1325,18 @@ export default defineComponent({
|
|
|
1288
1325
|
flex-wrap: wrap;
|
|
1289
1326
|
white-space: pre-wrap;
|
|
1290
1327
|
}
|
|
1328
|
+
.tooltip-title {
|
|
1329
|
+
display: flex;
|
|
1330
|
+
flex-direction: row;
|
|
1331
|
+
gap: 4px;
|
|
1332
|
+
margin-bottom: 4px;
|
|
1333
|
+
font-size: 12px;
|
|
1334
|
+
font-weight: 500;
|
|
1335
|
+
}
|
|
1336
|
+
.tooltip-subtitle {
|
|
1337
|
+
color: var(--dl-color-medium);
|
|
1338
|
+
width: 310px;
|
|
1339
|
+
font-size: 12px;
|
|
1340
|
+
white-space-collapse: collapse;
|
|
1341
|
+
}
|
|
1291
1342
|
</style>
|
|
@@ -37,23 +37,13 @@
|
|
|
37
37
|
:state="state"
|
|
38
38
|
/>
|
|
39
39
|
</template>
|
|
40
|
-
<slot
|
|
41
|
-
v-if="!isEmpty"
|
|
42
|
-
:name="state.value"
|
|
43
|
-
:state="state"
|
|
44
|
-
/>
|
|
40
|
+
<slot v-if="!isEmpty" :name="state.value" :state="state" />
|
|
45
41
|
<dl-empty-state
|
|
46
42
|
v-if="isEmpty && emptyStateProps"
|
|
47
43
|
v-bind="emptyStateProps"
|
|
48
44
|
>
|
|
49
|
-
<template
|
|
50
|
-
v-
|
|
51
|
-
#[slot]="props"
|
|
52
|
-
>
|
|
53
|
-
<slot
|
|
54
|
-
:name="slot"
|
|
55
|
-
v-bind="props"
|
|
56
|
-
/>
|
|
45
|
+
<template v-for="(_, slot) in $slots" #[slot]="props">
|
|
46
|
+
<slot :name="slot" v-bind="props" />
|
|
57
47
|
</template>
|
|
58
48
|
</dl-empty-state>
|
|
59
49
|
</dl-stepper-content>
|
|
@@ -159,6 +149,7 @@ export default defineComponent({
|
|
|
159
149
|
},
|
|
160
150
|
disabledNextStep: Boolean,
|
|
161
151
|
disabledPrevStep: Boolean,
|
|
152
|
+
removeFooterLabels: Boolean,
|
|
162
153
|
isDone: Boolean,
|
|
163
154
|
hideCloseButton: Boolean,
|
|
164
155
|
disabled: { type: Boolean, default: false },
|
|
@@ -180,9 +171,11 @@ export default defineComponent({
|
|
|
180
171
|
return this.isEmpty
|
|
181
172
|
},
|
|
182
173
|
nextButtonLabel(): string {
|
|
174
|
+
if (this.removeFooterLabels) return null
|
|
183
175
|
return this.nextStep?.title ?? null
|
|
184
176
|
},
|
|
185
177
|
prevButtonLabel(): string {
|
|
178
|
+
if (this.removeFooterLabels) return null
|
|
186
179
|
return this.prevStep?.title ?? null
|
|
187
180
|
},
|
|
188
181
|
nextStepDisabledTooltip(): string {
|