@integry/sdk 4.6.15 → 4.6.17
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/.vscode/launch.json +1 -1
- package/dist/esm/index.csm.js +1 -1
- package/dist/umd/index.umd.js +1 -1
- package/package.json +1 -1
- package/src/components/MultipurposeField/Dropdown/index.tsx +14 -0
- package/src/components/TagsMenu/styles.module.scss +139 -1
- package/src/features/common/ActionForm/index.ts +1 -1
package/package.json
CHANGED
|
@@ -383,6 +383,9 @@ const ListBox = (props: ListBoxProps) => {
|
|
|
383
383
|
|
|
384
384
|
// Check if inputModified is an array, if not, return an empty array
|
|
385
385
|
if (!Array.isArray(inputModified)) {
|
|
386
|
+
console.warn(
|
|
387
|
+
`Invalid data format for dropdown options for field ${fieldId}`,
|
|
388
|
+
);
|
|
386
389
|
return [];
|
|
387
390
|
}
|
|
388
391
|
|
|
@@ -417,6 +420,17 @@ const ListBox = (props: ListBoxProps) => {
|
|
|
417
420
|
value = id;
|
|
418
421
|
}
|
|
419
422
|
|
|
423
|
+
if (id === '') {
|
|
424
|
+
console.warn(
|
|
425
|
+
`${keyPath} was not found in the response for field ${fieldId}`,
|
|
426
|
+
);
|
|
427
|
+
}
|
|
428
|
+
if (value === '') {
|
|
429
|
+
console.warn(
|
|
430
|
+
`${valuePath} was not found in the response for field ${fieldId}`,
|
|
431
|
+
);
|
|
432
|
+
}
|
|
433
|
+
|
|
420
434
|
return { id, value };
|
|
421
435
|
});
|
|
422
436
|
};
|
|
@@ -29,10 +29,40 @@
|
|
|
29
29
|
flex: 1 1 0%;
|
|
30
30
|
display: inline-flex;
|
|
31
31
|
cursor: pointer;
|
|
32
|
+
position: relative;
|
|
33
|
+
|
|
34
|
+
svg {
|
|
35
|
+
margin-right: 4px;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&.tabWithResults {
|
|
39
|
+
font-weight: 500;
|
|
40
|
+
color: #4f46e5;
|
|
41
|
+
}
|
|
32
42
|
}
|
|
33
43
|
.activeTab {
|
|
34
44
|
background-color: hsl(0 0% 100%);
|
|
35
45
|
color: hsl(240 10% 3.9%);
|
|
46
|
+
|
|
47
|
+
&.tabWithResults {
|
|
48
|
+
color: #4f46e5;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
.resultBadge {
|
|
52
|
+
position: absolute;
|
|
53
|
+
top: 0;
|
|
54
|
+
right: 0;
|
|
55
|
+
background-color: #4f46e5;
|
|
56
|
+
color: white;
|
|
57
|
+
border-radius: 9999px;
|
|
58
|
+
font-size: 0.65rem;
|
|
59
|
+
min-width: 1.25rem;
|
|
60
|
+
height: 1.25rem;
|
|
61
|
+
display: flex;
|
|
62
|
+
align-items: center;
|
|
63
|
+
justify-content: center;
|
|
64
|
+
padding: 0 0.25rem;
|
|
65
|
+
transform: translate(25%, -25%);
|
|
36
66
|
}
|
|
37
67
|
}
|
|
38
68
|
.tabContent {
|
|
@@ -42,11 +72,31 @@
|
|
|
42
72
|
display: flex;
|
|
43
73
|
align-items: center;
|
|
44
74
|
gap: 10px;
|
|
75
|
+
margin-bottom: 10px;
|
|
76
|
+
position: relative;
|
|
77
|
+
|
|
45
78
|
input {
|
|
46
79
|
flex: 1;
|
|
47
80
|
padding: 8px;
|
|
48
81
|
border: 1px solid #ccc;
|
|
49
82
|
border-radius: 5px;
|
|
83
|
+
padding-right: 30px; // Space for the clear button
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.clearSearch {
|
|
87
|
+
position: absolute;
|
|
88
|
+
right: 8px;
|
|
89
|
+
background: none;
|
|
90
|
+
border: none;
|
|
91
|
+
cursor: pointer;
|
|
92
|
+
color: #71717a;
|
|
93
|
+
display: flex;
|
|
94
|
+
align-items: center;
|
|
95
|
+
justify-content: center;
|
|
96
|
+
|
|
97
|
+
&:hover {
|
|
98
|
+
color: #4f46e5;
|
|
99
|
+
}
|
|
50
100
|
}
|
|
51
101
|
}
|
|
52
102
|
ul {
|
|
@@ -55,25 +105,98 @@
|
|
|
55
105
|
div {
|
|
56
106
|
cursor: pointer;
|
|
57
107
|
}
|
|
108
|
+
|
|
109
|
+
&.searchMatch {
|
|
110
|
+
> .listItemContent {
|
|
111
|
+
background-color: rgba(79, 70, 229, 0.1);
|
|
112
|
+
border-radius: 4px;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
|
|
58
116
|
.listItemContent {
|
|
59
117
|
padding: 5px 0;
|
|
60
118
|
display: flex;
|
|
61
119
|
align-items: center;
|
|
120
|
+
border-radius: 4px;
|
|
121
|
+
padding-left: 4px;
|
|
122
|
+
padding-right: 4px;
|
|
123
|
+
|
|
124
|
+
&:hover {
|
|
125
|
+
background-color: rgba(66, 80, 240, 0.1);
|
|
126
|
+
}
|
|
127
|
+
|
|
62
128
|
span.expandIcon {
|
|
63
129
|
margin-right: 10px;
|
|
64
130
|
cursor: pointer;
|
|
131
|
+
svg {
|
|
132
|
+
width: 1rem;
|
|
133
|
+
height: 1rem;
|
|
134
|
+
}
|
|
65
135
|
}
|
|
66
136
|
span.tagIcon {
|
|
67
137
|
margin-right: 10px;
|
|
138
|
+
svg {
|
|
139
|
+
width: 1rem;
|
|
140
|
+
height: 1rem;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
span.key {
|
|
144
|
+
mark {
|
|
145
|
+
background-color: rgba(79, 70, 229, 0.2);
|
|
146
|
+
color: inherit;
|
|
147
|
+
font-weight: 500;
|
|
148
|
+
border-radius: 2px;
|
|
149
|
+
padding: 0 2px;
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
span.outputIndicator {
|
|
153
|
+
margin-left: auto;
|
|
154
|
+
cursor: pointer;
|
|
155
|
+
color: #71717a;
|
|
156
|
+
svg {
|
|
157
|
+
width: 1rem;
|
|
158
|
+
height: 1rem;
|
|
159
|
+
}
|
|
160
|
+
&:hover {
|
|
161
|
+
color: #3b82f6;
|
|
162
|
+
}
|
|
68
163
|
}
|
|
69
164
|
span.value {
|
|
70
|
-
color: hsl(240 3.8%
|
|
165
|
+
color: hsl(240 3.8% 60%);
|
|
71
166
|
font-size: 0.75rem;
|
|
167
|
+
font-weight: 400;
|
|
168
|
+
font-style: italic;
|
|
169
|
+
line-height: 1rem;
|
|
170
|
+
overflow: hidden;
|
|
171
|
+
text-overflow: ellipsis;
|
|
172
|
+
white-space: nowrap;
|
|
173
|
+
margin-left: 5px;
|
|
174
|
+
|
|
175
|
+
mark {
|
|
176
|
+
background-color: rgba(79, 70, 229, 0.2);
|
|
177
|
+
color: inherit;
|
|
178
|
+
font-weight: 500;
|
|
179
|
+
border-radius: 2px;
|
|
180
|
+
padding: 0 2px;
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
span.key {
|
|
184
|
+
color: hsl(240 10% 3.9%);
|
|
185
|
+
font-weight: 500;
|
|
186
|
+
font-size: 0.8rem;
|
|
72
187
|
line-height: 1rem;
|
|
73
188
|
overflow: hidden;
|
|
74
189
|
text-overflow: ellipsis;
|
|
75
190
|
white-space: nowrap;
|
|
76
191
|
margin-left: 5px;
|
|
192
|
+
|
|
193
|
+
mark {
|
|
194
|
+
background-color: rgba(79, 70, 229, 0.2);
|
|
195
|
+
color: inherit;
|
|
196
|
+
font-weight: 500;
|
|
197
|
+
border-radius: 2px;
|
|
198
|
+
padding: 0 2px;
|
|
199
|
+
}
|
|
77
200
|
}
|
|
78
201
|
img {
|
|
79
202
|
width: 20px;
|
|
@@ -84,5 +207,20 @@
|
|
|
84
207
|
}
|
|
85
208
|
}
|
|
86
209
|
}
|
|
210
|
+
.outputSection {
|
|
211
|
+
background-color: rgba(0, 0, 0, 0.02);
|
|
212
|
+
border-radius: 4px;
|
|
213
|
+
border-left: 2px solid #e2e8f0;
|
|
214
|
+
|
|
215
|
+
// Remove padding when the section is empty
|
|
216
|
+
ul {
|
|
217
|
+
padding: 5px;
|
|
218
|
+
&:empty {
|
|
219
|
+
padding: 0;
|
|
220
|
+
border-left: none;
|
|
221
|
+
background-color: transparent;
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
}
|
|
87
225
|
}
|
|
88
226
|
}
|
|
@@ -651,7 +651,7 @@ class ActionForm extends Component<ActionFormPropsType, ActionFormStateType> {
|
|
|
651
651
|
activityOutputData: res,
|
|
652
652
|
});
|
|
653
653
|
});
|
|
654
|
-
} else if (triggerStep.activity.activity_output) {
|
|
654
|
+
} else if (triggerStep.activity.activity_output || integryObject) {
|
|
655
655
|
// setRootDataLoading(false);
|
|
656
656
|
this.setActivityOutputFromIntegryObjectOrRawActivityOutput(
|
|
657
657
|
integryObject,
|