feat(editor): Filter component + implement in If node (#7490)

New Filter component + implementation in If node (v2)

<img width="3283" alt="image"
src="https://github.com/n8n-io/n8n/assets/8850410/35c379ef-4b62-4d06-82e7-673d4edcd652">

---------

Co-authored-by: Giulio Andreini <andreini@netseven.it>
Co-authored-by: Michael Kret <michael.k@radency.com>
This commit is contained in:
Elias Meire
2023-12-13 14:45:22 +01:00
committed by GitHub
parent 09a5729305
commit 8a5343401d
56 changed files with 5060 additions and 900 deletions

View File

@@ -46,7 +46,7 @@ export const useNDVStore = defineStore(STORES.NDV, {
isDragging: false,
type: '',
data: '',
canDrop: false,
activeTargetId: null,
stickyPosition: null,
},
isMappingOnboarded: useStorage(LOCAL_STORAGE_MAPPING_IS_ONBOARDED).value === 'true',
@@ -94,7 +94,7 @@ export const useNDVStore = defineStore(STORES.NDV, {
return this.draggable.data;
},
canDraggableDrop(): boolean {
return this.draggable.canDrop;
return this.draggable.activeTargetId !== null;
},
outputPanelEditMode(): NDVState['output']['editMode'] {
return this.output.editMode;
@@ -191,7 +191,7 @@ export const useNDVStore = defineStore(STORES.NDV, {
isDragging: true,
type,
data,
canDrop: false,
activeTargetId: null,
stickyPosition: null,
};
},
@@ -200,15 +200,15 @@ export const useNDVStore = defineStore(STORES.NDV, {
isDragging: false,
type: '',
data: '',
canDrop: false,
activeTargetId: null,
stickyPosition: null,
};
},
setDraggableStickyPos(position: XYPosition | null): void {
this.draggable.stickyPosition = position;
},
setDraggableCanDrop(canDrop: boolean): void {
this.draggable.canDrop = canDrop;
setDraggableTargetId(id: string | null): void {
this.draggable.activeTargetId = id;
},
setMappingTelemetry(telemetry: { [key: string]: string | number | boolean }): void {
this.mappingTelemetry = { ...this.mappingTelemetry, ...telemetry };