admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add relations in workflow action fields (#12359)

Browse Source
This commit is contained in:
martmull
2025-05-28 18:32:24 +02:00
committed by GitHub
parent 1115f6fc57
commit 9eeb50cb14
9 changed files with 222 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/twenty-front/src/modules/workflow/components/WorkflowEditUpdateEventFieldsMultiSelect.tsx
View File

@ -2,9 +2,9 @@ import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
import { formatFieldMetadataItemAsFieldDefinition } from '@/object-metadata/utils/formatFieldMetadataItemAsFieldDefinition';
import { FormMultiSelectFieldInput } from '@/object-record/record-field/form-types/components/FormMultiSelectFieldInput';
import { FieldMultiSelectValue } from '@/object-record/record-field/types/FieldMetadata';
import { SUPPORTED_FIELD_METADATA_TYPES } from '@/workflow/constants/SupportedFieldMetadataTypes';
import { isDefined } from 'twenty-shared/utils';
import { useIcons } from 'twenty-ui/display';
import { shouldDisplayFormField } from '@/workflow/workflow-steps/workflow-actions/utils/shouldDisplayFormField';
export const WorkflowFieldsMultiSelect = ({
label,
@ -24,11 +24,11 @@ export const WorkflowFieldsMultiSelect = ({
const { getIcon } = useIcons();
const inlineFieldMetadataItems = objectMetadataItem?.fields
.filter(
(fieldMetadataItem) =>
!fieldMetadataItem.isSystem &&
fieldMetadataItem.isActive &&
SUPPORTED_FIELD_METADATA_TYPES.includes(fieldMetadataItem.type),
.filter((fieldMetadataItem) =>
shouldDisplayFormField({
fieldMetadataItem,
actionType: 'UPDATE_RECORD',
}),
)
.sort((fieldMetadataItemA, fieldMetadataItemB) =>
fieldMetadataItemA.name.localeCompare(fieldMetadataItemB.name),

19
packages/twenty-front/src/modules/workflow/constants/SupportedFieldMetadataTypes.ts
View File

@ -1,19 +0,0 @@
import { FieldMetadataType } from 'twenty-shared/types';
export const SUPPORTED_FIELD_METADATA_TYPES = [
FieldMetadataType.TEXT,
FieldMetadataType.NUMBER,
FieldMetadataType.DATE,
FieldMetadataType.BOOLEAN,
FieldMetadataType.SELECT,
FieldMetadataType.MULTI_SELECT,
FieldMetadataType.EMAILS,
FieldMetadataType.LINKS,
FieldMetadataType.FULL_NAME,
FieldMetadataType.ADDRESS,
FieldMetadataType.PHONES,
FieldMetadataType.CURRENCY,
FieldMetadataType.DATE_TIME,
FieldMetadataType.RAW_JSON,
FieldMetadataType.UUID,
];

9
packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionCreateRecord.tsx
View File

@ -17,7 +17,7 @@ import { HorizontalSeparator, useIcons } from 'twenty-ui/display';
import { SelectOption } from 'twenty-ui/input';
import { JsonValue } from 'type-fest';
import { useDebouncedCallback } from 'use-debounce';
import { FieldMetadataType } from '~/generated/graphql';
import { shouldDisplayFormField } from '@/workflow/workflow-steps/workflow-actions/utils/shouldDisplayFormField';
type WorkflowEditActionCreateRecordProps = {
action: WorkflowCreateRecordAction;
@ -92,11 +92,8 @@ export const WorkflowEditActionCreateRecord = ({
const viewFields = indexView?.viewFields ?? [];
const inlineFieldMetadataItems = objectMetadataItem?.fields
.filter(
(fieldMetadataItem) =>
fieldMetadataItem.type !== FieldMetadataType.RELATION &&
!fieldMetadataItem.isSystem &&
fieldMetadataItem.isActive,
.filter((fieldMetadataItem) =>
shouldDisplayFormField({ fieldMetadataItem, actionType: action.type }),
)
.map((fieldMetadataItem) => {
const viewField = viewFields.find(

9
packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionUpdateRecord.tsx
View File

@ -7,7 +7,6 @@ import { formatFieldMetadataItemAsFieldDefinition } from '@/object-metadata/util
import { FormFieldInput } from '@/object-record/record-field/components/FormFieldInput';
import { FormSingleRecordPicker } from '@/object-record/record-field/form-types/components/FormSingleRecordPicker';
import { WorkflowFieldsMultiSelect } from '@/workflow/components/WorkflowEditUpdateEventFieldsMultiSelect';
import { SUPPORTED_FIELD_METADATA_TYPES } from '@/workflow/constants/SupportedFieldMetadataTypes';
import { WorkflowStepBody } from '@/workflow/workflow-steps/components/WorkflowStepBody';
import { WorkflowStepHeader } from '@/workflow/workflow-steps/components/WorkflowStepHeader';
import { useActionHeaderTypeOrThrow } from '@/workflow/workflow-steps/workflow-actions/hooks/useActionHeaderTypeOrThrow';
@ -19,6 +18,7 @@ import { HorizontalSeparator, useIcons } from 'twenty-ui/display';
import { SelectOption } from 'twenty-ui/input';
import { JsonValue } from 'type-fest';
import { useDebouncedCallback } from 'use-debounce';
import { shouldDisplayFormField } from '@/workflow/workflow-steps/workflow-actions/utils/shouldDisplayFormField';
type WorkflowEditActionUpdateRecordProps = {
action: WorkflowUpdateRecordAction;
@ -84,11 +84,8 @@ export const WorkflowEditActionUpdateRecord = ({
const objectNameSingular = selectedObjectMetadataItem?.nameSingular;
const inlineFieldMetadataItems = selectedObjectMetadataItem?.fields
.filter(
(fieldMetadataItem) =>
!fieldMetadataItem.isSystem &&
fieldMetadataItem.isActive &&
SUPPORTED_FIELD_METADATA_TYPES.includes(fieldMetadataItem.type),
.filter((fieldMetadataItem) =>
shouldDisplayFormField({ fieldMetadataItem, actionType: action.type }),
)
.sort((fieldMetadataItemA, fieldMetadataItemB) =>
fieldMetadataItemA.name.localeCompare(fieldMetadataItemB.name),

100
packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/utils/__tests__/shouldDisplayFormField.test.ts Normal file
View File

@ -0,0 +1,100 @@
import { shouldDisplayFormField } from '@/workflow/workflow-steps/workflow-actions/utils/shouldDisplayFormField';
import { FieldMetadataItem } from '@/object-metadata/types/FieldMetadataItem';
import { FieldMetadataType } from 'twenty-shared/types';
const baseField = {
name: 'testField',
label: 'Test Field',
type: FieldMetadataType.TEXT,
isSystem: false,
isActive: true,
settings: null,
} as FieldMetadataItem;
describe('shouldDisplayFormField', () => {
it('returns true for valid CREATE_RECORD field (non-relation)', () => {
const result = shouldDisplayFormField({
fieldMetadataItem: baseField,
actionType: 'CREATE_RECORD',
});
expect(result).toBe(true);
});
it('returns false for CREATE_RECORD with RELATION not MANY_TO_ONE', () => {
const field = {
...baseField,
type: FieldMetadataType.RELATION,
settings: { relationType: 'ONE_TO_MANY' },
} as FieldMetadataItem;
const result = shouldDisplayFormField({
fieldMetadataItem: field,
actionType: 'CREATE_RECORD',
});
expect(result).toBe(false);
});
it('returns false for CREATE_RECORD with RELATION MANY_TO_ONE', () => {
const field = {
...baseField,
type: FieldMetadataType.RELATION,
settings: { relationType: 'MANY_TO_ONE' },
} as FieldMetadataItem;
const result = shouldDisplayFormField({
fieldMetadataItem: field,
actionType: 'CREATE_RECORD',
});
expect(result).toBe(true);
});
it('returns true for UPDATE_RECORD with displayable type', () => {
const result = shouldDisplayFormField({
fieldMetadataItem: baseField,
actionType: 'UPDATE_RECORD',
});
expect(result).toBe(true);
});
it('returns false for UPDATE_RECORD with RELATION not MANY_TO_ONE', () => {
const field = {
...baseField,
type: FieldMetadataType.RELATION,
settings: { relationType: 'ONE_TO_MANY' },
} as FieldMetadataItem;
const result = shouldDisplayFormField({
fieldMetadataItem: field,
actionType: 'UPDATE_RECORD',
});
expect(result).toBe(false);
});
it('returns false for UPDATE_RECORD with RELATION MANY_TO_ONE', () => {
const field = {
...baseField,
type: FieldMetadataType.RELATION,
settings: { relationType: 'MANY_TO_ONE' },
} as FieldMetadataItem;
const result = shouldDisplayFormField({
fieldMetadataItem: field,
actionType: 'UPDATE_RECORD',
});
expect(result).toBe(true);
});
it('returns false for system field', () => {
const field = { ...baseField, isSystem: true };
const result = shouldDisplayFormField({
fieldMetadataItem: field,
actionType: 'UPDATE_RECORD',
});
expect(result).toBe(false);
});
it('throws error on unsupported action', () => {
expect(() =>
shouldDisplayFormField({
fieldMetadataItem: baseField,
actionType: 'DELETE_RECORD',
}),
).toThrow('Action "DELETE_RECORD" is not supported');
});
});

52
packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/utils/shouldDisplayFormField.ts Normal file
View File

@ -0,0 +1,52 @@
import { FieldMetadataItem } from '@/object-metadata/types/FieldMetadataItem';
import { WorkflowActionType } from '@/workflow/types/Workflow';
import { FieldMetadataType } from '~/generated/graphql';
const DISPLAYABLE_FIELD_TYPES_FOR_UPDATE = [
FieldMetadataType.TEXT,
FieldMetadataType.NUMBER,
FieldMetadataType.DATE,
FieldMetadataType.BOOLEAN,
FieldMetadataType.SELECT,
FieldMetadataType.MULTI_SELECT,
FieldMetadataType.EMAILS,
FieldMetadataType.LINKS,
FieldMetadataType.FULL_NAME,
FieldMetadataType.ADDRESS,
FieldMetadataType.PHONES,
FieldMetadataType.CURRENCY,
FieldMetadataType.DATE_TIME,
FieldMetadataType.RAW_JSON,
FieldMetadataType.UUID,
];
export const shouldDisplayFormField = ({
fieldMetadataItem,
actionType,
}: {
fieldMetadataItem: FieldMetadataItem;
actionType: WorkflowActionType;
}) => {
let isTypeAllowedForAction = false;
switch (actionType) {
case 'CREATE_RECORD':
isTypeAllowedForAction =
fieldMetadataItem.type !== FieldMetadataType.RELATION ||
fieldMetadataItem.settings?.['relationType'] === 'MANY_TO_ONE';
break;
case 'UPDATE_RECORD':
isTypeAllowedForAction =
DISPLAYABLE_FIELD_TYPES_FOR_UPDATE.includes(fieldMetadataItem.type) ||
fieldMetadataItem.settings?.['relationType'] === 'MANY_TO_ONE';
break;
default:
throw new Error(`Action "${actionType}" is not supported`);
}
return (
isTypeAllowedForAction &&
!fieldMetadataItem.isSystem &&
fieldMetadataItem.isActive
);
};