fix(editor): Fix workflows filter resetting (#8411)

packages/editor-ui/src/__tests__/server/endpoints/index.ts

@@ -6,6 +6,8 @@ import { routesForVariables } from './variable';
 import { routesForSettings } from './settings';
 import { routesForSSO } from './sso';
 import { routesForSourceControl } from './sourceControl';
+import { routesForWorkflows } from './workflow';
+import { routesForTags } from './tag';
 
 const endpoints: Array<(server: Server) => void> = [
 	routesForCredentials,
@@ -15,6 +17,8 @@ const endpoints: Array<(server: Server) => void> = [
 	routesForSettings,
 	routesForSSO,
 	routesForSourceControl,
+	routesForWorkflows,
+	routesForTags,
 ];
 
 export { endpoints };

packages/editor-ui/src/__tests__/server/endpoints/tag.ts

@@ -0,0 +1,11 @@
+import type { Server } from 'miragejs';
+import { Response } from 'miragejs';
+import type { AppSchema } from '../types';
+
+export function routesForTags(server: Server) {
+	server.get('/rest/tags', (schema: AppSchema) => {
+		const { models: data } = schema.all('tag');
+
+		return new Response(200, {}, { data });
+	});
+}

packages/editor-ui/src/__tests__/server/endpoints/workflow.ts

@@ -0,0 +1,16 @@
+import type { Server } from 'miragejs';
+import { Response } from 'miragejs';
+import type { AppSchema } from '../types';
+
+export function routesForWorkflows(server: Server) {
+	server.get('/rest/workflows', (schema: AppSchema) => {
+		const { models: data } = schema.all('workflow');
+
+		return new Response(200, {}, { data });
+	});
+	server.get('/rest/active-workflows', (schema: AppSchema) => {
+		const { models: data } = schema.all('workflow');
+
+		return new Response(200, {}, { data });
+	});
+}

packages/editor-ui/src/__tests__/server/factories/index.ts

@@ -2,6 +2,8 @@ import { userFactory } from './user';
 import { credentialFactory } from './credential';
 import { credentialTypeFactory } from './credentialType';
 import { variableFactory } from './variable';
+import { workflowFactory } from './workflow';
+import { tagFactory } from './tag';
 
 export * from './user';
 export * from './credential';
@@ -13,4 +15,6 @@ export const factories = {
 	credentialType: credentialTypeFactory,
 	user: userFactory,
 	variable: variableFactory,
+	workflow: workflowFactory,
+	tag: tagFactory,
 };

packages/editor-ui/src/__tests__/server/factories/tag.ts

@@ -0,0 +1,12 @@
+import { Factory } from 'miragejs';
+import type { ITag } from '@/Interface';
+import { faker } from '@faker-js/faker';
+
+export const tagFactory = Factory.extend<ITag>({
+	id(i: string) {
+		return i;
+	},
+	name() {
+		return faker.lorem.word();
+	},
+});

packages/editor-ui/src/__tests__/server/factories/workflow.ts

@@ -0,0 +1,18 @@
+import { Factory } from 'miragejs';
+import type { IWorkflowDb } from '@/Interface';
+import { faker } from '@faker-js/faker';
+
+export const workflowFactory = Factory.extend<IWorkflowDb>({
+	id(i: string) {
+		return i;
+	},
+	name() {
+		return faker.lorem.word();
+	},
+	createdAt() {
+		return faker.date.recent().toISOString();
+	},
+	tags() {
+		return faker.lorem.words(2.5).split(' ');
+	},
+});

packages/editor-ui/src/__tests__/server/fixtures/index.ts

@@ -0,0 +1,7 @@
+import { tags } from './tags';
+import { workflows } from './workflows';
+
+export const fixtures = {
+	tags,
+	workflows,
+};

packages/editor-ui/src/__tests__/server/fixtures/tags.ts

@@ -0,0 +1,15 @@
+import type { ITag } from '@/Interface';
+export const tags: ITag[] = [
+	{
+		id: '1',
+		name: 'tag1',
+	},
+	{
+		id: '2',
+		name: 'tag2',
+	},
+	{
+		id: '3',
+		name: 'tag3',
+	},
+];

packages/editor-ui/src/__tests__/server/fixtures/workflows.ts

@@ -0,0 +1,47 @@
+import type { IWorkflowDb } from '@/Interface';
+import { faker } from '@faker-js/faker';
+
+export const workflows = [
+	{
+		id: '1',
+		name: 'workflow1',
+		tags: [],
+	},
+	{
+		id: '2',
+		name: 'workflow2',
+		tags: [
+			{ id: '1', name: 'tag1' },
+			{ id: '2', name: 'tag2' },
+		],
+	},
+	{
+		id: '3',
+		name: 'workflow3',
+		tags: [
+			{ id: '1', name: 'tag1' },
+			{ id: '3', name: 'tag3' },
+		],
+	},
+	{
+		id: '4',
+		name: 'workflow4',
+		tags: [
+			{ id: '2', name: 'tag2' },
+			{ id: '3', name: 'tag3' },
+		],
+	},
+	{
+		id: '5',
+		name: 'workflow5',
+		tags: [
+			{ id: '1', name: 'tag1' },
+			{ id: '2', name: 'tag2' },
+			{ id: '3', name: 'tag3' },
+		],
+	},
+].map((wf, idx) => ({
+	...wf,
+	createdAt: faker.date.recent().toISOString(),
+	updatedAt: new Date(`2024-1-${idx + 1}`).toISOString(),
+})) as IWorkflowDb[];

packages/editor-ui/src/__tests__/server/index.ts

@@ -2,12 +2,15 @@ import { createServer } from 'miragejs';
 import { endpoints } from './endpoints';
 import { models } from './models';
 import { factories } from './factories';
+import { fixtures } from './fixtures';
 
 export function setupServer() {
 	const server = createServer({
 		models,
 		factories,
+		fixtures,
 		seeds(server) {
+			server.loadFixtures('tags', 'workflows');
 			server.createList('credentialType', 8);
 			server.create('user', {
 				firstName: 'Nathan',

packages/editor-ui/src/__tests__/server/models/index.ts

@@ -2,10 +2,14 @@ import { UserModel } from './user';
 import { CredentialModel } from './credential';
 import { CredentialTypeModel } from './credentialType';
 import { VariableModel } from './variable';
+import { WorkflowModel } from './workflow';
+import { TagModel } from './tag';
 
 export const models = {
 	credential: CredentialModel,
 	credentialType: CredentialTypeModel,
 	user: UserModel,
 	variable: VariableModel,
+	workflow: WorkflowModel,
+	tag: TagModel,
 };

packages/editor-ui/src/__tests__/server/models/tag.ts

@@ -0,0 +1,5 @@
+import type { ITag } from '@/Interface';
+import { Model } from 'miragejs';
+import type { ModelDefinition } from 'miragejs/-types';
+
+export const TagModel: ModelDefinition<ITag> = Model.extend({});

packages/editor-ui/src/__tests__/server/models/workflow.ts

@@ -0,0 +1,5 @@
+import type { IWorkflowDb } from '@/Interface';
+import { Model } from 'miragejs';
+import type { ModelDefinition } from 'miragejs/-types';
+
+export const WorkflowModel: ModelDefinition<IWorkflowDb> = Model.extend({});