158 | {dataSource.filters?.map((filter, index) => {
159 | return (
160 |
161 |
184 |
185 | {filter.type == "STATUS_IS" && (
186 |
209 | )}
210 |
211 | {filter?.type == "CONTAINS_ANY_TAG" ? (
212 | {
215 | changeFilter(
216 | filter.id,
217 | "value",
218 | tags.map((t) => {
219 | return t.value;
220 | })
221 | );
222 | }}
223 | onRemove={(tag) => {
224 | if (
225 | filter?.value instanceof
226 | Array
227 | ) {
228 | changeFilter(
229 | filter.id,
230 | "value",
231 | filter?.value?.filter(
232 | (t) => {
233 | return (
234 | t !=
235 | tag.value
236 | );
237 | }
238 | )
239 | );
240 | }
241 | }}
242 | getItems={(query) => {
243 | return getTagOptions(
244 | query,
245 | props.app
246 | );
247 | }}
248 | inputPlaceholder={
249 | local.form_datasource_filter_contains_tag_input_placeholder
250 | }
251 | />
252 | ) : null}
253 |
254 | {filter?.type == "STATUS_IN" ? (
255 | {
258 | changeFilter(
259 | filter.id,
260 | "value",
261 | values.map((t) => {
262 | return t.value;
263 | })
264 | );
265 | }}
266 | onRemove={(tag) => {
267 | if (
268 | filter?.value instanceof
269 | Array
270 | ) {
271 | changeFilter(
272 | filter.id,
273 | "value",
274 | filter?.value?.filter(
275 | (t) => {
276 | return (
277 | t !=
278 | tag.value
279 | );
280 | }
281 | )
282 | );
283 | }
284 | }}
285 | getItems={(query) => {
286 | return [
287 | {
288 | id: "CANCELED",
289 | label: local.form_datasource_filter_task_status_canceled,
290 | value: "CANCELED",
291 | icon: Icons.CODE,
292 | },
293 | {
294 | id: "COMPLETED",
295 | label: local.form_datasource_filter_task_status_completed,
296 | value: "COMPLETED",
297 | icon: Icons.CODE,
298 | },
299 | {
300 | id: "INCOMPLETE",
301 | label: local.form_datasource_filter_task_status_incomplete,
302 | value: "INCOMPLETE",
303 | icon: Icons.CODE,
304 | },
305 | {
306 | id: "ANY",
307 | label: local.form_datasource_filter_task_status_any,
308 | value: "ANY",
309 | icon: Icons.CODE,
310 | },
311 | {
312 | id: "FULLY_COMPLETED",
313 | label: local.form_datasource_filter_task_status_fully_completed,
314 | value: "FULLY_COMPLETED",
315 | icon: Icons.CODE,
316 | },
317 | ];
318 | }}
319 | inputPlaceholder={
320 | local.form_datasource_filter_contains_tag_input_placeholder
321 | }
322 | />
323 | ) : null}
324 |
325 |
331 |
332 | );
333 | })}
334 |
335 |
343 |
344 |