From 7a4500bc60d7c360ba0aa257d0eae8870f3dcca7 Mon Sep 17 00:00:00 2001
From: Ashish Gupta <ashish@getcollate.io>
Date: Fri, 27 Sep 2024 17:34:01 +0530
Subject: [PATCH] added editor for reviewers

---
 .../ui/src/utils/CSV/CSVUtilsClassBase.tsx    | 49 +++++++++++++++++++
 1 file changed, 49 insertions(+)

diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/CSV/CSVUtilsClassBase.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/CSV/CSVUtilsClassBase.tsx
index 40d360f28b6..e2c9711c451 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/CSV/CSVUtilsClassBase.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/CSV/CSVUtilsClassBase.tsx
@@ -13,6 +13,7 @@
 
 import { Form } from 'antd';
 import { DefaultOptionType } from 'antd/lib/select';
+import { t } from 'i18next';
 import { toString } from 'lodash';
 import React, { ReactNode } from 'react';
 import TreeAsyncSelectList from '../../components/common/AsyncSelectList/TreeAsyncSelectList';
@@ -230,6 +231,54 @@ class CSVUtilsClassBase {
             </DomainSelectableList>
           );
         };
+      case 'reviewers':
+        return ({ value, ...props }: EditorProps) => {
+          const reviewers = value?.split(';') ?? [];
+          const reviewersEntityRef = reviewers.map((reviewer) => {
+            const [type, user] = reviewer.split(':');
+
+            return {
+              type,
+              name: user,
+              id: user,
+            } as EntityReference;
+          });
+
+          const handleChange = (reviewers?: EntityReference[]) => {
+            if (!reviewers || reviewers.length === 0) {
+              props.onChange();
+
+              setTimeout(() => {
+                props.onComplete();
+              }, 1);
+
+              return;
+            }
+            const reviewerText = reviewers
+              .map((reviewer) => `${reviewer.type}:${reviewer.name}`)
+              .join(';');
+            props.onChange(reviewerText);
+
+            setTimeout(() => {
+              props.onComplete(reviewerText);
+            }, 1);
+          };
+
+          return (
+            <UserTeamSelectableList
+              hasPermission
+              previewSelected
+              label={t('label.reviewer-plural')}
+              listHeight={200}
+              multiple={{ user: true, team: false }}
+              owner={reviewersEntityRef}
+              popoverProps={{
+                open: true,
+              }}
+              onUpdate={handleChange}
+            />
+          );
+        };
       case 'extension':
         return ({ value, ...props }: EditorProps) => {
           const handleSave = async (extension: string) => {