Upsert based on ID field (twentyhq#16275)

Author: notyenyu-creator

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

@@ -16,13 +16,15 @@ export const WorkflowFieldsMultiSelect = ({
   defaultFields,
   placeholder,
   hint,
+  actionType,
 }: {
   label: string;
   placeholder: string;
   objectMetadataItem: ObjectMetadataItem;
   handleFieldsChange: (field: FieldMultiSelectValue | string) => void;
   readonly: boolean;
   defaultFields: string[] | undefined | null;
+  actionType: 'UPDATE_RECORD' | 'UPSERT_RECORD';
   hint?: string;
 }) => {
   const { getIcon } = useIcons();
@@ -31,7 +33,7 @@ export const WorkflowFieldsMultiSelect = ({
     .filter((fieldMetadataItem) =>
       shouldDisplayFormField({
         fieldMetadataItem,
-        actionType: 'UPDATE_RECORD',
+        actionType,
       }),
     )
     .sort((fieldMetadataItemA, fieldMetadataItemB) =>
@@ -55,6 +57,17 @@ export const WorkflowFieldsMultiSelect = ({
       label={label}
       defaultValue={defaultFields}
       options={inlineFieldDefinitions.map((field) => {
+        const isIdField = field.metadata.fieldName === 'id';
+
+        if (isIdField && actionType === 'UPSERT_RECORD') {
+          return {
+            label: 'ID',
+            value: field.metadata.fieldName,
+            Icon: getIcon('IconId'),
+            color: 'gray',
+          };
+        }
+
         const isFieldRelationManyToOne =
           isFieldRelation(field) &&
           field.metadata.relationType === RelationType.MANY_TO_ONE;

packages/twenty-front/src/modules/workflow/components/__stories__/WorkflowFieldsMultiSelect.stories.ts

@@ -92,6 +92,7 @@ export const Default: Story = {
     handleFieldsChange: () => {},
     readonly: false,
     defaultFields: [],
+    actionType: 'UPDATE_RECORD',
   },
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
@@ -105,6 +106,7 @@ export const WithDefaultValues: Story = {
   args: {
     ...Default.args,
     defaultFields: ['name', 'domainName'],
+    actionType: 'UPDATE_RECORD',
   },
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
@@ -118,6 +120,7 @@ export const ReadOnly: Story = {
     ...Default.args,
     readonly: true,
     defaultFields: ['name', 'domainName'],
+    actionType: 'UPDATE_RECORD',
   },
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);