add 'delete row' and 'duplicate row' buttons to edit overaly - WIP

packages/nc-gui/components/smartsheet/expanded-form/Header.vue

@@ -127,7 +127,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
       </div>
     </a-button>
 
-    <SmartsheetExpandedFormMoreActions />
+    <SmartsheetExpandedFormMoreActions :meta="meta" :view="view" :primaryKey="primaryKey" />
 
     <a-dropdown-button class="nc-expand-form-save-btn" type="primary" :disabled="!isUIAllowed('tableRowUpdate')" @click="save">
       <template #overlay>

packages/nc-gui/components/smartsheet/expanded-form/MoreActions.vue

@@ -1,6 +1,9 @@
 <script lang="ts" setup>
 // import { ActiveViewInj, FieldsInj, IsPublicInj, MetaInj, inject, ref, useI18n, useNuxtApp, useProject } from '#imports'
 
+import { TableType, ViewType } from "nocodb-sdk"
+import { Ref } from "vue";
+
 // const { t } = useI18n()
 
 // const sharedViewListDlg = ref(false)
@@ -19,9 +22,22 @@
 
 // const selectedView = inject(ActiveViewInj, ref())
 
+
+const { meta, view, primaryKey } = defineProps<{
+  meta: TableType
+  view: ViewType
+  primaryKey: string
+}>()
+
+const { deleteRowById } = useViewData(ref(meta), ref(view))
+
 const duplicateRow = () => alert('duplicateRow')
 
-const deleteRow = () => alert('deleteRow')
+const onDeleteRowClick = () => {
+  alert('deleteRow')
+  deleteRowById(primaryKey)
+  // deleteRow
+}
 </script>
 
 <template>
@@ -46,7 +62,7 @@ const deleteRow = () => alert('deleteRow')
               {{ $t('activity.duplicateRow') }}
             </div>
 
-            <div v-e="['a:actions:download-excel']" class="nc-menu-item" @click="deleteRow">
+            <div v-e="['a:actions:download-excel']" class="nc-menu-item" @click="onDeleteRowClick">
               <MdiDelete class="text-gray-500" />
               {{ $t('activity.deleteRow') }}
             </div>
@@ -55,7 +71,7 @@ const deleteRow = () => alert('deleteRow')
       </template>
     </a-dropdown>
 
-    <a-modal
+    <!-- <a-modal
       v-model:visible="sharedViewListDlg"
       :class="{ active: sharedViewListDlg }"
       :title="$t('activity.listSharedView')"
@@ -64,6 +80,6 @@ const deleteRow = () => alert('deleteRow')
       wrap-class-name="nc-modal-shared-view-list"
     >
       <LazySmartsheetToolbarSharedViewList v-if="sharedViewListDlg" />
-    </a-modal>
+    </a-modal> -->
   </div>
 </template>

packages/nc-gui/composables/useViewData.ts

@@ -477,6 +477,7 @@ export function useViewData(
     changePage,
     addEmptyRow,
     deleteRow,
+    deleteRowById,
     deleteSelectedRows,
     updateOrSaveRow,
     selectedAllRecords,