From f62eac5fb1458733398b9e088ff72cf705769ce4 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Mon, 11 Dec 2023 22:03:07 +0530
Subject: [PATCH] feat: paste option in cell right click context menu

---
 .../components/smartsheet/grid/Table.vue      | 17 +++++++++++
 packages/nc-gui/composables/usePaste.ts       | 28 +++++++++++++++++++
 packages/nc-gui/lang/en.json                  |  3 +-
 packages/nc-gui/utils/iconUtils.ts            |  1 +
 4 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 packages/nc-gui/composables/usePaste.ts

diff --git a/packages/nc-gui/components/smartsheet/grid/Table.vue b/packages/nc-gui/components/smartsheet/grid/Table.vue
index c2af1522a7..5e5dc0c297 100644
--- a/packages/nc-gui/components/smartsheet/grid/Table.vue
+++ b/packages/nc-gui/components/smartsheet/grid/Table.vue
@@ -41,6 +41,7 @@ import {
   useViewColumnsOrThrow,
   useViewsStore,
   watch,
+  usePaste,
 } from '#imports'
 import type { CellRange, Row } from '#imports'
 
@@ -168,6 +169,8 @@ const predictNextFormulas = async () => {
   await _predictNextFormulas(meta)
 }
 
+const { paste } = usePaste()
+
 // #Refs
 
 const rowRefs = ref<any[]>()
@@ -1694,6 +1697,20 @@ onKeyStroke('ArrowDown', onDown)
               </div>
             </NcMenuItem>
 
+            <NcMenuItem
+              v-if="contextMenuTarget"
+              class="nc-base-menu-item"
+              data-testid="context-menu-item-paste"
+              :disabled="isSystemColumn(fields[contextMenuTarget.col])"
+              @click="paste"
+            >
+              <div v-e="['a:row:paste']" class="flex gap-2 items-center">
+                <GeneralIcon icon="paste" />
+                <!-- Paste -->
+                {{ $t('general.paste') }}
+              </div>
+            </NcMenuItem>
+
             <!-- Clear cell -->
             <NcMenuItem
               v-if="
diff --git a/packages/nc-gui/composables/usePaste.ts b/packages/nc-gui/composables/usePaste.ts
new file mode 100644
index 0000000000..c2bc315ccb
--- /dev/null
+++ b/packages/nc-gui/composables/usePaste.ts
@@ -0,0 +1,28 @@
+export const usePaste = () => {
+  const paste = async (): Promise<boolean> => {
+    try {
+      // Check if the Clipboard API is supported
+      if (!navigator.clipboard) return false
+
+      // Read text from the clipboard
+      const clipboardText = await navigator.clipboard.readText()
+
+      // Create a new paste event
+      const pasteEvent = new Event('paste')
+
+      // Attach clipboard data to the event
+      const clipboardData = {
+        getData: () => clipboardText || '',
+      }
+      Object.defineProperty(pasteEvent, 'clipboardData', { value: clipboardData })
+
+      // Dispatch the event on the document or any other target element
+      document.dispatchEvent(pasteEvent)
+      return true
+    } catch (e) {
+      return false
+    }
+  }
+
+  return { paste }
+}
diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index 21a024729c..a4883cffb7 100644
--- a/packages/nc-gui/lang/en.json
+++ b/packages/nc-gui/lang/en.json
@@ -188,7 +188,8 @@
     "useSurveyMode": "Use Survey Mode",
     "shift": "Shift",
     "enter": "Enter",
-    "seconds": "Seconds"
+    "seconds": "Seconds",
+    "paste": "Paste"
   },
   "objects": {
     "workspace": "Workspace",
diff --git a/packages/nc-gui/utils/iconUtils.ts b/packages/nc-gui/utils/iconUtils.ts
index 36511f34b5..4e828c7cd0 100644
--- a/packages/nc-gui/utils/iconUtils.ts
+++ b/packages/nc-gui/utils/iconUtils.ts
@@ -452,6 +452,7 @@ export const iconMap = {
   role_no_access: NoAccess,
   commentHere: NcCommentHere,
   fileImage: FileImageIcon,
+  paste: h('span', { class: 'material-symbols' }, 'content_paste'),
 }
 
 export const getMdiIcon = (type: string): any => {