From c777463ac36a3a17f3af126bec1765caa44e014a Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 8 Sep 2022 12:39:48 +0200
Subject: [PATCH 01/52] chore(nc-gui): remove unnecessary margin

---
 packages/nc-gui/pages/signup/[[token]].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nc-gui/pages/signup/[[token]].vue b/packages/nc-gui/pages/signup/[[token]].vue
index 5693552c3a..6b732355d8 100644
--- a/packages/nc-gui/pages/signup/[[token]].vue
+++ b/packages/nc-gui/pages/signup/[[token]].vue
@@ -113,7 +113,7 @@ function resetError() {
           {{ $route.query.redirect_to === '/pricing' ? '& BUY' : '' }}
         </h1>
 
-        <h2 v-if="appInfo.firstUser" class="prose !text-primary font-semibold self-center my-4">
+        <h2 v-if="appInfo.firstUser" class="prose !text-primary font-semibold self-center">
           {{ $t('msg.info.signUp.superAdmin') }}
         </h2>
 

From 20eef38acb0284ddfe818f619de9e80608538bdc Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 9 Sep 2022 12:00:09 +0530
Subject: [PATCH 02/52] chore(swagger): provide required as an array

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 scripts/sdk/swagger.json | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/scripts/sdk/swagger.json b/scripts/sdk/swagger.json
index 5e8b6b1f02..d484f4d2be 100644
--- a/scripts/sdk/swagger.json
+++ b/scripts/sdk/swagger.json
@@ -5821,9 +5821,6 @@
           "pageInfo": {
             "$ref": "#/components/schemas/Paginated"
           }
-        },
-        "": {
-          "type": "string"
         }
       },
       "Base": {
@@ -6148,8 +6145,7 @@
             "type": "string"
           },
           "title": {
-            "type": "string",
-            "required": true
+            "type": "string"
           },
           "deleted": {
             "type": "boolean"
@@ -6193,7 +6189,8 @@
               }
             ]
           }
-        }
+        },
+        "required": ["title"]
       },
       "TableInfo": {
         "title": "Table",
@@ -6981,10 +6978,12 @@
         "properties": {
           "options": {
             "type": "array",
-            "required": true,
             "$ref": "#/components/schemas/SelectOption"
           }
         },
+        "required": [
+          "options"
+        ],
         "examples": [
           {
             "options": [

From 93840ab1e302ff59de4dcd40dc18c984b4d4a8e5 Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Fri, 9 Sep 2022 13:23:38 +0530
Subject: [PATCH 03/52] fix: duplicate entry in rollup function table

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 packages/nc-gui/components/smartsheet-column/RollupOptions.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/nc-gui/components/smartsheet-column/RollupOptions.vue b/packages/nc-gui/components/smartsheet-column/RollupOptions.vue
index f048f0176d..ebfe0cb776 100644
--- a/packages/nc-gui/components/smartsheet-column/RollupOptions.vue
+++ b/packages/nc-gui/components/smartsheet-column/RollupOptions.vue
@@ -35,7 +35,6 @@ const aggrFunctionsList = [
   { text: 'min', value: 'min' },
   { text: 'max', value: 'max' },
   { text: 'avg', value: 'avg' },
-  { text: 'min', value: 'min' },
   { text: 'sum', value: 'sum' },
   { text: 'countDistinct', value: 'countDistinct' },
   { text: 'sumDistinct', value: 'sumDistinct' },

From 6769439f0e230afda13bab6cdd68f2d72bfdd90d Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Fri, 9 Sep 2022 15:43:18 +0530
Subject: [PATCH 04/52] refactor: display text correction for collab/locked
 view menu

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 packages/nc-gui/components/smartsheet-toolbar/LockType.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet-toolbar/LockType.vue b/packages/nc-gui/components/smartsheet-toolbar/LockType.vue
index b34b580cce..947606bfed 100644
--- a/packages/nc-gui/components/smartsheet-toolbar/LockType.vue
+++ b/packages/nc-gui/components/smartsheet-toolbar/LockType.vue
@@ -13,17 +13,17 @@ const types = {
   [LockType.Personal]: {
     title: 'title.personalView',
     icon: MdiAccountIcon,
-    subtitle: 'msg.info.collabView',
+    subtitle: 'msg.info.personalView',
   },
   [LockType.Collaborative]: {
     title: 'title.collabView',
     icon: MdiAccountGroupIcon,
-    subtitle: 'msg.info.lockedView',
+    subtitle: 'msg.info.collabView',
   },
   [LockType.Locked]: {
     title: 'title.lockedView',
     icon: MdiLockOutlineIcon,
-    subtitle: 'msg.info.personalView',
+    subtitle: 'msg.info.lockedView',
   },
 }
 

From c1c5ab9d2bdc553a16a89b47db78b91f3a7fef6c Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 9 Sep 2022 17:01:57 +0530
Subject: [PATCH 05/52] fix(gui): after save maintain the relation data in
 expanded-form

re #3566

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../smartsheet/expanded-form/Header.vue       |  5 ++--
 .../smartsheet/expanded-form/index.vue        | 25 +++----------------
 .../composables/useExpandedFormStore.ts       | 17 +++++++++++++
 3 files changed, 23 insertions(+), 24 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
index b215fd4a47..0ef3fe57b0 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
@@ -5,7 +5,7 @@ const emit = defineEmits(['cancel'])
 
 const { meta, isSqlView } = useSmartsheetStoreOrThrow()
 
-const { commentsDrawer, primaryValue, save: _save } = useExpandedFormStoreOrThrow()
+const { commentsDrawer, primaryValue, save: _save, loadRow } = useExpandedFormStoreOrThrow()
 
 const { isNew, syncLTARRefs } = useSmartsheetRowStoreOrThrow()
 
@@ -15,6 +15,7 @@ const save = async () => {
   if (isNew.value) {
     const data = await _save()
     await syncLTARRefs(data)
+    await loadRow()
   } else {
     await _save()
   }
@@ -46,7 +47,7 @@ const iconColor = '#1890ff'
       <template #title>
         <div class="text-center w-full">{{ $t('general.reload') }}</div>
       </template>
-      <mdi-reload class="cursor-pointer select-none text-gray-500" />
+      <mdi-reload class="cursor-pointer select-none text-gray-500" @click="loadRow" />
     </a-tooltip>
     <a-tooltip v-if="!isSqlView" placement="bottom">
       <!--      Toggle comments draw -->
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index be6aba144d..7badc55815 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ColumnType, TableType, ViewType } from 'nocodb-sdk'
+import type { TableType, ViewType } from 'nocodb-sdk'
 import { isSystemColumn, isVirtualCol } from 'nocodb-sdk'
 import type { Ref } from 'vue'
 import Cell from '../Cell.vue'
@@ -10,14 +10,10 @@ import {
   FieldsInj,
   IsFormInj,
   MetaInj,
-  NOCO,
   computedInject,
-  extractPkFromRow,
   provide,
   ref,
   toRef,
-  useNuxtApp,
-  useProject,
   useProvideExpandedFormStore,
   useProvideSmartsheetStore,
   useVModel,
@@ -53,25 +49,10 @@ const fields = computedInject(FieldsInj, (_fields) => {
 
 provide(MetaInj, meta)
 
-const { commentsDrawer, changedColumns, state: rowState, isNew } = useProvideExpandedFormStore(meta, row)
-
-const { $api } = useNuxtApp()
+const { commentsDrawer, changedColumns, state: rowState, isNew, loadRow } = useProvideExpandedFormStore(meta, row)
 
 if (props.loadRow) {
-  const { project } = useProject()
-
-  const { sharedView } = useSharedView() as Record<string, any>
-
-  row.value.row = await $api.dbTableRow.read(
-    NOCO,
-    (project?.value?.id || sharedView.value.view.project_id) as string,
-    meta.value.title,
-    extractPkFromRow(row.value.row, meta.value.columns as ColumnType[]),
-  )
-
-  row.value.oldRow = { ...row.value.row }
-
-  row.value.rowMeta = {}
+  await loadRow()
 }
 
 useProvideSmartsheetStore(ref({}) as Ref<ViewType>, meta)
diff --git a/packages/nc-gui/composables/useExpandedFormStore.ts b/packages/nc-gui/composables/useExpandedFormStore.ts
index c8c8b29102..b6664cf0a3 100644
--- a/packages/nc-gui/composables/useExpandedFormStore.ts
+++ b/packages/nc-gui/composables/useExpandedFormStore.ts
@@ -29,6 +29,8 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
   const changedColumns = ref(new Set<string>())
   const { project } = useProject()
   const rowStore = useProvideSmartsheetRowStore(meta, row)
+  const { sharedView } = useSharedView() as Record<string, any>
+
   // todo
   // const activeView = inject(ActiveViewInj)
 
@@ -174,6 +176,20 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
     return data
   }
 
+  const loadRow = async () => {
+    const record = await $api.dbTableRow.read(
+      NOCO,
+      (project?.value?.id || sharedView.value.view.project_id) as string,
+      meta.value.title,
+      extractPkFromRow(row.value.row, meta.value.columns as ColumnType[]),
+    )
+    Object.assign(row.value, {
+      row: record,
+      oldRow: { ...record },
+      rowMeta: {},
+    })
+  }
+
   return {
     ...rowStore,
     commentsOnly,
@@ -189,6 +205,7 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
     primaryValue,
     save,
     changedColumns,
+    loadRow,
   }
 }, 'expanded-form-store')
 

From a25a017d60f7a3713baa851378cc1e4a58b446fa Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 9 Sep 2022 13:56:07 +0200
Subject: [PATCH 06/52] fix(nc-gui): remove vuetify from sponsors test

---
 packages/nc-gui/components/general/Sponsors.test.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/general/Sponsors.test.ts b/packages/nc-gui/components/general/Sponsors.test.ts
index 967adda867..b1427c405d 100644
--- a/packages/nc-gui/components/general/Sponsors.test.ts
+++ b/packages/nc-gui/components/general/Sponsors.test.ts
@@ -1,16 +1,14 @@
 import { mount } from '@vue/test-utils'
 import { expect, test } from 'vitest'
 import Sponsors from './Sponsors.vue'
-import { createVuetifyPlugin } from '~/plugins/vuetify'
 import { createI18nPlugin } from '~/plugins/a.i18n'
 
 const mountComponent = async (nav: boolean) => {
-  const vuetify = createVuetifyPlugin()
   const i18n = await createI18nPlugin()
 
   const wrapper = mount(Sponsors, {
     global: {
-      plugins: [vuetify, i18n],
+      plugins: [i18n],
     },
     props: {
       nav,

From e6b3d9aefd4e6e058db2a85666b8b9ee9c23eb37 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 9 Sep 2022 18:55:14 +0530
Subject: [PATCH 07/52] fix(gui): on updating/saving in nested level
 expanded-form reload all ancestor level data

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../components/smartsheet/expanded-form/index.vue    | 12 ++++++++++++
 packages/nc-gui/composables/useExpandedFormStore.ts  |  2 ++
 2 files changed, 14 insertions(+)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index 7badc55815..9c99a9882b 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -79,6 +79,18 @@ const onClose = () => {
   if (row.value?.rowMeta?.new) emits('cancel')
   isExpanded.value = false
 }
+
+// override reload trigger and use it to reload grid and the form itself
+const reloadTrigger = inject(ReloadViewDataHookInj)!
+
+const reloadHook = createEventHook()
+
+reloadHook.on(() => {
+  loadRow()
+  reloadTrigger?.trigger()
+})
+
+provide(ReloadViewDataHookInj, reloadHook)
 </script>
 
 <script lang="ts">
diff --git a/packages/nc-gui/composables/useExpandedFormStore.ts b/packages/nc-gui/composables/useExpandedFormStore.ts
index b6664cf0a3..b45dd1b501 100644
--- a/packages/nc-gui/composables/useExpandedFormStore.ts
+++ b/packages/nc-gui/composables/useExpandedFormStore.ts
@@ -30,6 +30,7 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
   const { project } = useProject()
   const rowStore = useProvideSmartsheetRowStore(meta, row)
   const { sharedView } = useSharedView() as Record<string, any>
+  const reloadTrigger = inject(ReloadViewDataHookInj)!
 
   // todo
   // const activeView = inject(ActiveViewInj)
@@ -169,6 +170,7 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
       message.success(`${primaryValue.value || 'Row'} updated successfully.`)
 
       changedColumns.value = new Set()
+      reloadTrigger?.trigger()
     } catch (e: any) {
       message.error(`${t('msg.error.rowUpdateFailed')}: ${await extractSdkResponseErrorMsg(e)}`)
     }

From 20a4af26b0577f8d13ff1a46555f0536ac8f5b61 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 9 Sep 2022 23:16:45 +0530
Subject: [PATCH 08/52] fix(gui): avoid linking if new record

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/smartsheet/expanded-form/Header.vue     | 4 +++-
 packages/nc-gui/components/smartsheet/expanded-form/index.vue | 1 +
 .../nc-gui/components/virtual-cell/components/ListItems.vue   | 1 +
 packages/nc-gui/composables/useExpandedFormStore.ts           | 2 --
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
index 0ef3fe57b0..cf42db3df6 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
@@ -11,11 +11,13 @@ const { isNew, syncLTARRefs } = useSmartsheetRowStoreOrThrow()
 
 const { isUIAllowed } = useUIPermission()
 
+const reloadTrigger = inject(ReloadViewDataHookInj)!
+
 const save = async () => {
   if (isNew.value) {
     const data = await _save()
     await syncLTARRefs(data)
-    await loadRow()
+    reloadTrigger?.trigger()
   } else {
     await _save()
   }
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index 9c99a9882b..b05a37c9a3 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -86,6 +86,7 @@ const reloadTrigger = inject(ReloadViewDataHookInj)!
 const reloadHook = createEventHook()
 
 reloadHook.on(() => {
+  if (isNew.value) return
   loadRow()
   reloadTrigger?.trigger()
 })
diff --git a/packages/nc-gui/components/virtual-cell/components/ListItems.vue b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
index e6fdb82f5c..d0295fc950 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
@@ -64,6 +64,7 @@ const expandedFormDlg = ref(false)
 
 /** populate initial state for a new row which is parent/child of current record */
 const newRowState = computed(() => {
+  if(isNew.value) return  {}
   const colOpt = (column?.value as ColumnType)?.colOptions as LinkToAnotherRecordType
   const colInRelatedTable: ColumnType | undefined = relatedTableMeta?.value?.columns?.find((col) => {
     if (col.uidt !== UITypes.LinkToAnotherRecord) return false
diff --git a/packages/nc-gui/composables/useExpandedFormStore.ts b/packages/nc-gui/composables/useExpandedFormStore.ts
index b45dd1b501..b6664cf0a3 100644
--- a/packages/nc-gui/composables/useExpandedFormStore.ts
+++ b/packages/nc-gui/composables/useExpandedFormStore.ts
@@ -30,7 +30,6 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
   const { project } = useProject()
   const rowStore = useProvideSmartsheetRowStore(meta, row)
   const { sharedView } = useSharedView() as Record<string, any>
-  const reloadTrigger = inject(ReloadViewDataHookInj)!
 
   // todo
   // const activeView = inject(ActiveViewInj)
@@ -170,7 +169,6 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
       message.success(`${primaryValue.value || 'Row'} updated successfully.`)
 
       changedColumns.value = new Set()
-      reloadTrigger?.trigger()
     } catch (e: any) {
       message.error(`${t('msg.error.rowUpdateFailed')}: ${await extractSdkResponseErrorMsg(e)}`)
     }

From bb2dced5a72775bd7b2e92364b5284766245bf24 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 10 Sep 2022 00:12:58 +0530
Subject: [PATCH 09/52] wip: reload only the related row

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/smartsheet/Row.vue   | 13 ++++++++++++-
 .../smartsheet/expanded-form/index.vue          |  9 +++++----
 .../components/virtual-cell/BelongsTo.vue       |  6 +++---
 .../nc-gui/components/virtual-cell/HasMany.vue  |  6 +++---
 .../components/virtual-cell/ManyToMany.vue      |  6 +++---
 .../nc-gui/composables/useSmartsheetRowStore.ts | 17 ++++++++++++++++-
 packages/nc-gui/context/index.ts                |  1 +
 7 files changed, 43 insertions(+), 15 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Row.vue b/packages/nc-gui/components/smartsheet/Row.vue
index efeea50ef1..e4c575d44b 100644
--- a/packages/nc-gui/components/smartsheet/Row.vue
+++ b/packages/nc-gui/components/smartsheet/Row.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { Row } from '~/composables'
 import { useProvideSmartsheetRowStore, useSmartsheetStoreOrThrow } from '#imports'
+import { ReloadRowDataHookInj, ReloadViewDataHookInj } from '~/context'
 
 interface Props {
   row: Row
@@ -10,7 +11,7 @@ const props = defineProps<Props>()
 const currentRow = toRef(props, 'row')
 
 const { meta } = useSmartsheetStoreOrThrow()
-const { isNew, state, syncLTARRefs } = useProvideSmartsheetRowStore(meta, currentRow)
+const { isNew, state, syncLTARRefs, loadRow } = useProvideSmartsheetRowStore(meta, currentRow)
 
 // on changing isNew(new record insert) status sync LTAR cell values
 watch(isNew, async (nextVal, prevVal) => {
@@ -21,6 +22,16 @@ watch(isNew, async (nextVal, prevVal) => {
     currentRow.value.oldRow = { ...currentRow.value.row, ...state.value }
   }
 })
+
+// override reload trigger and use it to reload row
+const reloadHook = createEventHook()
+
+reloadHook.on(() => {
+  if (isNew.value) return
+  loadRow()
+})
+
+provide(ReloadRowDataHookInj, reloadHook)
 </script>
 
 <template>
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index b05a37c9a3..146bdc00f3 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -2,6 +2,7 @@
 import type { TableType, ViewType } from 'nocodb-sdk'
 import { isSystemColumn, isVirtualCol } from 'nocodb-sdk'
 import type { Ref } from 'vue'
+import { ReloadRowDataHookInj } from '~/context'
 import Cell from '../Cell.vue'
 import VirtualCell from '../VirtualCell.vue'
 import Comments from './Comments.vue'
@@ -80,18 +81,18 @@ const onClose = () => {
   isExpanded.value = false
 }
 
-// override reload trigger and use it to reload grid and the form itself
-const reloadTrigger = inject(ReloadViewDataHookInj)!
+const reloadParentRowHook = inject(ReloadRowDataHookInj, createEventHook())
 
+// override reload trigger and use it to reload grid and the form itself
 const reloadHook = createEventHook()
 
 reloadHook.on(() => {
   if (isNew.value) return
   loadRow()
-  reloadTrigger?.trigger()
+  reloadParentRowHook?.trigger()
 })
 
-provide(ReloadViewDataHookInj, reloadHook)
+provide(ReloadRowDataHookInj, reloadHook)
 </script>
 
 <script lang="ts">
diff --git a/packages/nc-gui/components/virtual-cell/BelongsTo.vue b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
index 2358ca6d79..3679c7d2ab 100644
--- a/packages/nc-gui/components/virtual-cell/BelongsTo.vue
+++ b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
@@ -6,7 +6,7 @@ import {
   CellValueInj,
   ColumnInj,
   ReadonlyInj,
-  ReloadViewDataHookInj,
+  ReloadRowDataHookInj,
   RowInj,
   defineAsyncComponent,
   inject,
@@ -24,7 +24,7 @@ const ListItems = defineAsyncComponent(() => import('./components/ListItems.vue'
 
 const column = inject(ColumnInj)!
 
-const reloadTrigger = inject(ReloadViewDataHookInj)!
+const reloadRowTrigger = inject(ReloadRowDataHookInj)!
 
 const cellValue = inject(CellValueInj, ref<any>(null))
 
@@ -48,7 +48,7 @@ const { loadRelatedTableMeta, relatedTablePrimaryValueProp, unlink } = useProvid
   column as Ref<Required<ColumnType>>,
   row,
   isNew,
-  reloadTrigger.trigger,
+  reloadRowTrigger.trigger,
 )
 
 await loadRelatedTableMeta()
diff --git a/packages/nc-gui/components/virtual-cell/HasMany.vue b/packages/nc-gui/components/virtual-cell/HasMany.vue
index 1bad20b077..f046f8c9bc 100644
--- a/packages/nc-gui/components/virtual-cell/HasMany.vue
+++ b/packages/nc-gui/components/virtual-cell/HasMany.vue
@@ -7,7 +7,7 @@ import {
   IsFormInj,
   IsLockedInj,
   ReadonlyInj,
-  ReloadViewDataHookInj,
+  ReloadRowDataHookInj,
   RowInj,
   computed,
   defineAsyncComponent,
@@ -30,7 +30,7 @@ const cellValue = inject(CellValueInj)!
 
 const row = inject(RowInj)!
 
-const reloadTrigger = inject(ReloadViewDataHookInj)!
+const reloadRowTrigger = inject(ReloadRowDataHookInj)!
 
 const isForm = inject(IsFormInj)
 
@@ -50,7 +50,7 @@ const { loadRelatedTableMeta, relatedTablePrimaryValueProp, unlink } = useProvid
   column as Ref<Required<ColumnType>>,
   row,
   isNew,
-  reloadTrigger.trigger,
+  reloadRowTrigger.trigger,
 )
 await loadRelatedTableMeta()
 
diff --git a/packages/nc-gui/components/virtual-cell/ManyToMany.vue b/packages/nc-gui/components/virtual-cell/ManyToMany.vue
index 47febc5caa..767355129f 100644
--- a/packages/nc-gui/components/virtual-cell/ManyToMany.vue
+++ b/packages/nc-gui/components/virtual-cell/ManyToMany.vue
@@ -7,7 +7,7 @@ import {
   IsFormInj,
   IsLockedInj,
   ReadonlyInj,
-  ReloadViewDataHookInj,
+  ReloadRowDataHookInj,
   RowInj,
   computed,
   inject,
@@ -29,7 +29,7 @@ const row = inject(RowInj)!
 
 const cellValue = inject(CellValueInj)!
 
-const reloadTrigger = inject(ReloadViewDataHookInj)!
+const reloadRowTrigger = inject(ReloadRowDataHookInj)!
 
 const isForm = inject(IsFormInj)
 
@@ -48,7 +48,7 @@ const { loadRelatedTableMeta, relatedTablePrimaryValueProp, unlink } = useProvid
   column as Ref<Required<ColumnType>>,
   row,
   isNew,
-  reloadTrigger.trigger,
+  reloadRowTrigger.trigger,
 )
 
 await loadRelatedTableMeta()
diff --git a/packages/nc-gui/composables/useSmartsheetRowStore.ts b/packages/nc-gui/composables/useSmartsheetRowStore.ts
index e4f0ea02f0..7967863ecc 100644
--- a/packages/nc-gui/composables/useSmartsheetRowStore.ts
+++ b/packages/nc-gui/composables/useSmartsheetRowStore.ts
@@ -109,6 +109,21 @@ const [useProvideSmartsheetRowStore, useSmartsheetRowStore] = useInjectionState(
     }
   }
 
+
+  const loadRow = async () => {
+    const record = await $api.dbTableRow.read(
+      NOCO,
+      (project?.value?.id) as string,
+      meta.value.title,
+      extractPkFromRow(ref(row).value?.row, meta.value.columns as ColumnType[]),
+    )
+    Object.assign(ref(row).value, {
+      row: record,
+      oldRow: { ...record },
+      rowMeta: {},
+    })
+  }
+
   return {
     row,
     state,
@@ -116,7 +131,7 @@ const [useProvideSmartsheetRowStore, useSmartsheetRowStore] = useInjectionState(
     // todo: use better name
     addLTARRef,
     removeLTARRef,
-    syncLTARRefs,
+    syncLTARRefs,loadRow
   }
 }, 'smartsheet-row-store')
 
diff --git a/packages/nc-gui/context/index.ts b/packages/nc-gui/context/index.ts
index a2463cfa08..3a08d13944 100644
--- a/packages/nc-gui/context/index.ts
+++ b/packages/nc-gui/context/index.ts
@@ -22,6 +22,7 @@ export const CellValueInj: InjectionKey<Ref<any>> = Symbol('cell-value-injection
 export const ActiveViewInj: InjectionKey<Ref<ViewType>> = Symbol('active-view-injection')
 export const ReadonlyInj: InjectionKey<boolean> = Symbol('readonly-injection')
 export const ReloadViewDataHookInj: InjectionKey<EventHook<void>> = Symbol('reload-view-data-injection')
+export const ReloadRowDataHookInj: InjectionKey<EventHook<void>> = Symbol('reload-row-data-injection')
 export const OpenNewRecordFormHookInj: InjectionKey<EventHook<void>> = Symbol('open-new-record-form-injection')
 export const FieldsInj: InjectionKey<Ref<any[]>> = Symbol('fields-injection')
 export const ViewListInj: InjectionKey<Ref<ViewType[]>> = Symbol('view-list-injection')

From 335b4a993ac40009d5e75e131bb1faae227d3b67 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 10 Sep 2022 11:44:28 +0530
Subject: [PATCH 10/52] fix(gui): maintain the pagination data on reload

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/smartsheet/Row.vue             | 8 +++++---
 .../nc-gui/components/smartsheet/expanded-form/Header.vue | 4 ++--
 packages/nc-gui/components/virtual-cell/BelongsTo.vue     | 3 ++-
 packages/nc-gui/composables/useViewData.ts                | 4 +++-
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Row.vue b/packages/nc-gui/components/smartsheet/Row.vue
index e4c575d44b..7703ea531b 100644
--- a/packages/nc-gui/components/smartsheet/Row.vue
+++ b/packages/nc-gui/components/smartsheet/Row.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { Row } from '~/composables'
 import { useProvideSmartsheetRowStore, useSmartsheetStoreOrThrow } from '#imports'
-import { ReloadRowDataHookInj, ReloadViewDataHookInj } from '~/context'
+import { ReloadRowDataHookInj } from '~/context'
 
 interface Props {
   row: Row
@@ -11,7 +11,7 @@ const props = defineProps<Props>()
 const currentRow = toRef(props, 'row')
 
 const { meta } = useSmartsheetStoreOrThrow()
-const { isNew, state, syncLTARRefs, loadRow } = useProvideSmartsheetRowStore(meta, currentRow)
+const { isNew, state, syncLTARRefs } = useProvideSmartsheetRowStore(meta, currentRow)
 
 // on changing isNew(new record insert) status sync LTAR cell values
 watch(isNew, async (nextVal, prevVal) => {
@@ -23,12 +23,14 @@ watch(isNew, async (nextVal, prevVal) => {
   }
 })
 
+const reloadViewDataTrigger = inject(ReloadViewDataHookInj)!
+
 // override reload trigger and use it to reload row
 const reloadHook = createEventHook()
 
 reloadHook.on(() => {
   if (isNew.value) return
-  loadRow()
+  reloadViewDataTrigger?.trigger()
 })
 
 provide(ReloadRowDataHookInj, reloadHook)
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
index cf42db3df6..4014b82c05 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useExpandedFormStoreOrThrow, useSmartsheetRowStoreOrThrow, useSmartsheetStoreOrThrow, useUIPermission } from '#imports'
+import { useExpandedFormStoreOrThrow, useSmartsheetRowStoreOrThrow, useSmartsheetStoreOrThrow, useUIPermission, ReloadRowDataHookInj } from '#imports'
 
 const emit = defineEmits(['cancel'])
 
@@ -11,7 +11,7 @@ const { isNew, syncLTARRefs } = useSmartsheetRowStoreOrThrow()
 
 const { isUIAllowed } = useUIPermission()
 
-const reloadTrigger = inject(ReloadViewDataHookInj)!
+const reloadTrigger = inject(ReloadRowDataHookInj)!
 
 const save = async () => {
   if (isNew.value) {
diff --git a/packages/nc-gui/components/virtual-cell/BelongsTo.vue b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
index 3679c7d2ab..42df1a15bb 100644
--- a/packages/nc-gui/components/virtual-cell/BelongsTo.vue
+++ b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { createHook } from 'async_hooks'
 import type { ColumnType } from 'nocodb-sdk'
 import type { Ref } from 'vue'
 import {
@@ -24,7 +25,7 @@ const ListItems = defineAsyncComponent(() => import('./components/ListItems.vue'
 
 const column = inject(ColumnInj)!
 
-const reloadRowTrigger = inject(ReloadRowDataHookInj)!
+const reloadRowTrigger = inject(ReloadRowDataHookInj, createEventHook())!
 
 const cellValue = inject(CellValueInj, ref<any>(null))
 
diff --git a/packages/nc-gui/composables/useViewData.ts b/packages/nc-gui/composables/useViewData.ts
index 05b86d81e8..2b5c3f43a8 100644
--- a/packages/nc-gui/composables/useViewData.ts
+++ b/packages/nc-gui/composables/useViewData.ts
@@ -78,7 +78,7 @@ export function useViewData(
   })
 
   const queryParams = computed(() => ({
-    offset: (paginationData.value?.page ?? 0) - 1,
+    offset: ((paginationData.value?.page ?? 0) - 1) * (paginationData.value?.pageSize ?? 25),
     limit: paginationData.value?.pageSize ?? 25,
     where: where?.value ?? '',
   }))
@@ -162,9 +162,11 @@ export function useViewData(
   }
 
   async function loadData(params: Parameters<Api<any>['dbViewRow']['list']>[4] = {}) {
+    console.log(queryParams.value)
     if ((!project?.value?.id || !meta?.value?.id || !viewMeta?.value?.id) && !isPublic.value) return
     const response = !isPublic.value
       ? await api.dbViewRow.list('noco', project.value.id!, meta!.value.id!, viewMeta!.value.id, {
+          ...queryParams.value,
           ...params,
           ...(isUIAllowed('sortSync') ? {} : { sortArrJson: JSON.stringify(sorts.value) }),
           ...(isUIAllowed('filterSync') ? {} : { filterArrJson: JSON.stringify(nestedFilters.value) }),

From 2c50abbed9ac9aae77a748d553ced24746ef6fdb Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Sat, 10 Sep 2022 09:55:02 +0300
Subject: [PATCH 11/52] fix: add timeout to feed-back form api

Re #3555

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 packages/nocodb/src/lib/meta/api/utilApis.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/nocodb/src/lib/meta/api/utilApis.ts b/packages/nocodb/src/lib/meta/api/utilApis.ts
index 750e980590..6e4b1205cb 100644
--- a/packages/nocodb/src/lib/meta/api/utilApis.ts
+++ b/packages/nocodb/src/lib/meta/api/utilApis.ts
@@ -82,7 +82,9 @@ export async function versionInfo(_req: Request, res: Response) {
 
 export async function feedbackFormGet(_req: Request, res: Response) {
   axios
-    .get('https://nocodb.com/api/v1/feedback_form')
+    .get('https://nocodb.com/api/v1/feedback_form', {
+      timeout: 5000,
+    })
     .then((response) => {
       res.json(response.data);
     })

From 407d3dd8bd5ecf5ceacd2650b9b7a9fc9ad76280 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Sat, 10 Sep 2022 11:03:12 +0300
Subject: [PATCH 12/52] fix: drop await / errors from feed-back form handler

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 .../nc-gui/plugins/initializeFeedbackForm.ts  | 40 +++++++++----------
 packages/nocodb/src/lib/meta/api/utilApis.ts  |  2 +-
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/packages/nc-gui/plugins/initializeFeedbackForm.ts b/packages/nc-gui/plugins/initializeFeedbackForm.ts
index 4323f5e0a5..314131afc7 100644
--- a/packages/nc-gui/plugins/initializeFeedbackForm.ts
+++ b/packages/nc-gui/plugins/initializeFeedbackForm.ts
@@ -1,4 +1,3 @@
-import type { Dayjs } from 'dayjs'
 import dayjs from 'dayjs'
 import { defineNuxtPlugin } from '#app'
 
@@ -8,32 +7,33 @@ const handleFeedbackForm = async () => {
 
   const { $api } = useNuxtApp()
 
-  const fetchFeedbackForm = async (now: Dayjs) => {
-    try {
-      const { data: feedbackForm } = await $api.instance.get('/api/v1/feedback_form')
-      const isFetchedFormDuplicate = currentFeedbackForm.url === feedbackForm.url
-
-      currentFeedbackForm = {
-        url: feedbackForm.url,
-        lastFormPollDate: now.toISOString(),
-        createdAt: feedbackForm.created_at,
-        isHidden: isFetchedFormDuplicate ? currentFeedbackForm.isHidden : false,
-      }
-    } catch (e) {
-      console.error(e)
-    }
-  }
-
   const isFirstTimePolling = !currentFeedbackForm.lastFormPollDate
 
   const now = dayjs()
   const lastFormPolledDate = dayjs(currentFeedbackForm.lastFormPollDate)
 
   if (isFirstTimePolling || dayjs.duration(now.diff(lastFormPolledDate)).days() > 0) {
-    await fetchFeedbackForm(now)
+    $api.instance
+      .get('/api/v1/feedback_form')
+      .then((response) => {
+        try {
+          const { data: feedbackForm } = response
+          if (!feedbackForm.error) {
+            const isFetchedFormDuplicate = currentFeedbackForm.url === feedbackForm.url
+
+            currentFeedbackForm = {
+              url: feedbackForm.url,
+              lastFormPollDate: now.toISOString(),
+              createdAt: feedbackForm.created_at,
+              isHidden: isFetchedFormDuplicate ? currentFeedbackForm.isHidden : false,
+            }
+          }
+        } catch (e) {}
+      })
+      .catch(() => {})
   }
 }
 
-export default defineNuxtPlugin(async () => {
-  await handleFeedbackForm()
+export default defineNuxtPlugin(() => {
+  handleFeedbackForm()
 })
diff --git a/packages/nocodb/src/lib/meta/api/utilApis.ts b/packages/nocodb/src/lib/meta/api/utilApis.ts
index 6e4b1205cb..7d5b462345 100644
--- a/packages/nocodb/src/lib/meta/api/utilApis.ts
+++ b/packages/nocodb/src/lib/meta/api/utilApis.ts
@@ -89,7 +89,7 @@ export async function feedbackFormGet(_req: Request, res: Response) {
       res.json(response.data);
     })
     .catch((e) => {
-      res.status(500).json({ error: e.message });
+      res.json({ error: e.message });
     });
 }
 

From 09e0de07687dfda371983400ef683e5a4996fbad Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 10 Sep 2022 14:57:46 +0530
Subject: [PATCH 13/52] fix(gui): reload LTAR list on value change

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/virtual-cell/HasMany.vue   |  1 +
 .../nc-gui/components/virtual-cell/ManyToMany.vue     |  1 +
 .../virtual-cell/components/ListChildItems.vue        | 11 ++++++++---
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/virtual-cell/HasMany.vue b/packages/nc-gui/components/virtual-cell/HasMany.vue
index f046f8c9bc..730ea8bab9 100644
--- a/packages/nc-gui/components/virtual-cell/HasMany.vue
+++ b/packages/nc-gui/components/virtual-cell/HasMany.vue
@@ -112,6 +112,7 @@ const unlinkRef = async (rec: Record<string, any>) => {
 
     <ListChildItems
       v-model="childListDlg"
+      :cell-value="localCellValue"
       @attach-record="
         () => {
           childListDlg = false
diff --git a/packages/nc-gui/components/virtual-cell/ManyToMany.vue b/packages/nc-gui/components/virtual-cell/ManyToMany.vue
index 767355129f..16b4057f7c 100644
--- a/packages/nc-gui/components/virtual-cell/ManyToMany.vue
+++ b/packages/nc-gui/components/virtual-cell/ManyToMany.vue
@@ -112,6 +112,7 @@ const unlinkRef = async (rec: Record<string, any>) => {
 
     <ListChildItems
       v-model="childListDlg"
+      :cell-value="localCellValue"
       @attach-record="
         () => {
           childListDlg = false
diff --git a/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue b/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
index 8339270602..1ce627d710 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
@@ -13,7 +13,7 @@ import {
 } from '#imports'
 import { IsPublicInj } from '~/context'
 
-const props = defineProps<{ modelValue?: boolean }>()
+const props = defineProps<{ modelValue?: boolean; cellValue: any }>()
 
 const emit = defineEmits(['update:modelValue', 'attachRecord'])
 
@@ -70,13 +70,18 @@ const unlinkIfNewRow = async (row: Record<string, any>) => {
 const container = computed(() =>
   isForm?.value
     ? h('div', {
-        class: 'w-full p-2',
-      })
+      class: 'w-full p-2',
+    })
     : Modal,
 )
 
 const expandedFormDlg = ref(false)
 const expandedFormRow = ref()
+
+watch(() => props.cellValue, () => {
+  if (!isNew.value)
+    loadChildrenList()
+})
 </script>
 
 <template>

From 61662d319f3b56b6a5399706c8893e4b96a48eba Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 10 Sep 2022 14:58:26 +0530
Subject: [PATCH 14/52] chore(gui): lint

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../components/smartsheet/expanded-form/Header.vue |  8 +++++++-
 .../components/smartsheet/expanded-form/index.vue  |  2 +-
 .../nc-gui/components/virtual-cell/BelongsTo.vue   |  1 -
 .../virtual-cell/components/ListChildItems.vue     | 14 ++++++++------
 .../virtual-cell/components/ListItems.vue          |  2 +-
 .../nc-gui/composables/useSmartsheetRowStore.ts    |  6 +++---
 6 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
index 4014b82c05..11d919963b 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
@@ -1,5 +1,11 @@
 <script lang="ts" setup>
-import { useExpandedFormStoreOrThrow, useSmartsheetRowStoreOrThrow, useSmartsheetStoreOrThrow, useUIPermission, ReloadRowDataHookInj } from '#imports'
+import {
+  ReloadRowDataHookInj,
+  useExpandedFormStoreOrThrow,
+  useSmartsheetRowStoreOrThrow,
+  useSmartsheetStoreOrThrow,
+  useUIPermission,
+} from '#imports'
 
 const emit = defineEmits(['cancel'])
 
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index 146bdc00f3..d8d2879c8b 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -2,11 +2,11 @@
 import type { TableType, ViewType } from 'nocodb-sdk'
 import { isSystemColumn, isVirtualCol } from 'nocodb-sdk'
 import type { Ref } from 'vue'
-import { ReloadRowDataHookInj } from '~/context'
 import Cell from '../Cell.vue'
 import VirtualCell from '../VirtualCell.vue'
 import Comments from './Comments.vue'
 import Header from './Header.vue'
+import { ReloadRowDataHookInj } from '~/context'
 import {
   FieldsInj,
   IsFormInj,
diff --git a/packages/nc-gui/components/virtual-cell/BelongsTo.vue b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
index 42df1a15bb..3cfc1a11c2 100644
--- a/packages/nc-gui/components/virtual-cell/BelongsTo.vue
+++ b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { createHook } from 'async_hooks'
 import type { ColumnType } from 'nocodb-sdk'
 import type { Ref } from 'vue'
 import {
diff --git a/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue b/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
index 1ce627d710..3ab8524bf8 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
@@ -70,18 +70,20 @@ const unlinkIfNewRow = async (row: Record<string, any>) => {
 const container = computed(() =>
   isForm?.value
     ? h('div', {
-      class: 'w-full p-2',
-    })
+        class: 'w-full p-2',
+      })
     : Modal,
 )
 
 const expandedFormDlg = ref(false)
 const expandedFormRow = ref()
 
-watch(() => props.cellValue, () => {
-  if (!isNew.value)
-    loadChildrenList()
-})
+watch(
+  () => props.cellValue,
+  () => {
+    if (!isNew.value) loadChildrenList()
+  },
+)
 </script>
 
 <template>
diff --git a/packages/nc-gui/components/virtual-cell/components/ListItems.vue b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
index d0295fc950..f126e2af15 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
@@ -64,7 +64,7 @@ const expandedFormDlg = ref(false)
 
 /** populate initial state for a new row which is parent/child of current record */
 const newRowState = computed(() => {
-  if(isNew.value) return  {}
+  if (isNew.value) return {}
   const colOpt = (column?.value as ColumnType)?.colOptions as LinkToAnotherRecordType
   const colInRelatedTable: ColumnType | undefined = relatedTableMeta?.value?.columns?.find((col) => {
     if (col.uidt !== UITypes.LinkToAnotherRecord) return false
diff --git a/packages/nc-gui/composables/useSmartsheetRowStore.ts b/packages/nc-gui/composables/useSmartsheetRowStore.ts
index 7967863ecc..b864971d00 100644
--- a/packages/nc-gui/composables/useSmartsheetRowStore.ts
+++ b/packages/nc-gui/composables/useSmartsheetRowStore.ts
@@ -109,11 +109,10 @@ const [useProvideSmartsheetRowStore, useSmartsheetRowStore] = useInjectionState(
     }
   }
 
-
   const loadRow = async () => {
     const record = await $api.dbTableRow.read(
       NOCO,
-      (project?.value?.id) as string,
+      project?.value?.id as string,
       meta.value.title,
       extractPkFromRow(ref(row).value?.row, meta.value.columns as ColumnType[]),
     )
@@ -131,7 +130,8 @@ const [useProvideSmartsheetRowStore, useSmartsheetRowStore] = useInjectionState(
     // todo: use better name
     addLTARRef,
     removeLTARRef,
-    syncLTARRefs,loadRow
+    syncLTARRefs,
+    loadRow,
   }
 }, 'smartsheet-row-store')
 

From eb1a7a80c86ae7daa0d3177af4059575c6bed135 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 10 Sep 2022 15:11:30 +0530
Subject: [PATCH 15/52] chore(gui): reload ancestor data even intermediate
 record is new

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/smartsheet/expanded-form/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index d8d2879c8b..8243cfc9d9 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -87,9 +87,9 @@ const reloadParentRowHook = inject(ReloadRowDataHookInj, createEventHook())
 const reloadHook = createEventHook()
 
 reloadHook.on(() => {
+  reloadParentRowHook?.trigger()
   if (isNew.value) return
   loadRow()
-  reloadParentRowHook?.trigger()
 })
 
 provide(ReloadRowDataHookInj, reloadHook)

From 9349843d4d444d0358cca8f47d8f867c18d45e44 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 10 Sep 2022 15:31:33 +0530
Subject: [PATCH 16/52] fix(gui): close referenced row list modal on adding new

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../virtual-cell/components/ListItems.vue     | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/packages/nc-gui/components/virtual-cell/components/ListItems.vue b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
index f126e2af15..9d924e1306 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
@@ -95,6 +95,12 @@ const newRowState = computed(() => {
     }
   }
 })
+
+// if it's an existing record close the list
+// after new record creation since it's already linking while creating
+watch(expandedFormDlg, (nexVal) => {
+  if (!nexVal && !isNew.value) vModel.value = false
+})
 </script>
 
 <template>
@@ -110,9 +116,9 @@ const newRowState = computed(() => {
         <div class="flex-1" />
         <MdiReload class="cursor-pointer text-gray-500 nc-reload" @click="loadChildrenExcludedList" />
         <!--        Add new record -->
-        <a-button v-if="!isPublic" type="primary" size="small" @click="expandedFormDlg = true">{{
-          $t('activity.addNewRecord')
-        }}</a-button>
+        <a-button v-if="!isPublic" type="primary" size="small" @click="expandedFormDlg = true"
+          >{{ $t('activity.addNewRecord') }}
+        </a-button>
       </div>
       <template v-if="childrenExcludedList?.pageInfo?.totalRows">
         <div class="flex-1 overflow-auto min-h-0 scrollbar-thin-dull px-12">
@@ -122,10 +128,10 @@ const newRowState = computed(() => {
             class="!my-4 cursor-pointer hover:(!bg-gray-200/50 shadow-md) group"
             @click="linkRow(refRow)"
           >
-            {{ refRow[relatedTablePrimaryValueProp]
-            }}<span class="hidden group-hover:(inline) text-gray-400 text-[11px] ml-1"
-              >({{ $t('labels.primaryKey') }} : {{ getRelatedTableRowId(refRow) }})</span
-            >
+            {{ refRow[relatedTablePrimaryValueProp] }}
+            <span class="hidden group-hover:(inline) text-gray-400 text-[11px] ml-1">
+              ({{ $t('labels.primaryKey') }} : {{ getRelatedTableRowId(refRow) }})
+            </span>
           </a-card>
         </div>
         <div class="flex justify-center mt-6">

From ff13ea4c511db4a2ce458104380b10c3aaab2b41 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 10 Sep 2022 19:33:53 +0530
Subject: [PATCH 17/52] fix(gui): save row on switching tables

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/smartsheet/Cell.vue     |  14 +-
 .../nc-gui/components/smartsheet/Grid.vue     | 362 +++++++++---------
 packages/nc-gui/components/smartsheet/Row.vue |   3 +-
 .../nc-gui/components/tabs/Smartsheet.vue     |  15 +-
 .../composables/useSmartsheetRowStore.ts      |   3 +
 packages/nc-gui/composables/useViewData.ts    |  27 +-
 .../index/[type]/[title]/[[viewTitle]].vue    |  10 +-
 7 files changed, 238 insertions(+), 196 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Cell.vue b/packages/nc-gui/components/smartsheet/Cell.vue
index f746c15655..6fe1f0b035 100644
--- a/packages/nc-gui/components/smartsheet/Cell.vue
+++ b/packages/nc-gui/components/smartsheet/Cell.vue
@@ -17,6 +17,7 @@ import {
   useDebounceFn,
   useVModel,
 } from '#imports'
+import { useSmartsheetRowStoreOrThrow } from '~/composables/useSmartsheetRowStore'
 import { NavigateDir } from '~/lib'
 
 interface Props {
@@ -57,13 +58,14 @@ const isPublic = inject(IsPublicInj, ref(false))
 
 const isLocked = inject(IsLockedInj, ref(false))
 
-let changed = $ref(false)
+const { currentRow } = useSmartsheetRowStoreOrThrow()
 
 const syncValue = useDebounceFn(function () {
-  changed = false
+  currentRow.value.rowMeta.changed = false
   emit('save')
 }, 1000)
 
+
 const isAutoSaved = $computed(() => {
   return [
     UITypes.SingleLineText,
@@ -89,13 +91,13 @@ const vModel = computed({
   get: () => props.modelValue,
   set: (val) => {
     if (val !== props.modelValue) {
-      changed = true
+      currentRow.value.rowMeta.changed = true
       emit('update:modelValue', val)
       if (isAutoSaved) {
         syncValue()
       } else if (!isManualSaved) {
         emit('save')
-        changed = true
+        currentRow.value.rowMeta.changed = true
       }
     }
   },
@@ -129,9 +131,9 @@ const {
 const syncAndNavigate = (dir: NavigateDir) => {
   if (isJSON.value) return
 
-  if (changed) {
+  if (currentRow.value.rowMeta.changed) {
     emit('save')
-    changed = false
+    currentRow.value.rowMeta.changed = false
   }
   emit('navigate', dir)
 }
diff --git a/packages/nc-gui/components/smartsheet/Grid.vue b/packages/nc-gui/components/smartsheet/Grid.vue
index 7d2eee0c0d..a12247c475 100644
--- a/packages/nc-gui/components/smartsheet/Grid.vue
+++ b/packages/nc-gui/components/smartsheet/Grid.vue
@@ -248,36 +248,35 @@ const onKeyDown = async (e: KeyboardEvent) => {
       e.preventDefault()
       if (selected.row < data.value.length - 1) selected.row++
       break
-    default:
-      {
-        const rowObj = data.value[selected.row]
-        const columnObj = fields.value[selected.col]
-
-        if ((!editEnabled && e.metaKey) || e.ctrlKey) {
-          switch (e.keyCode) {
-            // copy - ctrl/cmd +c
-            case 67:
-              await copy(rowObj.row[columnObj.title] || '')
-              break
-          }
+    default: {
+      const rowObj = data.value[selected.row]
+      const columnObj = fields.value[selected.col]
+
+      if ((!editEnabled && e.metaKey) || e.ctrlKey) {
+        switch (e.keyCode) {
+          // copy - ctrl/cmd +c
+          case 67:
+            await copy(rowObj.row[columnObj.title] || '')
+            break
         }
+      }
 
-        if (editEnabled || e.ctrlKey || e.altKey || e.metaKey) {
-          return
-        }
+      if (editEnabled || e.ctrlKey || e.altKey || e.metaKey) {
+        return
+      }
 
-        /** on letter key press make cell editable and empty */
-        if (e?.key?.length === 1) {
-          if (!isPkAvail && !rowObj.rowMeta.new) {
-            // Update not allowed for table which doesn't have primary Key
-            return message.info(t('msg.info.updateNotAllowedWithoutPK'))
-          }
-          if (makeEditable(rowObj, columnObj)) {
-            rowObj.row[columnObj.title] = ''
-          }
-          // editEnabled = true
+      /** on letter key press make cell editable and empty */
+      if (e?.key?.length === 1) {
+        if (!isPkAvail && !rowObj.rowMeta.new) {
+          // Update not allowed for table which doesn't have primary Key
+          return message.info(t('msg.info.updateNotAllowedWithoutPK'))
+        }
+        if (makeEditable(rowObj, columnObj)) {
+          rowObj.row[columnObj.title] = ''
         }
+        // editEnabled = true
       }
+    }
       break
   }
 }
@@ -324,6 +323,26 @@ const showContextMenu = (e: MouseEvent, target?: { row: number; col: number }) =
     contextMenuTarget.value = target
   }
 }
+
+onBeforeUnmount(async () => {
+  for (const row of data.value) {
+    if (row.rowMeta.new) {
+      await updateOrSaveRow(row, null)
+      row.rowMeta.changed = false
+      continue
+    }
+    if (row.rowMeta.changed) {
+      row.rowMeta.changed = false
+      for (const field of meta?.value.columns ?? []) {
+        if (isVirtualCol(field)) continue
+        if (row.row[field.title!] !== row.oldRow[field.title!]) {
+          await updateOrSaveRow(row, field.title!)
+        }
+      }
+    }
+  }
+})
+
 </script>
 
 <template>
@@ -339,87 +358,88 @@ const showContextMenu = (e: MouseEvent, target?: { row: number; col: number }) =
           @contextmenu="showContextMenu"
         >
           <thead>
-            <tr class="nc-grid-header border-1 bg-gray-100 sticky top[-1px]">
-              <th>
-                <div class="w-full h-full bg-gray-100 flex min-w-[70px] pl-5 pr-1 items-center">
-                  <template v-if="!readOnly">
-                    <div class="nc-no-label text-gray-500" :class="{ hidden: selectedAllRecords }">#</div>
-                    <div
-                      :class="{ hidden: !selectedAllRecords, flex: selectedAllRecords }"
-                      class="nc-check-all w-full items-center"
-                    >
-                      <a-checkbox v-model:checked="selectedAllRecords" />
+          <tr class="nc-grid-header border-1 bg-gray-100 sticky top[-1px]">
+            <th>
+              <div class="w-full h-full bg-gray-100 flex min-w-[70px] pl-5 pr-1 items-center">
+                <template v-if="!readOnly">
+                  <div class="nc-no-label text-gray-500" :class="{ hidden: selectedAllRecords }">#</div>
+                  <div
+                    :class="{ hidden: !selectedAllRecords, flex: selectedAllRecords }"
+                    class="nc-check-all w-full items-center"
+                  >
+                    <a-checkbox v-model:checked="selectedAllRecords" />
 
-                      <span class="flex-1" />
-                    </div>
-                  </template>
-                  <template v-else>
-                    <div class="text-gray-500">#</div>
-                  </template>
-                </div>
-              </th>
-              <th
-                v-for="col in fields"
-                :key="col.title"
-                v-xc-ver-resize
-                :data-col="col.id"
-                :data-title="col.title"
-                @xcresize="onresize(col.id, $event)"
-                @xcresizing="onXcResizing(col.title, $event)"
-                @xcresized="resizingCol = null"
-              >
-                <div class="w-full h-full bg-gray-100 flex items-center">
-                  <SmartsheetHeaderVirtualCell v-if="isVirtualCol(col)" :column="col" :hide-menu="readOnly" />
-
-                  <SmartsheetHeaderCell v-else :column="col" :hide-menu="readOnly" />
-                </div>
-              </th>
-              <th
-                v-if="!readOnly && !isLocked && isUIAllowed('add-column') && !isSqlView"
-                v-t="['c:column:add']"
-                class="cursor-pointer"
-                @click.stop="addColumnDropdown = true"
-              >
-                <a-dropdown v-model:visible="addColumnDropdown" :trigger="['click']">
-                  <div class="h-full w-[60px] flex items-center justify-center">
-                    <MdiPlus class="text-sm nc-column-add" />
+                    <span class="flex-1" />
                   </div>
+                </template>
+                <template v-else>
+                  <div class="text-gray-500">#</div>
+                </template>
+              </div>
+            </th>
+            <th
+              v-for="col in fields"
+              :key="col.title"
+              v-xc-ver-resize
+              :data-col="col.id"
+              :data-title="col.title"
+              @xcresize="onresize(col.id, $event)"
+              @xcresizing="onXcResizing(col.title, $event)"
+              @xcresized="resizingCol = null"
+            >
+              <div class="w-full h-full bg-gray-100 flex items-center">
+                <SmartsheetHeaderVirtualCell v-if="isVirtualCol(col)" :column="col" :hide-menu="readOnly" />
+
+                <SmartsheetHeaderCell v-else :column="col" :hide-menu="readOnly" />
+              </div>
+            </th>
+            <th
+              v-if="!readOnly && !isLocked && isUIAllowed('add-column') && !isSqlView"
+              v-t="['c:column:add']"
+              class="cursor-pointer"
+              @click.stop="addColumnDropdown = true"
+            >
+              <a-dropdown v-model:visible="addColumnDropdown" :trigger="['click']">
+                <div class="h-full w-[60px] flex items-center justify-center">
+                  <MdiPlus class="text-sm nc-column-add" />
+                </div>
 
-                  <template #overlay>
-                    <SmartsheetColumnEditOrAddProvider
-                      v-if="addColumnDropdown"
-                      @submit="addColumnDropdown = false"
-                      @cancel="addColumnDropdown = false"
-                      @click.stop
-                      @keydown.stop
-                    />
-                  </template>
-                </a-dropdown>
-              </th>
-            </tr>
+                <template #overlay>
+                  <SmartsheetColumnEditOrAddProvider
+                    v-if="addColumnDropdown"
+                    @submit="addColumnDropdown = false"
+                    @cancel="addColumnDropdown = false"
+                    @click.stop
+                    @keydown.stop
+                  />
+                </template>
+              </a-dropdown>
+            </th>
+          </tr>
           </thead>
           <tbody>
-            <SmartsheetRow v-for="(row, rowIndex) of data" :key="rowIndex" :row="row">
-              <template #default="{ state }">
-                <tr class="nc-grid-row">
-                  <td key="row-index" class="caption nc-grid-cell pl-5 pr-1">
-                    <div class="items-center flex gap-1 min-w-[55px]">
-                      <div
-                        v-if="!readOnly || !isLocked"
-                        class="nc-row-no text-xs text-gray-500"
-                        :class="{ toggle: !readOnly, hidden: row.rowMeta.selected }"
-                      >
-                        {{ rowIndex + 1 }}
-                      </div>
-                      <div
-                        v-if="!readOnly"
-                        :class="{ hidden: !row.rowMeta.selected, flex: row.rowMeta.selected }"
-                        class="nc-row-expand-and-checkbox"
-                      >
-                        <a-checkbox v-model:checked="row.rowMeta.selected" />
-                      </div>
-                      <span class="flex-1" />
-                      <div v-if="!readOnly && !isLocked" class="nc-expand" :class="{ 'nc-comment': row.rowMeta?.commentCount }">
+          <SmartsheetRow v-for="(row, rowIndex) of data" :key="rowIndex" :row="row">
+            <template #default="{ state }">
+              <tr class="nc-grid-row">
+                <td key="row-index" class="caption nc-grid-cell pl-5 pr-1">
+                  <div class="items-center flex gap-1 min-w-[55px]">
+                    <div
+                      v-if="!readOnly || !isLocked"
+                      class="nc-row-no text-xs text-gray-500"
+                      :class="{ toggle: !readOnly, hidden: row.rowMeta.selected }"
+                    >
+                      {{ rowIndex + 1 }}
+                    </div>
+                    <div
+                      v-if="!readOnly"
+                      :class="{ hidden: !row.rowMeta.selected, flex: row.rowMeta.selected }"
+                      class="nc-row-expand-and-checkbox"
+                    >
+                      <a-checkbox v-model:checked="row.rowMeta.selected" />
+                    </div>
+                    <span class="flex-1" />
+                    <div v-if="!readOnly && !isLocked" class="nc-expand"
+                         :class="{ 'nc-comment': row.rowMeta?.commentCount }">
                         <span
                           v-if="row.rowMeta?.commentCount"
                           class="py-1 px-3 rounded-full text-xs cursor-pointer select-none transform hover:(scale-110)"
@@ -428,87 +448,87 @@ const showContextMenu = (e: MouseEvent, target?: { row: number; col: number }) =
                         >
                           {{ row.rowMeta.commentCount }}
                         </span>
-                        <div
-                          v-else
-                          class="cursor-pointer flex items-center border-1 active:ring rounded p-1 hover:(bg-primary bg-opacity-10)"
-                        >
-                          <MdiArrowExpand
-                            v-t="['c:row-expand']"
-                            class="select-none transform hover:(text-accent scale-120) nc-row-expand"
-                            @click="expandForm(row, state)"
-                          />
-                        </div>
+                      <div
+                        v-else
+                        class="cursor-pointer flex items-center border-1 active:ring rounded p-1 hover:(bg-primary bg-opacity-10)"
+                      >
+                        <MdiArrowExpand
+                          v-t="['c:row-expand']"
+                          class="select-none transform hover:(text-accent scale-120) nc-row-expand"
+                          @click="expandForm(row, state)"
+                        />
                       </div>
                     </div>
-                  </td>
-                  <td
-                    v-for="(columnObj, colIndex) of fields"
-                    :ref="cellRefs.set"
-                    :key="columnObj.id"
-                    class="cell relative cursor-pointer nc-grid-cell"
-                    :class="{
+                  </div>
+                </td>
+                <td
+                  v-for="(columnObj, colIndex) of fields"
+                  :ref="cellRefs.set"
+                  :key="columnObj.id"
+                  class="cell relative cursor-pointer nc-grid-cell"
+                  :class="{
                       active: isUIAllowed('xcDatatableEditable') && selected.col === colIndex && selected.row === rowIndex,
                     }"
-                    :data-key="rowIndex + columnObj.id"
-                    :data-col="columnObj.id"
-                    :data-title="columnObj.title"
-                    @click="selectCell(rowIndex, colIndex)"
-                    @dblclick="makeEditable(row, columnObj)"
-                    @contextmenu="showContextMenu($event, { row: rowIndex, col: colIndex })"
-                  >
-                    <div class="w-full h-full">
-                      <SmartsheetVirtualCell
-                        v-if="isVirtualCol(columnObj)"
-                        v-model="row.row[columnObj.title]"
-                        :column="columnObj"
-                        :active="selected.col === colIndex && selected.row === rowIndex"
-                        :row="row"
-                        @navigate="onNavigate"
-                      />
-
-                      <SmartsheetCell
-                        v-else
-                        v-model="row.row[columnObj.title]"
-                        :column="columnObj"
-                        :edit-enabled="
+                  :data-key="rowIndex + columnObj.id"
+                  :data-col="columnObj.id"
+                  :data-title="columnObj.title"
+                  @click="selectCell(rowIndex, colIndex)"
+                  @dblclick="makeEditable(row, columnObj)"
+                  @contextmenu="showContextMenu($event, { row: rowIndex, col: colIndex })"
+                >
+                  <div class="w-full h-full">
+                    <SmartsheetVirtualCell
+                      v-if="isVirtualCol(columnObj)"
+                      v-model="row.row[columnObj.title]"
+                      :column="columnObj"
+                      :active="selected.col === colIndex && selected.row === rowIndex"
+                      :row="row"
+                      @navigate="onNavigate"
+                    />
+
+                    <SmartsheetCell
+                      v-else
+                      v-model="row.row[columnObj.title]"
+                      :column="columnObj"
+                      :edit-enabled="
                           isUIAllowed('xcDatatableEditable') &&
                           editEnabled &&
                           selected.col === colIndex &&
                           selected.row === rowIndex
                         "
-                        :row-index="rowIndex"
-                        :active="selected.col === colIndex && selected.row === rowIndex"
-                        @update:edit-enabled="editEnabled = false"
-                        @save="updateOrSaveRow(row, columnObj.title)"
-                        @navigate="onNavigate"
-                        @cancel="editEnabled = false"
-                      />
-                    </div>
-                  </td>
-                </tr>
-              </template>
-            </SmartsheetRow>
-
-            <!--
-      TODO: add relationType !== 'bt' ?
-      v1: <tr v-if="!isView && !isLocked && !isPublicView && isEditable && relationType !== 'bt'">
-    -->
-            <tr v-if="!isView && !isLocked && isUIAllowed('xcDatatableEditable') && !isSqlView">
-              <td
-                v-t="['c:row:add:grid-bottom']"
-                :colspan="visibleColLength + 1"
-                class="text-left pointer nc-grid-add-new-cell cursor-pointer"
-                @click="addEmptyRow()"
-              >
-                <div class="px-2 w-full flex items-center text-gray-500">
-                  <MdiPlus class="text-pint-500 text-xs ml-2 text-primary" />
-
-                  <span class="ml-1">
+                      :row-index="rowIndex"
+                      :active="selected.col === colIndex && selected.row === rowIndex"
+                      @update:edit-enabled="editEnabled = false"
+                      @save="updateOrSaveRow(row, columnObj.title)"
+                      @navigate="onNavigate"
+                      @cancel="editEnabled = false"
+                    />
+                  </div>
+                </td>
+              </tr>
+            </template>
+          </SmartsheetRow>
+
+          <!--
+    TODO: add relationType !== 'bt' ?
+    v1: <tr v-if="!isView && !isLocked && !isPublicView && isEditable && relationType !== 'bt'">
+  -->
+          <tr v-if="!isView && !isLocked && isUIAllowed('xcDatatableEditable') && !isSqlView">
+            <td
+              v-t="['c:row:add:grid-bottom']"
+              :colspan="visibleColLength + 1"
+              class="text-left pointer nc-grid-add-new-cell cursor-pointer"
+              @click="addEmptyRow()"
+            >
+              <div class="px-2 w-full flex items-center text-gray-500">
+                <MdiPlus class="text-pint-500 text-xs ml-2 text-primary" />
+
+                <span class="ml-1">
                     {{ $t('activity.addRow') }}
                   </span>
-                </div>
-              </td>
-            </tr>
+              </div>
+            </td>
+          </tr>
           </tbody>
         </table>
 
diff --git a/packages/nc-gui/components/smartsheet/Row.vue b/packages/nc-gui/components/smartsheet/Row.vue
index 7703ea531b..ac65f7f354 100644
--- a/packages/nc-gui/components/smartsheet/Row.vue
+++ b/packages/nc-gui/components/smartsheet/Row.vue
@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import type { Row } from '~/composables'
-import { useProvideSmartsheetRowStore, useSmartsheetStoreOrThrow } from '#imports'
-import { ReloadRowDataHookInj } from '~/context'
+import { ReloadRowDataHookInj, useProvideSmartsheetRowStore, useSmartsheetStoreOrThrow } from '#imports'
 
 interface Props {
   row: Row
diff --git a/packages/nc-gui/components/tabs/Smartsheet.vue b/packages/nc-gui/components/tabs/Smartsheet.vue
index 06b8314a9d..4443b12bf1 100644
--- a/packages/nc-gui/components/tabs/Smartsheet.vue
+++ b/packages/nc-gui/components/tabs/Smartsheet.vue
@@ -21,6 +21,11 @@ import {
 
 import type { TabItem } from '~/composables'
 
+
+const { activeTab } = defineProps<{
+  activeTab: TabItem
+}>()
+
 const { metas } = useMetas()
 
 const activeView = ref()
@@ -29,11 +34,15 @@ const el = ref<typeof SmartsheetGrid>()
 
 const fields = ref<ColumnType[]>([])
 
-const tabMeta = inject(
+// const tabMeta = inject(
+//   TabMetaInj,
+//   computed(() => ({} as TabItem)),
+// )
+provide(
   TabMetaInj,
-  computed(() => ({} as TabItem)),
+  ref(activeTab),
 )
-const meta = computed<TableType>(() => metas.value?.[tabMeta?.value?.id as string])
+const meta = computed<TableType>(() => metas.value?.[activeTab?.id as string])
 
 const reloadEventHook = createEventHook<void>()
 const openNewRecordFormHook = createEventHook<void>()
diff --git a/packages/nc-gui/composables/useSmartsheetRowStore.ts b/packages/nc-gui/composables/useSmartsheetRowStore.ts
index b864971d00..191f578ca2 100644
--- a/packages/nc-gui/composables/useSmartsheetRowStore.ts
+++ b/packages/nc-gui/composables/useSmartsheetRowStore.ts
@@ -29,6 +29,8 @@ const [useProvideSmartsheetRowStore, useSmartsheetRowStore] = useInjectionState(
 
   const { metas } = useMetas()
 
+  const currentRow = ref(row)
+
   // state
   const state = ref<Record<string, Record<string, any> | Record<string, any>[] | null>>({})
 
@@ -132,6 +134,7 @@ const [useProvideSmartsheetRowStore, useSmartsheetRowStore] = useInjectionState(
     removeLTARRef,
     syncLTARRefs,
     loadRow,
+    currentRow
   }
 }, 'smartsheet-row-store')
 
diff --git a/packages/nc-gui/composables/useViewData.ts b/packages/nc-gui/composables/useViewData.ts
index 2b5c3f43a8..ea9b367e34 100644
--- a/packages/nc-gui/composables/useViewData.ts
+++ b/packages/nc-gui/composables/useViewData.ts
@@ -28,6 +28,7 @@ export interface Row {
     new?: boolean
     selected?: boolean
     commentCount?: number
+    changed?: boolean
   }
 }
 
@@ -166,12 +167,12 @@ export function useViewData(
     if ((!project?.value?.id || !meta?.value?.id || !viewMeta?.value?.id) && !isPublic.value) return
     const response = !isPublic.value
       ? await api.dbViewRow.list('noco', project.value.id!, meta!.value.id!, viewMeta!.value.id, {
-          ...queryParams.value,
-          ...params,
-          ...(isUIAllowed('sortSync') ? {} : { sortArrJson: JSON.stringify(sorts.value) }),
-          ...(isUIAllowed('filterSync') ? {} : { filterArrJson: JSON.stringify(nestedFilters.value) }),
-          where: where?.value,
-        })
+        ...queryParams.value,
+        ...params,
+        ...(isUIAllowed('sortSync') ? {} : { sortArrJson: JSON.stringify(sorts.value) }),
+        ...(isUIAllowed('filterSync') ? {} : { filterArrJson: JSON.stringify(nestedFilters.value) }),
+        where: where?.value,
+      })
       : await fetchSharedViewData()
     formattedData.value = formatData(response.list)
     paginationData.value = response.pageInfo
@@ -210,6 +211,7 @@ export function useViewData(
       await syncCount()
       return insertedData
     } catch (error: any) {
+      console.log(error)
       message.error(await extractSdkResponseErrorMsg(error))
     }
   }
@@ -241,7 +243,8 @@ export function useViewData(
           value: getHTMLEncodedText(toUpdate.row[property]),
           prev_value: getHTMLEncodedText(toUpdate.oldRow[property]),
         })
-        .then(() => {})
+        .then(() => {
+        })
 
       /** update row data(to sync formula and other related columns) */
       Object.assign(toUpdate.row, updatedRowData)
@@ -267,7 +270,7 @@ export function useViewData(
 
   async function deleteRowById(id: string) {
     if (!id) {
-      throw new Error("Delete not allowed for table which doesn't have primary Key")
+      throw new Error('Delete not allowed for table which doesn\'t have primary Key')
     }
 
     const res: any = await $api.dbViewRow.delete(
@@ -280,11 +283,9 @@ export function useViewData(
 
     if (res.message) {
       message.info(
-        `Row delete failed: ${h('div', {
-          innerHTML: `<div style="padding:10px 4px">Unable to delete row with ID ${id} because of the following:
-              <br><br>${res.message.join('<br>')}<br><br>
-              Clear the data first & try again</div>`,
-        })}`,
+        `Row delete failed: ${`Unable to delete row with ID ${id} because of the following:
+              \n${res.message.join('\n')}.\n
+              Clear the data first & try again`})}`,
       )
       return false
     }
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue
index 8aac5c92b7..ce973167a6 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue
@@ -1,8 +1,16 @@
 <script setup lang="ts">
+import { TabItem } from '~/composables'
+import { TabMetaInj } from '~/context'
+
 const { getMeta } = useMetas()
 const route = useRoute()
 const loading = ref(true)
 
+const activeTab = inject(
+  TabMetaInj,
+  computed(() => ({} as TabItem)),
+)
+
 getMeta(route.params.title as string, true).finally(() => {
   loading.value = false
 })
@@ -12,7 +20,7 @@ getMeta(route.params.title as string, true).finally(() => {
   <div v-if="loading" class="flex items-center justify-center h-full w-full">
     <a-spin size="large" />
   </div>
-  <TabsSmartsheet v-else />
+  <TabsSmartsheet :active-tab="activeTab" :key="route.params.title" v-else />
 </template>
 
 <style scoped></style>

From f54b3778627931eab206321e1dfa50e0e7970137 Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Sat, 10 Sep 2022 22:56:49 +0530
Subject: [PATCH 18/52] feat: search option for LTAR child table

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 .../LinkedToAnotherRecordOptions.vue            | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet-column/LinkedToAnotherRecordOptions.vue b/packages/nc-gui/components/smartsheet-column/LinkedToAnotherRecordOptions.vue
index e0711a6fae..2e34a50a2c 100644
--- a/packages/nc-gui/components/smartsheet-column/LinkedToAnotherRecordOptions.vue
+++ b/packages/nc-gui/components/smartsheet-column/LinkedToAnotherRecordOptions.vue
@@ -52,15 +52,24 @@ const refTables = $computed(() => {
 <template>
   <div class="w-full flex flex-col mb-2 mt-4">
     <div class="border-2 p-6">
-      <a-form-item v-bind="validateInfos.type">
+      <a-form-item v-bind="validateInfos.type" class="nc-ltar-relation-type">
         <a-radio-group v-model:value="vModel.type" name="type" v-bind="validateInfos.type">
           <a-radio value="hm">Has Many</a-radio>
           <a-radio value="mm">Many To Many</a-radio>
         </a-radio-group>
       </a-form-item>
-      <a-form-item class="flex w-full pb-2 mt-4" :label="$t('labels.childTable')" v-bind="validateInfos.childId">
-        <a-select v-model:value="vModel.childId" @change="onDataTypeChange">
-          <a-select-option v-for="(table, index) in refTables" :key="index" :value="table.id">
+      <a-form-item
+        class="flex w-full pb-2 mt-4 nc-ltar-child-table"
+        :label="$t('labels.childTable')"
+        v-bind="validateInfos.childId"
+      >
+        <a-select
+          v-model:value="vModel.childId"
+          show-search
+          :filter-option="(value, option) => option.key.toLowerCase().includes(value.toLowerCase())"
+          @change="onDataTypeChange"
+        >
+          <a-select-option v-for="table in refTables" :key="table.title" :value="table.id">
             {{ table.title }}
           </a-select-option>
         </a-select>

From 08e1db23fd3d40dbb0c906a5d12137444e9434aa Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 9 Sep 2022 17:01:57 +0530
Subject: [PATCH 19/52] fix(gui): after save maintain the relation data in
 expanded-form

re #3566

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../smartsheet/expanded-form/Header.vue       |  5 ++--
 .../smartsheet/expanded-form/index.vue        | 25 +++----------------
 .../composables/useExpandedFormStore.ts       | 17 +++++++++++++
 3 files changed, 23 insertions(+), 24 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
index b215fd4a47..0ef3fe57b0 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
@@ -5,7 +5,7 @@ const emit = defineEmits(['cancel'])
 
 const { meta, isSqlView } = useSmartsheetStoreOrThrow()
 
-const { commentsDrawer, primaryValue, save: _save } = useExpandedFormStoreOrThrow()
+const { commentsDrawer, primaryValue, save: _save, loadRow } = useExpandedFormStoreOrThrow()
 
 const { isNew, syncLTARRefs } = useSmartsheetRowStoreOrThrow()
 
@@ -15,6 +15,7 @@ const save = async () => {
   if (isNew.value) {
     const data = await _save()
     await syncLTARRefs(data)
+    await loadRow()
   } else {
     await _save()
   }
@@ -46,7 +47,7 @@ const iconColor = '#1890ff'
       <template #title>
         <div class="text-center w-full">{{ $t('general.reload') }}</div>
       </template>
-      <mdi-reload class="cursor-pointer select-none text-gray-500" />
+      <mdi-reload class="cursor-pointer select-none text-gray-500" @click="loadRow" />
     </a-tooltip>
     <a-tooltip v-if="!isSqlView" placement="bottom">
       <!--      Toggle comments draw -->
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index be6aba144d..7badc55815 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ColumnType, TableType, ViewType } from 'nocodb-sdk'
+import type { TableType, ViewType } from 'nocodb-sdk'
 import { isSystemColumn, isVirtualCol } from 'nocodb-sdk'
 import type { Ref } from 'vue'
 import Cell from '../Cell.vue'
@@ -10,14 +10,10 @@ import {
   FieldsInj,
   IsFormInj,
   MetaInj,
-  NOCO,
   computedInject,
-  extractPkFromRow,
   provide,
   ref,
   toRef,
-  useNuxtApp,
-  useProject,
   useProvideExpandedFormStore,
   useProvideSmartsheetStore,
   useVModel,
@@ -53,25 +49,10 @@ const fields = computedInject(FieldsInj, (_fields) => {
 
 provide(MetaInj, meta)
 
-const { commentsDrawer, changedColumns, state: rowState, isNew } = useProvideExpandedFormStore(meta, row)
-
-const { $api } = useNuxtApp()
+const { commentsDrawer, changedColumns, state: rowState, isNew, loadRow } = useProvideExpandedFormStore(meta, row)
 
 if (props.loadRow) {
-  const { project } = useProject()
-
-  const { sharedView } = useSharedView() as Record<string, any>
-
-  row.value.row = await $api.dbTableRow.read(
-    NOCO,
-    (project?.value?.id || sharedView.value.view.project_id) as string,
-    meta.value.title,
-    extractPkFromRow(row.value.row, meta.value.columns as ColumnType[]),
-  )
-
-  row.value.oldRow = { ...row.value.row }
-
-  row.value.rowMeta = {}
+  await loadRow()
 }
 
 useProvideSmartsheetStore(ref({}) as Ref<ViewType>, meta)
diff --git a/packages/nc-gui/composables/useExpandedFormStore.ts b/packages/nc-gui/composables/useExpandedFormStore.ts
index c8c8b29102..b6664cf0a3 100644
--- a/packages/nc-gui/composables/useExpandedFormStore.ts
+++ b/packages/nc-gui/composables/useExpandedFormStore.ts
@@ -29,6 +29,8 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
   const changedColumns = ref(new Set<string>())
   const { project } = useProject()
   const rowStore = useProvideSmartsheetRowStore(meta, row)
+  const { sharedView } = useSharedView() as Record<string, any>
+
   // todo
   // const activeView = inject(ActiveViewInj)
 
@@ -174,6 +176,20 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
     return data
   }
 
+  const loadRow = async () => {
+    const record = await $api.dbTableRow.read(
+      NOCO,
+      (project?.value?.id || sharedView.value.view.project_id) as string,
+      meta.value.title,
+      extractPkFromRow(row.value.row, meta.value.columns as ColumnType[]),
+    )
+    Object.assign(row.value, {
+      row: record,
+      oldRow: { ...record },
+      rowMeta: {},
+    })
+  }
+
   return {
     ...rowStore,
     commentsOnly,
@@ -189,6 +205,7 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
     primaryValue,
     save,
     changedColumns,
+    loadRow,
   }
 }, 'expanded-form-store')
 

From cbf6cc567fc9522c7705724d7e6ae1eb0926f94d Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 9 Sep 2022 18:55:14 +0530
Subject: [PATCH 20/52] fix(gui): on updating/saving in nested level
 expanded-form reload all ancestor level data

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../components/smartsheet/expanded-form/index.vue    | 12 ++++++++++++
 packages/nc-gui/composables/useExpandedFormStore.ts  |  2 ++
 2 files changed, 14 insertions(+)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index 7badc55815..9c99a9882b 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -79,6 +79,18 @@ const onClose = () => {
   if (row.value?.rowMeta?.new) emits('cancel')
   isExpanded.value = false
 }
+
+// override reload trigger and use it to reload grid and the form itself
+const reloadTrigger = inject(ReloadViewDataHookInj)!
+
+const reloadHook = createEventHook()
+
+reloadHook.on(() => {
+  loadRow()
+  reloadTrigger?.trigger()
+})
+
+provide(ReloadViewDataHookInj, reloadHook)
 </script>
 
 <script lang="ts">
diff --git a/packages/nc-gui/composables/useExpandedFormStore.ts b/packages/nc-gui/composables/useExpandedFormStore.ts
index b6664cf0a3..b45dd1b501 100644
--- a/packages/nc-gui/composables/useExpandedFormStore.ts
+++ b/packages/nc-gui/composables/useExpandedFormStore.ts
@@ -30,6 +30,7 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
   const { project } = useProject()
   const rowStore = useProvideSmartsheetRowStore(meta, row)
   const { sharedView } = useSharedView() as Record<string, any>
+  const reloadTrigger = inject(ReloadViewDataHookInj)!
 
   // todo
   // const activeView = inject(ActiveViewInj)
@@ -169,6 +170,7 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
       message.success(`${primaryValue.value || 'Row'} updated successfully.`)
 
       changedColumns.value = new Set()
+      reloadTrigger?.trigger()
     } catch (e: any) {
       message.error(`${t('msg.error.rowUpdateFailed')}: ${await extractSdkResponseErrorMsg(e)}`)
     }

From 1cb3b051140c6a999fec16028a66db902679c433 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 9 Sep 2022 23:16:45 +0530
Subject: [PATCH 21/52] fix(gui): avoid linking if new record

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/smartsheet/expanded-form/Header.vue     | 4 +++-
 packages/nc-gui/components/smartsheet/expanded-form/index.vue | 1 +
 .../nc-gui/components/virtual-cell/components/ListItems.vue   | 1 +
 packages/nc-gui/composables/useExpandedFormStore.ts           | 2 --
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
index 0ef3fe57b0..cf42db3df6 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
@@ -11,11 +11,13 @@ const { isNew, syncLTARRefs } = useSmartsheetRowStoreOrThrow()
 
 const { isUIAllowed } = useUIPermission()
 
+const reloadTrigger = inject(ReloadViewDataHookInj)!
+
 const save = async () => {
   if (isNew.value) {
     const data = await _save()
     await syncLTARRefs(data)
-    await loadRow()
+    reloadTrigger?.trigger()
   } else {
     await _save()
   }
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index 9c99a9882b..b05a37c9a3 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -86,6 +86,7 @@ const reloadTrigger = inject(ReloadViewDataHookInj)!
 const reloadHook = createEventHook()
 
 reloadHook.on(() => {
+  if (isNew.value) return
   loadRow()
   reloadTrigger?.trigger()
 })
diff --git a/packages/nc-gui/components/virtual-cell/components/ListItems.vue b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
index e6fdb82f5c..d0295fc950 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
@@ -64,6 +64,7 @@ const expandedFormDlg = ref(false)
 
 /** populate initial state for a new row which is parent/child of current record */
 const newRowState = computed(() => {
+  if(isNew.value) return  {}
   const colOpt = (column?.value as ColumnType)?.colOptions as LinkToAnotherRecordType
   const colInRelatedTable: ColumnType | undefined = relatedTableMeta?.value?.columns?.find((col) => {
     if (col.uidt !== UITypes.LinkToAnotherRecord) return false
diff --git a/packages/nc-gui/composables/useExpandedFormStore.ts b/packages/nc-gui/composables/useExpandedFormStore.ts
index b45dd1b501..b6664cf0a3 100644
--- a/packages/nc-gui/composables/useExpandedFormStore.ts
+++ b/packages/nc-gui/composables/useExpandedFormStore.ts
@@ -30,7 +30,6 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
   const { project } = useProject()
   const rowStore = useProvideSmartsheetRowStore(meta, row)
   const { sharedView } = useSharedView() as Record<string, any>
-  const reloadTrigger = inject(ReloadViewDataHookInj)!
 
   // todo
   // const activeView = inject(ActiveViewInj)
@@ -170,7 +169,6 @@ const [useProvideExpandedFormStore, useExpandedFormStore] = useInjectionState((m
       message.success(`${primaryValue.value || 'Row'} updated successfully.`)
 
       changedColumns.value = new Set()
-      reloadTrigger?.trigger()
     } catch (e: any) {
       message.error(`${t('msg.error.rowUpdateFailed')}: ${await extractSdkResponseErrorMsg(e)}`)
     }

From 0e52eaff88e3b7d9b1f93f816accc50bcba76a52 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 10 Sep 2022 00:12:58 +0530
Subject: [PATCH 22/52] wip: reload only the related row

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/smartsheet/Row.vue   | 13 ++++++++++++-
 .../smartsheet/expanded-form/index.vue          |  9 +++++----
 .../components/virtual-cell/BelongsTo.vue       |  6 +++---
 .../nc-gui/components/virtual-cell/HasMany.vue  |  6 +++---
 .../components/virtual-cell/ManyToMany.vue      |  6 +++---
 .../nc-gui/composables/useSmartsheetRowStore.ts | 17 ++++++++++++++++-
 packages/nc-gui/context/index.ts                |  1 +
 7 files changed, 43 insertions(+), 15 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Row.vue b/packages/nc-gui/components/smartsheet/Row.vue
index efeea50ef1..e4c575d44b 100644
--- a/packages/nc-gui/components/smartsheet/Row.vue
+++ b/packages/nc-gui/components/smartsheet/Row.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { Row } from '~/composables'
 import { useProvideSmartsheetRowStore, useSmartsheetStoreOrThrow } from '#imports'
+import { ReloadRowDataHookInj, ReloadViewDataHookInj } from '~/context'
 
 interface Props {
   row: Row
@@ -10,7 +11,7 @@ const props = defineProps<Props>()
 const currentRow = toRef(props, 'row')
 
 const { meta } = useSmartsheetStoreOrThrow()
-const { isNew, state, syncLTARRefs } = useProvideSmartsheetRowStore(meta, currentRow)
+const { isNew, state, syncLTARRefs, loadRow } = useProvideSmartsheetRowStore(meta, currentRow)
 
 // on changing isNew(new record insert) status sync LTAR cell values
 watch(isNew, async (nextVal, prevVal) => {
@@ -21,6 +22,16 @@ watch(isNew, async (nextVal, prevVal) => {
     currentRow.value.oldRow = { ...currentRow.value.row, ...state.value }
   }
 })
+
+// override reload trigger and use it to reload row
+const reloadHook = createEventHook()
+
+reloadHook.on(() => {
+  if (isNew.value) return
+  loadRow()
+})
+
+provide(ReloadRowDataHookInj, reloadHook)
 </script>
 
 <template>
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index b05a37c9a3..146bdc00f3 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -2,6 +2,7 @@
 import type { TableType, ViewType } from 'nocodb-sdk'
 import { isSystemColumn, isVirtualCol } from 'nocodb-sdk'
 import type { Ref } from 'vue'
+import { ReloadRowDataHookInj } from '~/context'
 import Cell from '../Cell.vue'
 import VirtualCell from '../VirtualCell.vue'
 import Comments from './Comments.vue'
@@ -80,18 +81,18 @@ const onClose = () => {
   isExpanded.value = false
 }
 
-// override reload trigger and use it to reload grid and the form itself
-const reloadTrigger = inject(ReloadViewDataHookInj)!
+const reloadParentRowHook = inject(ReloadRowDataHookInj, createEventHook())
 
+// override reload trigger and use it to reload grid and the form itself
 const reloadHook = createEventHook()
 
 reloadHook.on(() => {
   if (isNew.value) return
   loadRow()
-  reloadTrigger?.trigger()
+  reloadParentRowHook?.trigger()
 })
 
-provide(ReloadViewDataHookInj, reloadHook)
+provide(ReloadRowDataHookInj, reloadHook)
 </script>
 
 <script lang="ts">
diff --git a/packages/nc-gui/components/virtual-cell/BelongsTo.vue b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
index 2358ca6d79..3679c7d2ab 100644
--- a/packages/nc-gui/components/virtual-cell/BelongsTo.vue
+++ b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
@@ -6,7 +6,7 @@ import {
   CellValueInj,
   ColumnInj,
   ReadonlyInj,
-  ReloadViewDataHookInj,
+  ReloadRowDataHookInj,
   RowInj,
   defineAsyncComponent,
   inject,
@@ -24,7 +24,7 @@ const ListItems = defineAsyncComponent(() => import('./components/ListItems.vue'
 
 const column = inject(ColumnInj)!
 
-const reloadTrigger = inject(ReloadViewDataHookInj)!
+const reloadRowTrigger = inject(ReloadRowDataHookInj)!
 
 const cellValue = inject(CellValueInj, ref<any>(null))
 
@@ -48,7 +48,7 @@ const { loadRelatedTableMeta, relatedTablePrimaryValueProp, unlink } = useProvid
   column as Ref<Required<ColumnType>>,
   row,
   isNew,
-  reloadTrigger.trigger,
+  reloadRowTrigger.trigger,
 )
 
 await loadRelatedTableMeta()
diff --git a/packages/nc-gui/components/virtual-cell/HasMany.vue b/packages/nc-gui/components/virtual-cell/HasMany.vue
index 1bad20b077..f046f8c9bc 100644
--- a/packages/nc-gui/components/virtual-cell/HasMany.vue
+++ b/packages/nc-gui/components/virtual-cell/HasMany.vue
@@ -7,7 +7,7 @@ import {
   IsFormInj,
   IsLockedInj,
   ReadonlyInj,
-  ReloadViewDataHookInj,
+  ReloadRowDataHookInj,
   RowInj,
   computed,
   defineAsyncComponent,
@@ -30,7 +30,7 @@ const cellValue = inject(CellValueInj)!
 
 const row = inject(RowInj)!
 
-const reloadTrigger = inject(ReloadViewDataHookInj)!
+const reloadRowTrigger = inject(ReloadRowDataHookInj)!
 
 const isForm = inject(IsFormInj)
 
@@ -50,7 +50,7 @@ const { loadRelatedTableMeta, relatedTablePrimaryValueProp, unlink } = useProvid
   column as Ref<Required<ColumnType>>,
   row,
   isNew,
-  reloadTrigger.trigger,
+  reloadRowTrigger.trigger,
 )
 await loadRelatedTableMeta()
 
diff --git a/packages/nc-gui/components/virtual-cell/ManyToMany.vue b/packages/nc-gui/components/virtual-cell/ManyToMany.vue
index 47febc5caa..767355129f 100644
--- a/packages/nc-gui/components/virtual-cell/ManyToMany.vue
+++ b/packages/nc-gui/components/virtual-cell/ManyToMany.vue
@@ -7,7 +7,7 @@ import {
   IsFormInj,
   IsLockedInj,
   ReadonlyInj,
-  ReloadViewDataHookInj,
+  ReloadRowDataHookInj,
   RowInj,
   computed,
   inject,
@@ -29,7 +29,7 @@ const row = inject(RowInj)!
 
 const cellValue = inject(CellValueInj)!
 
-const reloadTrigger = inject(ReloadViewDataHookInj)!
+const reloadRowTrigger = inject(ReloadRowDataHookInj)!
 
 const isForm = inject(IsFormInj)
 
@@ -48,7 +48,7 @@ const { loadRelatedTableMeta, relatedTablePrimaryValueProp, unlink } = useProvid
   column as Ref<Required<ColumnType>>,
   row,
   isNew,
-  reloadTrigger.trigger,
+  reloadRowTrigger.trigger,
 )
 
 await loadRelatedTableMeta()
diff --git a/packages/nc-gui/composables/useSmartsheetRowStore.ts b/packages/nc-gui/composables/useSmartsheetRowStore.ts
index e4f0ea02f0..7967863ecc 100644
--- a/packages/nc-gui/composables/useSmartsheetRowStore.ts
+++ b/packages/nc-gui/composables/useSmartsheetRowStore.ts
@@ -109,6 +109,21 @@ const [useProvideSmartsheetRowStore, useSmartsheetRowStore] = useInjectionState(
     }
   }
 
+
+  const loadRow = async () => {
+    const record = await $api.dbTableRow.read(
+      NOCO,
+      (project?.value?.id) as string,
+      meta.value.title,
+      extractPkFromRow(ref(row).value?.row, meta.value.columns as ColumnType[]),
+    )
+    Object.assign(ref(row).value, {
+      row: record,
+      oldRow: { ...record },
+      rowMeta: {},
+    })
+  }
+
   return {
     row,
     state,
@@ -116,7 +131,7 @@ const [useProvideSmartsheetRowStore, useSmartsheetRowStore] = useInjectionState(
     // todo: use better name
     addLTARRef,
     removeLTARRef,
-    syncLTARRefs,
+    syncLTARRefs,loadRow
   }
 }, 'smartsheet-row-store')
 
diff --git a/packages/nc-gui/context/index.ts b/packages/nc-gui/context/index.ts
index a2463cfa08..3a08d13944 100644
--- a/packages/nc-gui/context/index.ts
+++ b/packages/nc-gui/context/index.ts
@@ -22,6 +22,7 @@ export const CellValueInj: InjectionKey<Ref<any>> = Symbol('cell-value-injection
 export const ActiveViewInj: InjectionKey<Ref<ViewType>> = Symbol('active-view-injection')
 export const ReadonlyInj: InjectionKey<boolean> = Symbol('readonly-injection')
 export const ReloadViewDataHookInj: InjectionKey<EventHook<void>> = Symbol('reload-view-data-injection')
+export const ReloadRowDataHookInj: InjectionKey<EventHook<void>> = Symbol('reload-row-data-injection')
 export const OpenNewRecordFormHookInj: InjectionKey<EventHook<void>> = Symbol('open-new-record-form-injection')
 export const FieldsInj: InjectionKey<Ref<any[]>> = Symbol('fields-injection')
 export const ViewListInj: InjectionKey<Ref<ViewType[]>> = Symbol('view-list-injection')

From e4c1d7192656d5ce65546e9a9bcbefca16b52316 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 10 Sep 2022 11:44:28 +0530
Subject: [PATCH 23/52] fix(gui): maintain the pagination data on reload

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/smartsheet/Row.vue             | 8 +++++---
 .../nc-gui/components/smartsheet/expanded-form/Header.vue | 4 ++--
 packages/nc-gui/components/virtual-cell/BelongsTo.vue     | 3 ++-
 packages/nc-gui/composables/useViewData.ts                | 4 +++-
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Row.vue b/packages/nc-gui/components/smartsheet/Row.vue
index e4c575d44b..7703ea531b 100644
--- a/packages/nc-gui/components/smartsheet/Row.vue
+++ b/packages/nc-gui/components/smartsheet/Row.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { Row } from '~/composables'
 import { useProvideSmartsheetRowStore, useSmartsheetStoreOrThrow } from '#imports'
-import { ReloadRowDataHookInj, ReloadViewDataHookInj } from '~/context'
+import { ReloadRowDataHookInj } from '~/context'
 
 interface Props {
   row: Row
@@ -11,7 +11,7 @@ const props = defineProps<Props>()
 const currentRow = toRef(props, 'row')
 
 const { meta } = useSmartsheetStoreOrThrow()
-const { isNew, state, syncLTARRefs, loadRow } = useProvideSmartsheetRowStore(meta, currentRow)
+const { isNew, state, syncLTARRefs } = useProvideSmartsheetRowStore(meta, currentRow)
 
 // on changing isNew(new record insert) status sync LTAR cell values
 watch(isNew, async (nextVal, prevVal) => {
@@ -23,12 +23,14 @@ watch(isNew, async (nextVal, prevVal) => {
   }
 })
 
+const reloadViewDataTrigger = inject(ReloadViewDataHookInj)!
+
 // override reload trigger and use it to reload row
 const reloadHook = createEventHook()
 
 reloadHook.on(() => {
   if (isNew.value) return
-  loadRow()
+  reloadViewDataTrigger?.trigger()
 })
 
 provide(ReloadRowDataHookInj, reloadHook)
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
index cf42db3df6..4014b82c05 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useExpandedFormStoreOrThrow, useSmartsheetRowStoreOrThrow, useSmartsheetStoreOrThrow, useUIPermission } from '#imports'
+import { useExpandedFormStoreOrThrow, useSmartsheetRowStoreOrThrow, useSmartsheetStoreOrThrow, useUIPermission, ReloadRowDataHookInj } from '#imports'
 
 const emit = defineEmits(['cancel'])
 
@@ -11,7 +11,7 @@ const { isNew, syncLTARRefs } = useSmartsheetRowStoreOrThrow()
 
 const { isUIAllowed } = useUIPermission()
 
-const reloadTrigger = inject(ReloadViewDataHookInj)!
+const reloadTrigger = inject(ReloadRowDataHookInj)!
 
 const save = async () => {
   if (isNew.value) {
diff --git a/packages/nc-gui/components/virtual-cell/BelongsTo.vue b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
index 3679c7d2ab..42df1a15bb 100644
--- a/packages/nc-gui/components/virtual-cell/BelongsTo.vue
+++ b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { createHook } from 'async_hooks'
 import type { ColumnType } from 'nocodb-sdk'
 import type { Ref } from 'vue'
 import {
@@ -24,7 +25,7 @@ const ListItems = defineAsyncComponent(() => import('./components/ListItems.vue'
 
 const column = inject(ColumnInj)!
 
-const reloadRowTrigger = inject(ReloadRowDataHookInj)!
+const reloadRowTrigger = inject(ReloadRowDataHookInj, createEventHook())!
 
 const cellValue = inject(CellValueInj, ref<any>(null))
 
diff --git a/packages/nc-gui/composables/useViewData.ts b/packages/nc-gui/composables/useViewData.ts
index 05b86d81e8..2b5c3f43a8 100644
--- a/packages/nc-gui/composables/useViewData.ts
+++ b/packages/nc-gui/composables/useViewData.ts
@@ -78,7 +78,7 @@ export function useViewData(
   })
 
   const queryParams = computed(() => ({
-    offset: (paginationData.value?.page ?? 0) - 1,
+    offset: ((paginationData.value?.page ?? 0) - 1) * (paginationData.value?.pageSize ?? 25),
     limit: paginationData.value?.pageSize ?? 25,
     where: where?.value ?? '',
   }))
@@ -162,9 +162,11 @@ export function useViewData(
   }
 
   async function loadData(params: Parameters<Api<any>['dbViewRow']['list']>[4] = {}) {
+    console.log(queryParams.value)
     if ((!project?.value?.id || !meta?.value?.id || !viewMeta?.value?.id) && !isPublic.value) return
     const response = !isPublic.value
       ? await api.dbViewRow.list('noco', project.value.id!, meta!.value.id!, viewMeta!.value.id, {
+          ...queryParams.value,
           ...params,
           ...(isUIAllowed('sortSync') ? {} : { sortArrJson: JSON.stringify(sorts.value) }),
           ...(isUIAllowed('filterSync') ? {} : { filterArrJson: JSON.stringify(nestedFilters.value) }),

From 796b53585512b1418a9c6add767c54ad8a3bc4ac Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 10 Sep 2022 14:57:46 +0530
Subject: [PATCH 24/52] fix(gui): reload LTAR list on value change

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/virtual-cell/HasMany.vue   |  1 +
 .../nc-gui/components/virtual-cell/ManyToMany.vue     |  1 +
 .../virtual-cell/components/ListChildItems.vue        | 11 ++++++++---
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/virtual-cell/HasMany.vue b/packages/nc-gui/components/virtual-cell/HasMany.vue
index f046f8c9bc..730ea8bab9 100644
--- a/packages/nc-gui/components/virtual-cell/HasMany.vue
+++ b/packages/nc-gui/components/virtual-cell/HasMany.vue
@@ -112,6 +112,7 @@ const unlinkRef = async (rec: Record<string, any>) => {
 
     <ListChildItems
       v-model="childListDlg"
+      :cell-value="localCellValue"
       @attach-record="
         () => {
           childListDlg = false
diff --git a/packages/nc-gui/components/virtual-cell/ManyToMany.vue b/packages/nc-gui/components/virtual-cell/ManyToMany.vue
index 767355129f..16b4057f7c 100644
--- a/packages/nc-gui/components/virtual-cell/ManyToMany.vue
+++ b/packages/nc-gui/components/virtual-cell/ManyToMany.vue
@@ -112,6 +112,7 @@ const unlinkRef = async (rec: Record<string, any>) => {
 
     <ListChildItems
       v-model="childListDlg"
+      :cell-value="localCellValue"
       @attach-record="
         () => {
           childListDlg = false
diff --git a/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue b/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
index 8339270602..1ce627d710 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
@@ -13,7 +13,7 @@ import {
 } from '#imports'
 import { IsPublicInj } from '~/context'
 
-const props = defineProps<{ modelValue?: boolean }>()
+const props = defineProps<{ modelValue?: boolean; cellValue: any }>()
 
 const emit = defineEmits(['update:modelValue', 'attachRecord'])
 
@@ -70,13 +70,18 @@ const unlinkIfNewRow = async (row: Record<string, any>) => {
 const container = computed(() =>
   isForm?.value
     ? h('div', {
-        class: 'w-full p-2',
-      })
+      class: 'w-full p-2',
+    })
     : Modal,
 )
 
 const expandedFormDlg = ref(false)
 const expandedFormRow = ref()
+
+watch(() => props.cellValue, () => {
+  if (!isNew.value)
+    loadChildrenList()
+})
 </script>
 
 <template>

From 173b0219d479c269bf2281fa22a33cb68e6d6f11 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 10 Sep 2022 14:58:26 +0530
Subject: [PATCH 25/52] chore(gui): lint

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../components/smartsheet/expanded-form/Header.vue |  8 +++++++-
 .../components/smartsheet/expanded-form/index.vue  |  2 +-
 .../nc-gui/components/virtual-cell/BelongsTo.vue   |  1 -
 .../virtual-cell/components/ListChildItems.vue     | 14 ++++++++------
 .../virtual-cell/components/ListItems.vue          |  2 +-
 .../nc-gui/composables/useSmartsheetRowStore.ts    |  6 +++---
 6 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
index 4014b82c05..11d919963b 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
@@ -1,5 +1,11 @@
 <script lang="ts" setup>
-import { useExpandedFormStoreOrThrow, useSmartsheetRowStoreOrThrow, useSmartsheetStoreOrThrow, useUIPermission, ReloadRowDataHookInj } from '#imports'
+import {
+  ReloadRowDataHookInj,
+  useExpandedFormStoreOrThrow,
+  useSmartsheetRowStoreOrThrow,
+  useSmartsheetStoreOrThrow,
+  useUIPermission,
+} from '#imports'
 
 const emit = defineEmits(['cancel'])
 
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index 146bdc00f3..d8d2879c8b 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -2,11 +2,11 @@
 import type { TableType, ViewType } from 'nocodb-sdk'
 import { isSystemColumn, isVirtualCol } from 'nocodb-sdk'
 import type { Ref } from 'vue'
-import { ReloadRowDataHookInj } from '~/context'
 import Cell from '../Cell.vue'
 import VirtualCell from '../VirtualCell.vue'
 import Comments from './Comments.vue'
 import Header from './Header.vue'
+import { ReloadRowDataHookInj } from '~/context'
 import {
   FieldsInj,
   IsFormInj,
diff --git a/packages/nc-gui/components/virtual-cell/BelongsTo.vue b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
index 42df1a15bb..3cfc1a11c2 100644
--- a/packages/nc-gui/components/virtual-cell/BelongsTo.vue
+++ b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { createHook } from 'async_hooks'
 import type { ColumnType } from 'nocodb-sdk'
 import type { Ref } from 'vue'
 import {
diff --git a/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue b/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
index 1ce627d710..3ab8524bf8 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
@@ -70,18 +70,20 @@ const unlinkIfNewRow = async (row: Record<string, any>) => {
 const container = computed(() =>
   isForm?.value
     ? h('div', {
-      class: 'w-full p-2',
-    })
+        class: 'w-full p-2',
+      })
     : Modal,
 )
 
 const expandedFormDlg = ref(false)
 const expandedFormRow = ref()
 
-watch(() => props.cellValue, () => {
-  if (!isNew.value)
-    loadChildrenList()
-})
+watch(
+  () => props.cellValue,
+  () => {
+    if (!isNew.value) loadChildrenList()
+  },
+)
 </script>
 
 <template>
diff --git a/packages/nc-gui/components/virtual-cell/components/ListItems.vue b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
index d0295fc950..f126e2af15 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
@@ -64,7 +64,7 @@ const expandedFormDlg = ref(false)
 
 /** populate initial state for a new row which is parent/child of current record */
 const newRowState = computed(() => {
-  if(isNew.value) return  {}
+  if (isNew.value) return {}
   const colOpt = (column?.value as ColumnType)?.colOptions as LinkToAnotherRecordType
   const colInRelatedTable: ColumnType | undefined = relatedTableMeta?.value?.columns?.find((col) => {
     if (col.uidt !== UITypes.LinkToAnotherRecord) return false
diff --git a/packages/nc-gui/composables/useSmartsheetRowStore.ts b/packages/nc-gui/composables/useSmartsheetRowStore.ts
index 7967863ecc..b864971d00 100644
--- a/packages/nc-gui/composables/useSmartsheetRowStore.ts
+++ b/packages/nc-gui/composables/useSmartsheetRowStore.ts
@@ -109,11 +109,10 @@ const [useProvideSmartsheetRowStore, useSmartsheetRowStore] = useInjectionState(
     }
   }
 
-
   const loadRow = async () => {
     const record = await $api.dbTableRow.read(
       NOCO,
-      (project?.value?.id) as string,
+      project?.value?.id as string,
       meta.value.title,
       extractPkFromRow(ref(row).value?.row, meta.value.columns as ColumnType[]),
     )
@@ -131,7 +130,8 @@ const [useProvideSmartsheetRowStore, useSmartsheetRowStore] = useInjectionState(
     // todo: use better name
     addLTARRef,
     removeLTARRef,
-    syncLTARRefs,loadRow
+    syncLTARRefs,
+    loadRow,
   }
 }, 'smartsheet-row-store')
 

From 19c3d641d7f9e96ac3f4d5a2ce3fab3cc9fa6fbd Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 10 Sep 2022 15:11:30 +0530
Subject: [PATCH 26/52] chore(gui): reload ancestor data even intermediate
 record is new

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/smartsheet/expanded-form/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index d8d2879c8b..8243cfc9d9 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -87,9 +87,9 @@ const reloadParentRowHook = inject(ReloadRowDataHookInj, createEventHook())
 const reloadHook = createEventHook()
 
 reloadHook.on(() => {
+  reloadParentRowHook?.trigger()
   if (isNew.value) return
   loadRow()
-  reloadParentRowHook?.trigger()
 })
 
 provide(ReloadRowDataHookInj, reloadHook)

From b75a0815d280e3b27fc61339a358f4dfcdd24670 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 10 Sep 2022 15:31:33 +0530
Subject: [PATCH 27/52] fix(gui): close referenced row list modal on adding new

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../virtual-cell/components/ListItems.vue     | 20 ++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/packages/nc-gui/components/virtual-cell/components/ListItems.vue b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
index f126e2af15..9d924e1306 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
@@ -95,6 +95,12 @@ const newRowState = computed(() => {
     }
   }
 })
+
+// if it's an existing record close the list
+// after new record creation since it's already linking while creating
+watch(expandedFormDlg, (nexVal) => {
+  if (!nexVal && !isNew.value) vModel.value = false
+})
 </script>
 
 <template>
@@ -110,9 +116,9 @@ const newRowState = computed(() => {
         <div class="flex-1" />
         <MdiReload class="cursor-pointer text-gray-500 nc-reload" @click="loadChildrenExcludedList" />
         <!--        Add new record -->
-        <a-button v-if="!isPublic" type="primary" size="small" @click="expandedFormDlg = true">{{
-          $t('activity.addNewRecord')
-        }}</a-button>
+        <a-button v-if="!isPublic" type="primary" size="small" @click="expandedFormDlg = true"
+          >{{ $t('activity.addNewRecord') }}
+        </a-button>
       </div>
       <template v-if="childrenExcludedList?.pageInfo?.totalRows">
         <div class="flex-1 overflow-auto min-h-0 scrollbar-thin-dull px-12">
@@ -122,10 +128,10 @@ const newRowState = computed(() => {
             class="!my-4 cursor-pointer hover:(!bg-gray-200/50 shadow-md) group"
             @click="linkRow(refRow)"
           >
-            {{ refRow[relatedTablePrimaryValueProp]
-            }}<span class="hidden group-hover:(inline) text-gray-400 text-[11px] ml-1"
-              >({{ $t('labels.primaryKey') }} : {{ getRelatedTableRowId(refRow) }})</span
-            >
+            {{ refRow[relatedTablePrimaryValueProp] }}
+            <span class="hidden group-hover:(inline) text-gray-400 text-[11px] ml-1">
+              ({{ $t('labels.primaryKey') }} : {{ getRelatedTableRowId(refRow) }})
+            </span>
           </a-card>
         </div>
         <div class="flex justify-center mt-6">

From 1a60fe75da7b0f4517613439ab13fcd4cfbda7c3 Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Sat, 10 Sep 2022 23:27:33 +0530
Subject: [PATCH 28/52] test: CY test for LTAR verification

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 .../common/3f_link_to_another_record.js       | 359 ++++++++++++++++++
 .../cypress/integration/test/restTableOps.js  |   2 +
 2 files changed, 361 insertions(+)
 create mode 100644 scripts/cypress/integration/common/3f_link_to_another_record.js

diff --git a/scripts/cypress/integration/common/3f_link_to_another_record.js b/scripts/cypress/integration/common/3f_link_to_another_record.js
new file mode 100644
index 0000000000..0015743c1d
--- /dev/null
+++ b/scripts/cypress/integration/common/3f_link_to_another_record.js
@@ -0,0 +1,359 @@
+import { mainPage } from "../../support/page_objects/mainPage";
+import { loginPage } from "../../support/page_objects/navigation";
+import { isTestSuiteActive } from "../../support/page_objects/projectConstants";
+
+export const genTest = (apiType, dbType) => {
+  if (!isTestSuiteActive(apiType, dbType)) return;
+
+  describe(`${apiType.toUpperCase()} api - RollUp column`, () => {
+
+    function fetchParentFromLabel(label) {
+      cy.get("label").contains(label).parents(".ant-row").click();
+    }
+
+    // Insert new row
+    function addRow(index, cellValue) {
+      cy.get('.nc-grid-add-new-cell').should('exist').click();
+      mainPage.getCell('Title', index)
+        .dblclick().then(($el) => {
+        cy.wrap($el).find('input')
+          .clear()
+          .type(`${cellValue}{enter}`);
+      });
+      mainPage.getCell('Title', index)
+        .contains(cellValue).should('exist');
+    }
+
+    // Insert LTAR column
+    //
+    function addLtarColumn(columnName, foreignTable, relationType) {
+      // + icon
+      cy.get(".nc-grid  tr > th:last .nc-icon").click();
+
+      // Column name
+      cy.getActiveMenu().find('input.nc-column-name-input', { timeout: 3000 })
+        .should('exist')
+        .clear()
+        .type(columnName);
+
+      // Column type
+      cy.get(".nc-column-type-input").last()
+        .click()
+        .type("Link");
+      cy.getActiveSelection()
+        .find('.ant-select-item-option')
+        .contains("LinkToAnotherRecord").click();
+
+      // relation type (hm/ mm)
+      cy.get('.nc-ltar-relation-type')
+        .find('.ant-radio')
+        .eq(relationType==='hm'?0:1)
+        .click();
+
+      // Foreign table
+      fetchParentFromLabel("Child table");
+      cy.get(".nc-ltar-child-table")
+        .last()
+        .click()
+        .type(foreignTable);
+      cy.getActiveSelection()
+        .find('.ant-select-item-option')
+        .contains(foreignTable)
+        .click();
+
+      // Save
+      cy.get(".ant-btn-primary")
+        .contains("Save")
+        .should('exist')
+        .click();
+
+      // Toast
+      cy.toastWait(`Column created`);
+
+      // Verify
+      cy.get(`th[data-title="${columnName}"]`)
+        .should("exist");
+    };
+
+    // Content verification for LTAR cell
+    // Validates only 1st chip contents
+    //
+    function verifyLtarCell(columnName, index, cellValue) {
+      cy.get(`:nth-child(${index}) > [data-title="${columnName}"]`)
+        .find('.chip')
+        .eq(0)
+        .contains(cellValue)
+        .should("exist");
+    }
+
+    // Unlink LTAR cell
+    //
+    function ltarUnlink(columnName, index) {
+      // Click on cell to enable unlink icon
+      cy.get(`:nth-child(${index}) > [data-title="${columnName}"]`).last()
+        .click()
+
+      // Click on unlink icon
+      cy.get(`:nth-child(${index}) > [data-title="${columnName}"]`).last()
+        .find('.unlink-icon')
+        .should("exist")
+        .click();
+
+      // Glitch; hence wait
+      cy.wait(1000);
+    }
+
+    before(() => {
+      // required for standalone test
+      // loginPage.loginAndOpenProject(apiType, dbType);
+
+      cy.createTable("Sheet1");
+      cy.createTable("Sheet2");
+
+      cy.saveLocalStorage();
+    });
+
+    beforeEach(() => {
+      cy.restoreLocalStorage();
+    });
+
+    after(() => {
+      // Cleanup
+      //
+      cy.openTableTab("Sheet1", 0);
+      mainPage.deleteColumn("Link1-2hm");
+      mainPage.deleteColumn("Link1-2mm");
+      mainPage.deleteColumn("Sheet2");
+      cy.deleteTable("Sheet1");
+
+      cy.deleteTable("Sheet2");
+    });
+
+    ///////////////////////////////////////////////////
+    // Test case
+
+    it("Create Link columns", () => {
+      cy.openTableTab("Sheet1", 0);
+      addRow(1, "1a");
+      addRow(2, "1b");
+      addRow(3, "1c");
+      addLtarColumn("Link1-2hm", "Sheet2", "hm");
+      addLtarColumn("Link1-2mm", "Sheet2", "mm");
+      cy.closeTableTab("Sheet1");
+
+      cy.openTableTab("Sheet2", 0);
+      addLtarColumn("Link2-1hm", "Sheet1", "hm");
+      cy.closeTableTab("Sheet2");
+
+      // Sheet2 now has all 3 column categories : HM, BT, MM
+      //
+    });
+
+    // Expand form [Add new row]
+    //
+    it("Add HM, BT, MM Link, Expand form", () => {
+      cy.openTableTab("Sheet2", 0);
+
+      // Click on `Add new row` button
+      cy.get(".nc-add-new-row-btn:visible").should("exist");
+      cy.get(".nc-add-new-row-btn").click();
+
+      // Title
+      cy.get(".nc-expand-col-Title").find(".nc-cell > input")
+        .should("exist")
+        .first()
+        .clear()
+        .type("2a");
+
+      // trigger("mouseover") is required to show the + icon
+      // didn't seem to work. As a kludge, used click with {force:true}
+      // additional delay ensures card contents are available before clicking
+      //
+
+      // BT
+      cy.get(".nc-expand-col-Sheet1").find(".nc-action-icon")
+        .should("exist")
+        .click({ force: true });
+      cy.wait(1000);
+      cy.getActiveModal()
+        .find('.ant-card').should('exist')
+        .eq(0).click();
+
+      // MM
+      cy.get(".nc-expand-col-Sheet1.List").find(".ant-btn-primary").click();
+      cy.wait(1000);
+      cy.getActiveModal()
+        .find('.ant-card').should('exist')
+        .eq(0).click();
+
+      // HM
+      cy.get(".nc-expand-col-Link2-1hm")
+        .find(".ant-btn-primary")
+        .click();
+      cy.wait(1000);
+      cy.getActiveModal()
+        .find('.ant-card').should('exist')
+        .eq(0).click();
+
+      // Save row
+      cy.getActiveDrawer()
+        .find("button")
+        .contains("Save row")
+        .click({ force: true });
+
+      // Toast
+      cy.toastWait("updated successfully");
+
+      // Close modal
+      cy.get("body").type("{esc}");
+    })
+
+    // In cell insert
+    it("Add HM, BT, MM Link, In cell form", () => {
+
+      // Insert row with `Title` field, rest of links are empty
+      addRow(2, "2b");
+
+      // BT
+      mainPage.getCell("Sheet1", 2)
+        .find(".nc-action-icon")
+        .click({ force: true });
+      cy.getActiveModal()
+        .find('.ant-card')
+        .should('exist')
+        .eq(1)
+        .click();
+      cy.wait(1000);
+
+      // MM
+      mainPage.getCell("Sheet1 List", 2)
+        .find(".nc-action-icon")
+        .last()
+        .click({ force: true });
+      cy.getActiveModal()
+        .find('.ant-card')
+        .should('exist')
+        .eq(1)
+        .click();
+      cy.wait(1000);
+
+      // HM
+      mainPage.getCell("Link2-1hm", 2)
+        .find(".nc-action-icon")
+        .last()
+        .click({ force: true });
+      cy.getActiveModal()
+        .find('.ant-card')
+        .should('exist')
+        .eq(1)
+        .click();
+    });
+
+    // Existing row, expand record
+    it("Add HM, BT, MM Link, expand record", () => {
+      addRow(3, "2c");
+      cy.get(".nc-row-expand").eq(2).click({ force: true });
+
+      // BT
+      cy.wait(1000);
+      cy.get(".nc-expand-col-Sheet1")
+        .find(".nc-action-icon")
+        .should("exist")
+        .click({ force: true });
+      cy.wait(1000);
+      cy.getActiveModal()
+        .find('.ant-card').should('exist')
+        .eq(2).click();
+
+      // MM
+      cy.get(".nc-expand-col-Sheet1.List")
+        .find(".ant-btn-primary").click();
+      cy.wait(1000);
+      cy.getActiveModal()
+        .find('.ant-card').should('exist')
+        .eq(2).click();
+      cy.wait(1000);
+
+      // HM
+      cy.get(".nc-expand-col-Link2-1hm")
+        .find(".ant-btn-primary").click();
+      cy.wait(1000);
+      cy.getActiveModal()
+        .find('.ant-card').should('exist')
+        .eq(2).click();
+      cy.wait(1000);
+
+      cy.getActiveDrawer()
+        .find("button")
+        .contains("Save row")
+        .click({ force: true });
+
+      // cy.toastWait("updated successfully");
+      cy.toastWait("No columns to update");
+      cy.get("body").type("{esc}");
+
+      verifyLtarCell("Sheet1", 1, "1a");
+      verifyLtarCell("Sheet1", 2, "1b");
+      verifyLtarCell("Sheet1", 3, "1c");
+      verifyLtarCell("Sheet1 List", 1, "1a");
+      verifyLtarCell("Sheet1 List", 2, "1b");
+      verifyLtarCell("Sheet1 List", 3, "1c");
+      verifyLtarCell("Link2-1hm", 1, "1a");
+      verifyLtarCell("Link2-1hm", 2, "1b");
+      verifyLtarCell("Link2-1hm", 3, "1c");
+
+      cy.closeTableTab("Sheet2");
+    });
+
+    it("Verification", () => {
+      cy.openTableTab("Sheet1", 3);
+      verifyLtarCell("Link1-2hm", 1, "2a");
+      verifyLtarCell("Link1-2hm", 2, "2b");
+      verifyLtarCell("Link1-2hm", 3, "2c");
+      verifyLtarCell("Link1-2mm", 1, "2a");
+      verifyLtarCell("Link1-2mm", 2, "2b");
+      verifyLtarCell("Link1-2mm", 3, "2c");
+      verifyLtarCell("Sheet2", 1, "2a");
+      verifyLtarCell("Sheet2", 2, "2b");
+      verifyLtarCell("Sheet2", 3, "2c");
+      cy.closeTableTab("Sheet1");
+    })
+
+    it("Unlink", () => {
+      cy.openTableTab("Sheet1", 3);
+      ltarUnlink("Link1-2hm", 1);
+      ltarUnlink("Link1-2hm", 2);
+      ltarUnlink("Link1-2hm", 3);
+      ltarUnlink("Link1-2mm", 1);
+      ltarUnlink("Link1-2mm", 2);
+      ltarUnlink("Link1-2mm", 3);
+      ltarUnlink("Sheet2", 1);
+      ltarUnlink("Sheet2", 2);
+      ltarUnlink("Sheet2", 3);
+      cy.closeTableTab("Sheet1");
+    });
+  });
+};
+
+/**
+ * @copyright Copyright (c) 2021, Xgene Cloud Ltd
+ *
+ * @author Pranav C Balan <pranavxc@gmail.com>
+ * @author Raju Udava <sivadstala@gmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
diff --git a/scripts/cypress/integration/test/restTableOps.js b/scripts/cypress/integration/test/restTableOps.js
index ad44c17d4d..003685c448 100644
--- a/scripts/cypress/integration/test/restTableOps.js
+++ b/scripts/cypress/integration/test/restTableOps.js
@@ -12,6 +12,7 @@ let t3b = require("../common/3b_formula_column");
 let t3c = require("../common/3c_lookup_column");
 let t3d = require("../common/3d_rollup_column");
 let t3e = require("../common/3e_duration_column");
+let t3f = require("../common/3f_link_to_another_record");
 const {
     setCurrentMode,
 } = require("../../support/page_objects/projectConstants");
@@ -32,6 +33,7 @@ const nocoTestSuite = (apiType, dbType) => {
     t3c.genTest(apiType, dbType);
     t3d.genTest(apiType, dbType);
     // NcGUI v2 t3e.genTest(apiType, dbType);
+    t3f.genTest(apiType, dbType);
 };
 
 nocoTestSuite("rest", "mysql");

From 3bdcbb8e9877e4d7caa3db539c755896fb8542d7 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sun, 11 Sep 2022 00:29:59 +0530
Subject: [PATCH 29/52] fix(gui): sync LTAR data on switching tab

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/smartsheet/Grid.vue     | 23 +++++++++++--------
 packages/nc-gui/components/smartsheet/Row.vue |  4 ++++
 packages/nc-gui/composables/useViewData.ts    |  2 +-
 3 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Grid.vue b/packages/nc-gui/components/smartsheet/Grid.vue
index a12247c475..f8faa99b39 100644
--- a/packages/nc-gui/components/smartsheet/Grid.vue
+++ b/packages/nc-gui/components/smartsheet/Grid.vue
@@ -324,19 +324,24 @@ const showContextMenu = (e: MouseEvent, target?: { row: number; col: number }) =
   }
 }
 
+const rowRefs = $ref<any[]>()
+
 onBeforeUnmount(async () => {
-  for (const row of data.value) {
-    if (row.rowMeta.new) {
-      await updateOrSaveRow(row, null)
-      row.rowMeta.changed = false
+  console.log(rowRefs)
+  for (const [index, currentRow] of Object.entries(data.value)) {
+    if (currentRow.rowMeta.new) {
+      const syncLTARRefs = rowRefs[index]!.syncLTARRefs
+      const savedRow = await updateOrSaveRow(currentRow, null)
+      await syncLTARRefs(savedRow)
+      currentRow.rowMeta.changed = false
       continue
     }
-    if (row.rowMeta.changed) {
-      row.rowMeta.changed = false
+    if (currentRow.rowMeta.changed) {
+      currentRow.rowMeta.changed = false
       for (const field of meta?.value.columns ?? []) {
         if (isVirtualCol(field)) continue
-        if (row.row[field.title!] !== row.oldRow[field.title!]) {
-          await updateOrSaveRow(row, field.title!)
+        if (currentRow.row[field.title!] !== currentRow.oldRow[field.title!]) {
+          await updateOrSaveRow(currentRow, field.title!)
         }
       }
     }
@@ -418,7 +423,7 @@ onBeforeUnmount(async () => {
           </tr>
           </thead>
           <tbody>
-          <SmartsheetRow v-for="(row, rowIndex) of data" :key="rowIndex" :row="row">
+          <SmartsheetRow ref="rowRefs" v-for="(row, rowIndex) of data" :key="rowIndex" :row="row">
             <template #default="{ state }">
               <tr class="nc-grid-row">
                 <td key="row-index" class="caption nc-grid-cell pl-5 pr-1">
diff --git a/packages/nc-gui/components/smartsheet/Row.vue b/packages/nc-gui/components/smartsheet/Row.vue
index ac65f7f354..055733b497 100644
--- a/packages/nc-gui/components/smartsheet/Row.vue
+++ b/packages/nc-gui/components/smartsheet/Row.vue
@@ -33,6 +33,10 @@ reloadHook.on(() => {
 })
 
 provide(ReloadRowDataHookInj, reloadHook)
+
+defineExpose({
+  syncLTARRefs
+})
 </script>
 
 <template>
diff --git a/packages/nc-gui/composables/useViewData.ts b/packages/nc-gui/composables/useViewData.ts
index ea9b367e34..0ccae12fcc 100644
--- a/packages/nc-gui/composables/useViewData.ts
+++ b/packages/nc-gui/composables/useViewData.ts
@@ -256,7 +256,7 @@ export function useViewData(
 
   async function updateOrSaveRow(row: Row, property: string) {
     if (row.rowMeta.new) {
-      await insertRow(row.row, formattedData.value.indexOf(row))
+      return await insertRow(row.row, formattedData.value.indexOf(row))
     } else {
       await updateRowProperty(row, property)
     }

From c7b24c4c4e1d2a158fc66eed1056fc7ac9446699 Mon Sep 17 00:00:00 2001
From: Asheer Rizvi <asheer.vil@gmail.com>
Date: Sun, 11 Sep 2022 14:23:24 +0530
Subject: [PATCH 30/52] feat: added a form for creating tokens

---
 .../tabs/auth/ApiTokenManagement.vue          | 20 +++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue b/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
index 1a093a5135..6f73b9ec7b 100644
--- a/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
+++ b/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
@@ -106,17 +106,29 @@ onMounted(() => {
         </template>
       </a-button>
       <!-- Generate Token -->
-      <div class="flex flex-row justify-center w-full -mt-1">
+      <div class="flex flex-row justify-center w-full -mt-1 mb-3">
         <a-typography-title :level="5">{{ $t('title.generateToken') }}</a-typography-title>
       </div>
       <!-- Description -->
-      <div class="flex flex-col mt-3 justify-center space-y-6">
+      <a-form
+        ref="form"
+        :model="selectedTokenData"
+        name="basic"
+        layout="vertical"
+        class="flex flex-col justify-center space-y-6"
+        no-style
+        autocomplete="off"
+        @finish="generateToken"
+      >
         <a-input v-model:value="selectedTokenData.description" :placeholder="$t('labels.description')" />
+
         <!-- Generate -->
         <div class="flex flex-row justify-center">
-          <a-button type="primary" @click="generateToken"> {{ $t('general.generate') }} </a-button>
+          <button type="submit" class="ant-btn ant-btn-primary">
+            {{ $t('general.generate') }}
+          </button>
         </div>
-      </div>
+      </a-form>
     </div>
   </a-modal>
   <a-modal v-model:visible="showDeleteTokenModal" :closable="false" width="28rem" centered :footer="null">

From fe917975b0f32629d85943357487b693b33251cb Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Sun, 11 Sep 2022 16:43:10 +0300
Subject: [PATCH 31/52] fix(nocodb): use port from connection URL

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 packages/nocodb/src/lib/utils/NcConfigFactory.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/nocodb/src/lib/utils/NcConfigFactory.ts b/packages/nocodb/src/lib/utils/NcConfigFactory.ts
index 3cfc471ca7..466be1ee19 100644
--- a/packages/nocodb/src/lib/utils/NcConfigFactory.ts
+++ b/packages/nocodb/src/lib/utils/NcConfigFactory.ts
@@ -214,6 +214,7 @@ export default class NcConfigFactory implements NcConfig {
           ...defaultConnectionConfig,
           ...parsedQuery,
           host: url.hostname,
+          port: +url.port,
         },
         // pool: {
         //   min: 1,
@@ -325,6 +326,7 @@ export default class NcConfigFactory implements NcConfig {
           ...defaultConnectionConfig,
           ...parsedQuery,
           host: url.hostname,
+          port: +url.port,
         },
         acquireConnectionTimeout: 600000,
         ...(url.searchParams.has('search_path')

From 9cd963d37a089bbb9c1a3e16096425861511aa57 Mon Sep 17 00:00:00 2001
From: Asheer Rizvi <asheer.vil@gmail.com>
Date: Sun, 11 Sep 2022 19:25:17 +0530
Subject: [PATCH 32/52] chore: changed button to a-button

---
 packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue b/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
index 6f73b9ec7b..282ad42c54 100644
--- a/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
+++ b/packages/nc-gui/components/tabs/auth/ApiTokenManagement.vue
@@ -124,9 +124,9 @@ onMounted(() => {
 
         <!-- Generate -->
         <div class="flex flex-row justify-center">
-          <button type="submit" class="ant-btn ant-btn-primary">
+          <a-button type="primary" html-type="submit">
             {{ $t('general.generate') }}
-          </button>
+          </a-button>
         </div>
       </a-form>
     </div>

From 48a1e36fafeda45ef2cc4e1fa40f8f36dae76800 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 12 Sep 2022 11:53:11 +0530
Subject: [PATCH 33/52] chore(gui): lint

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/smartsheet/Cell.vue     |   3 +-
 .../nc-gui/components/smartsheet/Grid.vue     | 352 +++++++++---------
 packages/nc-gui/components/smartsheet/Row.vue |   2 +-
 .../smartsheet/expanded-form/index.vue        |   2 +-
 .../nc-gui/components/tabs/Smartsheet.vue     |   6 +-
 .../composables/useSmartsheetRowStore.ts      |   2 +-
 packages/nc-gui/composables/useViewData.ts    |  16 +-
 .../index/[type]/[title]/[[viewTitle]].vue    |   6 +-
 8 files changed, 194 insertions(+), 195 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Cell.vue b/packages/nc-gui/components/smartsheet/Cell.vue
index 6fe1f0b035..90ee5826da 100644
--- a/packages/nc-gui/components/smartsheet/Cell.vue
+++ b/packages/nc-gui/components/smartsheet/Cell.vue
@@ -15,9 +15,9 @@ import {
   toRef,
   useColumn,
   useDebounceFn,
+  useSmartsheetRowStoreOrThrow,
   useVModel,
 } from '#imports'
-import { useSmartsheetRowStoreOrThrow } from '~/composables/useSmartsheetRowStore'
 import { NavigateDir } from '~/lib'
 
 interface Props {
@@ -65,7 +65,6 @@ const syncValue = useDebounceFn(function () {
   emit('save')
 }, 1000)
 
-
 const isAutoSaved = $computed(() => {
   return [
     UITypes.SingleLineText,
diff --git a/packages/nc-gui/components/smartsheet/Grid.vue b/packages/nc-gui/components/smartsheet/Grid.vue
index f8faa99b39..cf4dcaf6e8 100644
--- a/packages/nc-gui/components/smartsheet/Grid.vue
+++ b/packages/nc-gui/components/smartsheet/Grid.vue
@@ -248,35 +248,36 @@ const onKeyDown = async (e: KeyboardEvent) => {
       e.preventDefault()
       if (selected.row < data.value.length - 1) selected.row++
       break
-    default: {
-      const rowObj = data.value[selected.row]
-      const columnObj = fields.value[selected.col]
-
-      if ((!editEnabled && e.metaKey) || e.ctrlKey) {
-        switch (e.keyCode) {
-          // copy - ctrl/cmd +c
-          case 67:
-            await copy(rowObj.row[columnObj.title] || '')
-            break
+    default:
+      {
+        const rowObj = data.value[selected.row]
+        const columnObj = fields.value[selected.col]
+
+        if ((!editEnabled && e.metaKey) || e.ctrlKey) {
+          switch (e.keyCode) {
+            // copy - ctrl/cmd +c
+            case 67:
+              await copy(rowObj.row[columnObj.title] || '')
+              break
+          }
         }
-      }
-
-      if (editEnabled || e.ctrlKey || e.altKey || e.metaKey) {
-        return
-      }
 
-      /** on letter key press make cell editable and empty */
-      if (e?.key?.length === 1) {
-        if (!isPkAvail && !rowObj.rowMeta.new) {
-          // Update not allowed for table which doesn't have primary Key
-          return message.info(t('msg.info.updateNotAllowedWithoutPK'))
+        if (editEnabled || e.ctrlKey || e.altKey || e.metaKey) {
+          return
         }
-        if (makeEditable(rowObj, columnObj)) {
-          rowObj.row[columnObj.title] = ''
+
+        /** on letter key press make cell editable and empty */
+        if (e?.key?.length === 1) {
+          if (!isPkAvail && !rowObj.rowMeta.new) {
+            // Update not allowed for table which doesn't have primary Key
+            return message.info(t('msg.info.updateNotAllowedWithoutPK'))
+          }
+          if (makeEditable(rowObj, columnObj)) {
+            rowObj.row[columnObj.title] = ''
+          }
+          // editEnabled = true
         }
-        // editEnabled = true
       }
-    }
       break
   }
 }
@@ -326,16 +327,21 @@ const showContextMenu = (e: MouseEvent, target?: { row: number; col: number }) =
 
 const rowRefs = $ref<any[]>()
 
+/** save/update records before unmounting the component */
 onBeforeUnmount(async () => {
   console.log(rowRefs)
-  for (const [index, currentRow] of Object.entries(data.value)) {
+  let index = -1
+  for (const currentRow of data.value) {
+    index++
+    /** if new record save row and save the LTAR cells */
     if (currentRow.rowMeta.new) {
       const syncLTARRefs = rowRefs[index]!.syncLTARRefs
-      const savedRow = await updateOrSaveRow(currentRow, null)
+      const savedRow = await updateOrSaveRow(currentRow, '')
       await syncLTARRefs(savedRow)
       currentRow.rowMeta.changed = false
       continue
     }
+    /** if existing row check updated cell and invoke update method */
     if (currentRow.rowMeta.changed) {
       currentRow.rowMeta.changed = false
       for (const field of meta?.value.columns ?? []) {
@@ -347,7 +353,6 @@ onBeforeUnmount(async () => {
     }
   }
 })
-
 </script>
 
 <template>
@@ -363,88 +368,87 @@ onBeforeUnmount(async () => {
           @contextmenu="showContextMenu"
         >
           <thead>
-          <tr class="nc-grid-header border-1 bg-gray-100 sticky top[-1px]">
-            <th>
-              <div class="w-full h-full bg-gray-100 flex min-w-[70px] pl-5 pr-1 items-center">
-                <template v-if="!readOnly">
-                  <div class="nc-no-label text-gray-500" :class="{ hidden: selectedAllRecords }">#</div>
-                  <div
-                    :class="{ hidden: !selectedAllRecords, flex: selectedAllRecords }"
-                    class="nc-check-all w-full items-center"
-                  >
-                    <a-checkbox v-model:checked="selectedAllRecords" />
+            <tr class="nc-grid-header border-1 bg-gray-100 sticky top[-1px]">
+              <th>
+                <div class="w-full h-full bg-gray-100 flex min-w-[70px] pl-5 pr-1 items-center">
+                  <template v-if="!readOnly">
+                    <div class="nc-no-label text-gray-500" :class="{ hidden: selectedAllRecords }">#</div>
+                    <div
+                      :class="{ hidden: !selectedAllRecords, flex: selectedAllRecords }"
+                      class="nc-check-all w-full items-center"
+                    >
+                      <a-checkbox v-model:checked="selectedAllRecords" />
 
-                    <span class="flex-1" />
-                  </div>
-                </template>
-                <template v-else>
-                  <div class="text-gray-500">#</div>
-                </template>
-              </div>
-            </th>
-            <th
-              v-for="col in fields"
-              :key="col.title"
-              v-xc-ver-resize
-              :data-col="col.id"
-              :data-title="col.title"
-              @xcresize="onresize(col.id, $event)"
-              @xcresizing="onXcResizing(col.title, $event)"
-              @xcresized="resizingCol = null"
-            >
-              <div class="w-full h-full bg-gray-100 flex items-center">
-                <SmartsheetHeaderVirtualCell v-if="isVirtualCol(col)" :column="col" :hide-menu="readOnly" />
-
-                <SmartsheetHeaderCell v-else :column="col" :hide-menu="readOnly" />
-              </div>
-            </th>
-            <th
-              v-if="!readOnly && !isLocked && isUIAllowed('add-column') && !isSqlView"
-              v-t="['c:column:add']"
-              class="cursor-pointer"
-              @click.stop="addColumnDropdown = true"
-            >
-              <a-dropdown v-model:visible="addColumnDropdown" :trigger="['click']">
-                <div class="h-full w-[60px] flex items-center justify-center">
-                  <MdiPlus class="text-sm nc-column-add" />
+                      <span class="flex-1" />
+                    </div>
+                  </template>
+                  <template v-else>
+                    <div class="text-gray-500">#</div>
+                  </template>
+                </div>
+              </th>
+              <th
+                v-for="col in fields"
+                :key="col.title"
+                v-xc-ver-resize
+                :data-col="col.id"
+                :data-title="col.title"
+                @xcresize="onresize(col.id, $event)"
+                @xcresizing="onXcResizing(col.title, $event)"
+                @xcresized="resizingCol = null"
+              >
+                <div class="w-full h-full bg-gray-100 flex items-center">
+                  <SmartsheetHeaderVirtualCell v-if="isVirtualCol(col)" :column="col" :hide-menu="readOnly" />
+
+                  <SmartsheetHeaderCell v-else :column="col" :hide-menu="readOnly" />
                 </div>
+              </th>
+              <th
+                v-if="!readOnly && !isLocked && isUIAllowed('add-column') && !isSqlView"
+                v-t="['c:column:add']"
+                class="cursor-pointer"
+                @click.stop="addColumnDropdown = true"
+              >
+                <a-dropdown v-model:visible="addColumnDropdown" :trigger="['click']">
+                  <div class="h-full w-[60px] flex items-center justify-center">
+                    <MdiPlus class="text-sm nc-column-add" />
+                  </div>
 
-                <template #overlay>
-                  <SmartsheetColumnEditOrAddProvider
-                    v-if="addColumnDropdown"
-                    @submit="addColumnDropdown = false"
-                    @cancel="addColumnDropdown = false"
-                    @click.stop
-                    @keydown.stop
-                  />
-                </template>
-              </a-dropdown>
-            </th>
-          </tr>
+                  <template #overlay>
+                    <SmartsheetColumnEditOrAddProvider
+                      v-if="addColumnDropdown"
+                      @submit="addColumnDropdown = false"
+                      @cancel="addColumnDropdown = false"
+                      @click.stop
+                      @keydown.stop
+                    />
+                  </template>
+                </a-dropdown>
+              </th>
+            </tr>
           </thead>
           <tbody>
-          <SmartsheetRow ref="rowRefs" v-for="(row, rowIndex) of data" :key="rowIndex" :row="row">
-            <template #default="{ state }">
-              <tr class="nc-grid-row">
-                <td key="row-index" class="caption nc-grid-cell pl-5 pr-1">
-                  <div class="items-center flex gap-1 min-w-[55px]">
-                    <div
-                      v-if="!readOnly || !isLocked"
-                      class="nc-row-no text-xs text-gray-500"
-                      :class="{ toggle: !readOnly, hidden: row.rowMeta.selected }"
-                    >
-                      {{ rowIndex + 1 }}
-                    </div>
-                    <div
-                      v-if="!readOnly"
-                      :class="{ hidden: !row.rowMeta.selected, flex: row.rowMeta.selected }"
-                      class="nc-row-expand-and-checkbox"
-                    >
-                      <a-checkbox v-model:checked="row.rowMeta.selected" />
-                    </div>
-                    <span class="flex-1" />
-                    <div v-if="!readOnly && !isLocked" class="nc-expand"
-                         :class="{ 'nc-comment': row.rowMeta?.commentCount }">
+            <SmartsheetRow v-for="(row, rowIndex) of data" ref="rowRefs" :key="rowIndex" :row="row">
+              <template #default="{ state }">
+                <tr class="nc-grid-row">
+                  <td key="row-index" class="caption nc-grid-cell pl-5 pr-1">
+                    <div class="items-center flex gap-1 min-w-[55px]">
+                      <div
+                        v-if="!readOnly || !isLocked"
+                        class="nc-row-no text-xs text-gray-500"
+                        :class="{ toggle: !readOnly, hidden: row.rowMeta.selected }"
+                      >
+                        {{ rowIndex + 1 }}
+                      </div>
+                      <div
+                        v-if="!readOnly"
+                        :class="{ hidden: !row.rowMeta.selected, flex: row.rowMeta.selected }"
+                        class="nc-row-expand-and-checkbox"
+                      >
+                        <a-checkbox v-model:checked="row.rowMeta.selected" />
+                      </div>
+                      <span class="flex-1" />
+                      <div v-if="!readOnly && !isLocked" class="nc-expand" :class="{ 'nc-comment': row.rowMeta?.commentCount }">
                         <span
                           v-if="row.rowMeta?.commentCount"
                           class="py-1 px-3 rounded-full text-xs cursor-pointer select-none transform hover:(scale-110)"
@@ -453,87 +457,87 @@ onBeforeUnmount(async () => {
                         >
                           {{ row.rowMeta.commentCount }}
                         </span>
-                      <div
-                        v-else
-                        class="cursor-pointer flex items-center border-1 active:ring rounded p-1 hover:(bg-primary bg-opacity-10)"
-                      >
-                        <MdiArrowExpand
-                          v-t="['c:row-expand']"
-                          class="select-none transform hover:(text-accent scale-120) nc-row-expand"
-                          @click="expandForm(row, state)"
-                        />
+                        <div
+                          v-else
+                          class="cursor-pointer flex items-center border-1 active:ring rounded p-1 hover:(bg-primary bg-opacity-10)"
+                        >
+                          <MdiArrowExpand
+                            v-t="['c:row-expand']"
+                            class="select-none transform hover:(text-accent scale-120) nc-row-expand"
+                            @click="expandForm(row, state)"
+                          />
+                        </div>
                       </div>
                     </div>
-                  </div>
-                </td>
-                <td
-                  v-for="(columnObj, colIndex) of fields"
-                  :ref="cellRefs.set"
-                  :key="columnObj.id"
-                  class="cell relative cursor-pointer nc-grid-cell"
-                  :class="{
+                  </td>
+                  <td
+                    v-for="(columnObj, colIndex) of fields"
+                    :ref="cellRefs.set"
+                    :key="columnObj.id"
+                    class="cell relative cursor-pointer nc-grid-cell"
+                    :class="{
                       active: isUIAllowed('xcDatatableEditable') && selected.col === colIndex && selected.row === rowIndex,
                     }"
-                  :data-key="rowIndex + columnObj.id"
-                  :data-col="columnObj.id"
-                  :data-title="columnObj.title"
-                  @click="selectCell(rowIndex, colIndex)"
-                  @dblclick="makeEditable(row, columnObj)"
-                  @contextmenu="showContextMenu($event, { row: rowIndex, col: colIndex })"
-                >
-                  <div class="w-full h-full">
-                    <SmartsheetVirtualCell
-                      v-if="isVirtualCol(columnObj)"
-                      v-model="row.row[columnObj.title]"
-                      :column="columnObj"
-                      :active="selected.col === colIndex && selected.row === rowIndex"
-                      :row="row"
-                      @navigate="onNavigate"
-                    />
-
-                    <SmartsheetCell
-                      v-else
-                      v-model="row.row[columnObj.title]"
-                      :column="columnObj"
-                      :edit-enabled="
+                    :data-key="rowIndex + columnObj.id"
+                    :data-col="columnObj.id"
+                    :data-title="columnObj.title"
+                    @click="selectCell(rowIndex, colIndex)"
+                    @dblclick="makeEditable(row, columnObj)"
+                    @contextmenu="showContextMenu($event, { row: rowIndex, col: colIndex })"
+                  >
+                    <div class="w-full h-full">
+                      <SmartsheetVirtualCell
+                        v-if="isVirtualCol(columnObj)"
+                        v-model="row.row[columnObj.title]"
+                        :column="columnObj"
+                        :active="selected.col === colIndex && selected.row === rowIndex"
+                        :row="row"
+                        @navigate="onNavigate"
+                      />
+
+                      <SmartsheetCell
+                        v-else
+                        v-model="row.row[columnObj.title]"
+                        :column="columnObj"
+                        :edit-enabled="
                           isUIAllowed('xcDatatableEditable') &&
                           editEnabled &&
                           selected.col === colIndex &&
                           selected.row === rowIndex
                         "
-                      :row-index="rowIndex"
-                      :active="selected.col === colIndex && selected.row === rowIndex"
-                      @update:edit-enabled="editEnabled = false"
-                      @save="updateOrSaveRow(row, columnObj.title)"
-                      @navigate="onNavigate"
-                      @cancel="editEnabled = false"
-                    />
-                  </div>
-                </td>
-              </tr>
-            </template>
-          </SmartsheetRow>
-
-          <!--
-    TODO: add relationType !== 'bt' ?
-    v1: <tr v-if="!isView && !isLocked && !isPublicView && isEditable && relationType !== 'bt'">
-  -->
-          <tr v-if="!isView && !isLocked && isUIAllowed('xcDatatableEditable') && !isSqlView">
-            <td
-              v-t="['c:row:add:grid-bottom']"
-              :colspan="visibleColLength + 1"
-              class="text-left pointer nc-grid-add-new-cell cursor-pointer"
-              @click="addEmptyRow()"
-            >
-              <div class="px-2 w-full flex items-center text-gray-500">
-                <MdiPlus class="text-pint-500 text-xs ml-2 text-primary" />
-
-                <span class="ml-1">
+                        :row-index="rowIndex"
+                        :active="selected.col === colIndex && selected.row === rowIndex"
+                        @update:edit-enabled="editEnabled = false"
+                        @save="updateOrSaveRow(row, columnObj.title)"
+                        @navigate="onNavigate"
+                        @cancel="editEnabled = false"
+                      />
+                    </div>
+                  </td>
+                </tr>
+              </template>
+            </SmartsheetRow>
+
+            <!--
+TODO: add relationType !== 'bt' ?
+v1: <tr v-if="!isView && !isLocked && !isPublicView && isEditable && relationType !== 'bt'">
+-->
+            <tr v-if="!isView && !isLocked && isUIAllowed('xcDatatableEditable') && !isSqlView">
+              <td
+                v-t="['c:row:add:grid-bottom']"
+                :colspan="visibleColLength + 1"
+                class="text-left pointer nc-grid-add-new-cell cursor-pointer"
+                @click="addEmptyRow()"
+              >
+                <div class="px-2 w-full flex items-center text-gray-500">
+                  <MdiPlus class="text-pint-500 text-xs ml-2 text-primary" />
+
+                  <span class="ml-1">
                     {{ $t('activity.addRow') }}
                   </span>
-              </div>
-            </td>
-          </tr>
+                </div>
+              </td>
+            </tr>
           </tbody>
         </table>
 
diff --git a/packages/nc-gui/components/smartsheet/Row.vue b/packages/nc-gui/components/smartsheet/Row.vue
index 055733b497..acfbbea0c8 100644
--- a/packages/nc-gui/components/smartsheet/Row.vue
+++ b/packages/nc-gui/components/smartsheet/Row.vue
@@ -35,7 +35,7 @@ reloadHook.on(() => {
 provide(ReloadRowDataHookInj, reloadHook)
 
 defineExpose({
-  syncLTARRefs
+  syncLTARRefs,
 })
 </script>
 
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/index.vue b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
index 8243cfc9d9..0f4e69fc0b 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/index.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/index.vue
@@ -6,11 +6,11 @@ import Cell from '../Cell.vue'
 import VirtualCell from '../VirtualCell.vue'
 import Comments from './Comments.vue'
 import Header from './Header.vue'
-import { ReloadRowDataHookInj } from '~/context'
 import {
   FieldsInj,
   IsFormInj,
   MetaInj,
+  ReloadRowDataHookInj,
   computedInject,
   provide,
   ref,
diff --git a/packages/nc-gui/components/tabs/Smartsheet.vue b/packages/nc-gui/components/tabs/Smartsheet.vue
index 4443b12bf1..cb6d4c9903 100644
--- a/packages/nc-gui/components/tabs/Smartsheet.vue
+++ b/packages/nc-gui/components/tabs/Smartsheet.vue
@@ -21,7 +21,6 @@ import {
 
 import type { TabItem } from '~/composables'
 
-
 const { activeTab } = defineProps<{
   activeTab: TabItem
 }>()
@@ -38,10 +37,7 @@ const fields = ref<ColumnType[]>([])
 //   TabMetaInj,
 //   computed(() => ({} as TabItem)),
 // )
-provide(
-  TabMetaInj,
-  ref(activeTab),
-)
+provide(TabMetaInj, ref(activeTab))
 const meta = computed<TableType>(() => metas.value?.[activeTab?.id as string])
 
 const reloadEventHook = createEventHook<void>()
diff --git a/packages/nc-gui/composables/useSmartsheetRowStore.ts b/packages/nc-gui/composables/useSmartsheetRowStore.ts
index 191f578ca2..c337d2e2d6 100644
--- a/packages/nc-gui/composables/useSmartsheetRowStore.ts
+++ b/packages/nc-gui/composables/useSmartsheetRowStore.ts
@@ -134,7 +134,7 @@ const [useProvideSmartsheetRowStore, useSmartsheetRowStore] = useInjectionState(
     removeLTARRef,
     syncLTARRefs,
     loadRow,
-    currentRow
+    currentRow,
   }
 }, 'smartsheet-row-store')
 
diff --git a/packages/nc-gui/composables/useViewData.ts b/packages/nc-gui/composables/useViewData.ts
index dc7a39aeea..c9422d59bc 100644
--- a/packages/nc-gui/composables/useViewData.ts
+++ b/packages/nc-gui/composables/useViewData.ts
@@ -166,12 +166,12 @@ export function useViewData(
     if ((!project?.value?.id || !meta?.value?.id || !viewMeta?.value?.id) && !isPublic.value) return
     const response = !isPublic.value
       ? await api.dbViewRow.list('noco', project.value.id!, meta!.value.id!, viewMeta!.value.id, {
-        ...queryParams.value,
-        ...params,
-        ...(isUIAllowed('sortSync') ? {} : { sortArrJson: JSON.stringify(sorts.value) }),
-        ...(isUIAllowed('filterSync') ? {} : { filterArrJson: JSON.stringify(nestedFilters.value) }),
-        where: where?.value,
-      })
+          ...queryParams.value,
+          ...params,
+          ...(isUIAllowed('sortSync') ? {} : { sortArrJson: JSON.stringify(sorts.value) }),
+          ...(isUIAllowed('filterSync') ? {} : { filterArrJson: JSON.stringify(nestedFilters.value) }),
+          where: where?.value,
+        })
       : await fetchSharedViewData()
     formattedData.value = formatData(response.list)
     paginationData.value = response.pageInfo
@@ -251,11 +251,11 @@ export function useViewData(
     }
   }
 
-  async function updateOrSaveRow(row: Row, property: string) {
+  async function updateOrSaveRow(row: Row, property?: string) {
     if (row.rowMeta.new) {
       return await insertRow(row.row, formattedData.value.indexOf(row))
     } else {
-      await updateRowProperty(row, property)
+      await updateRowProperty(row, property!)
     }
   }
 
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue
index ce973167a6..ee6297069c 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index/[type]/[title]/[[viewTitle]].vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { TabItem } from '~/composables'
-import { TabMetaInj } from '~/context'
+import type { TabItem } from '~/composables'
+import { TabMetaInj } from '#imports'
 
 const { getMeta } = useMetas()
 const route = useRoute()
@@ -20,7 +20,7 @@ getMeta(route.params.title as string, true).finally(() => {
   <div v-if="loading" class="flex items-center justify-center h-full w-full">
     <a-spin size="large" />
   </div>
-  <TabsSmartsheet :active-tab="activeTab" :key="route.params.title" v-else />
+  <TabsSmartsheet v-else :key="route.params.title" :active-tab="activeTab" />
 </template>
 
 <style scoped></style>

From 2e1bfba0b8136ae00f603f05f8fca68a0bea7edb Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 12 Sep 2022 14:17:43 +0530
Subject: [PATCH 34/52] fix(gui): always get latest meta before deleting a
 table

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/composables/useTable.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nc-gui/composables/useTable.ts b/packages/nc-gui/composables/useTable.ts
index 9666ff4c38..3246ae75d9 100644
--- a/packages/nc-gui/composables/useTable.ts
+++ b/packages/nc-gui/composables/useTable.ts
@@ -68,7 +68,7 @@ export function useTable(onTableCreate?: (tableMeta: TableType) => void) {
       cancelText: t('general.no'),
       async onOk() {
         try {
-          const meta = (await getMeta(table.id as string)) as TableType
+          const meta = (await getMeta(table.id as string, true)) as TableType
           const relationColumns = meta?.columns?.filter((c) => c.uidt === UITypes.LinkToAnotherRecord)
 
           if (relationColumns?.length) {

From 2e7c322ec56c6f996b57d48329a69f2e746a142b Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 12 Sep 2022 14:49:40 +0530
Subject: [PATCH 35/52] fix(gui): reload related table meta on LTAR column
 delete

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/smartsheet-header/Menu.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/nc-gui/components/smartsheet-header/Menu.vue b/packages/nc-gui/components/smartsheet-header/Menu.vue
index f0e3778ad7..5522edf2a0 100644
--- a/packages/nc-gui/components/smartsheet-header/Menu.vue
+++ b/packages/nc-gui/components/smartsheet-header/Menu.vue
@@ -1,5 +1,7 @@
 <script lang="ts" setup>
 import { Modal, message } from 'ant-design-vue'
+import type { LinkToAnotherRecordType } from 'nocodb-sdk'
+import { UITypes } from 'nocodb-sdk'
 import { ColumnInj, IsLockedInj, MetaInj, extractSdkResponseErrorMsg, inject, useI18n, useMetas, useNuxtApp } from '#imports'
 
 const { virtual = false } = defineProps<{ virtual?: boolean }>()
@@ -29,6 +31,12 @@ const deleteColumn = () =>
         await $api.dbTableColumn.delete(column?.value?.id as string)
 
         await getMeta(meta?.value?.id as string, true)
+
+        /** force-reload related table meta if deleted column is a LTAR and not linked to same table */
+        if (column?.value?.uidt === UITypes.LinkToAnotherRecord && column.value?.colOptions) {
+          await getMeta((column.value?.colOptions as LinkToAnotherRecordType).fk_related_model_id!, true)
+        }
+
         $e('a:column:delete')
       } catch (e: any) {
         message.error(await extractSdkResponseErrorMsg(e))

From 184d0eb9420801937ca596ae2fc57b2f014b6a94 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 12 Sep 2022 14:53:58 +0530
Subject: [PATCH 36/52] chore(gui): linting and code cleanup

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/smartsheet/Grid.vue               | 5 -----
 packages/nc-gui/components/tabs/Smartsheet.vue               | 4 ----
 packages/nc-gui/components/virtual-cell/BelongsTo.vue        | 2 +-
 .../nc-gui/components/virtual-cell/components/ListItems.vue  | 4 ++--
 4 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Grid.vue b/packages/nc-gui/components/smartsheet/Grid.vue
index cf4dcaf6e8..f92b93351c 100644
--- a/packages/nc-gui/components/smartsheet/Grid.vue
+++ b/packages/nc-gui/components/smartsheet/Grid.vue
@@ -329,7 +329,6 @@ const rowRefs = $ref<any[]>()
 
 /** save/update records before unmounting the component */
 onBeforeUnmount(async () => {
-  console.log(rowRefs)
   let index = -1
   for (const currentRow of data.value) {
     index++
@@ -518,10 +517,6 @@ onBeforeUnmount(async () => {
               </template>
             </SmartsheetRow>
 
-            <!--
-TODO: add relationType !== 'bt' ?
-v1: <tr v-if="!isView && !isLocked && !isPublicView && isEditable && relationType !== 'bt'">
--->
             <tr v-if="!isView && !isLocked && isUIAllowed('xcDatatableEditable') && !isSqlView">
               <td
                 v-t="['c:row:add:grid-bottom']"
diff --git a/packages/nc-gui/components/tabs/Smartsheet.vue b/packages/nc-gui/components/tabs/Smartsheet.vue
index cb6d4c9903..715d64474d 100644
--- a/packages/nc-gui/components/tabs/Smartsheet.vue
+++ b/packages/nc-gui/components/tabs/Smartsheet.vue
@@ -33,10 +33,6 @@ const el = ref<typeof SmartsheetGrid>()
 
 const fields = ref<ColumnType[]>([])
 
-// const tabMeta = inject(
-//   TabMetaInj,
-//   computed(() => ({} as TabItem)),
-// )
 provide(TabMetaInj, ref(activeTab))
 const meta = computed<TableType>(() => metas.value?.[activeTab?.id as string])
 
diff --git a/packages/nc-gui/components/virtual-cell/BelongsTo.vue b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
index 3cfc1a11c2..58fc4d9f71 100644
--- a/packages/nc-gui/components/virtual-cell/BelongsTo.vue
+++ b/packages/nc-gui/components/virtual-cell/BelongsTo.vue
@@ -24,7 +24,7 @@ const ListItems = defineAsyncComponent(() => import('./components/ListItems.vue'
 
 const column = inject(ColumnInj)!
 
-const reloadRowTrigger = inject(ReloadRowDataHookInj, createEventHook())!
+const reloadRowTrigger = inject(ReloadRowDataHookInj, createEventHook())
 
 const cellValue = inject(CellValueInj, ref<any>(null))
 
diff --git a/packages/nc-gui/components/virtual-cell/components/ListItems.vue b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
index 9d924e1306..42fcfd72c7 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListItems.vue
@@ -116,8 +116,8 @@ watch(expandedFormDlg, (nexVal) => {
         <div class="flex-1" />
         <MdiReload class="cursor-pointer text-gray-500 nc-reload" @click="loadChildrenExcludedList" />
         <!--        Add new record -->
-        <a-button v-if="!isPublic" type="primary" size="small" @click="expandedFormDlg = true"
-          >{{ $t('activity.addNewRecord') }}
+        <a-button v-if="!isPublic" type="primary" size="small" @click="expandedFormDlg = true">
+          {{ $t('activity.addNewRecord') }}
         </a-button>
       </div>
       <template v-if="childrenExcludedList?.pageInfo?.totalRows">

From 68434c63d79b250b140f457ea3d201c0e03e6666 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 12 Sep 2022 15:14:12 +0530
Subject: [PATCH 37/52] fix(gui): remove row if user is not saving record from
 expanded form

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/smartsheet/Grid.vue | 15 +++++++++++----
 packages/nc-gui/composables/useViewData.ts     |  9 +++++++++
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Grid.vue b/packages/nc-gui/components/smartsheet/Grid.vue
index f92b93351c..8beddeef37 100644
--- a/packages/nc-gui/components/smartsheet/Grid.vue
+++ b/packages/nc-gui/components/smartsheet/Grid.vue
@@ -91,7 +91,7 @@ const {
   deleteRow,
   deleteSelectedRows,
   selectedAllRecords,
-  removeLastEmptyRow,
+  removeRowIfNew,
 } = useViewData(meta, view as any, xWhere)
 
 const { loadGridViewColumns, updateWidth, resizingColWidth, resizingCol } = useGridViewColumnWidth(view as any)
@@ -113,15 +113,18 @@ reloadViewDataHook?.on(async () => {
   await loadData()
 })
 
-const expandForm = (row: Row, state?: Record<string, any>) => {
+const skipRowRemovalOnCancel = ref(false)
+
+const expandForm = (row: Row, state?: Record<string, any>, fromToolbar = false) => {
   expandedFormRow.value = row
   expandedFormRowState.value = state
   expandedFormDlg.value = true
+  skipRowRemovalOnCancel.value = !fromToolbar
 }
 
 openNewRecordFormHook?.on(async () => {
   const newRow = await addEmptyRow()
-  expandForm(newRow)
+  expandForm(newRow, undefined, true)
 })
 
 const selectCell = (row: number, col: number) => {
@@ -576,7 +579,11 @@ onBeforeUnmount(async () => {
       :row="expandedFormRow"
       :state="expandedFormRowState"
       :meta="meta"
-      @cancel="removeLastEmptyRow"
+      @update:model-value="
+        () => {
+          if (!skipRowRemovalOnCancel) removeRowIfNew(expandedFormRow)
+        }
+      "
     />
   </div>
 </template>
diff --git a/packages/nc-gui/composables/useViewData.ts b/packages/nc-gui/composables/useViewData.ts
index c9422d59bc..1e0c7941e4 100644
--- a/packages/nc-gui/composables/useViewData.ts
+++ b/packages/nc-gui/composables/useViewData.ts
@@ -382,6 +382,14 @@ export function useViewData(
     }
   }
 
+  const removeRowIfNew = (row: Row) => {
+    const index = formattedData.value.indexOf(row)
+
+    if (index > -1 && row.rowMeta.new) {
+      formattedData.value.splice(index, 1)
+    }
+  }
+
   return {
     error,
     isLoading,
@@ -408,5 +416,6 @@ export function useViewData(
     aggCommentCount,
     loadAggCommentsCount,
     removeLastEmptyRow,
+    removeRowIfNew,
   }
 }

From 7da60b488545a6ff9d5e9cd1afa267674c0e06c8 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 12 Sep 2022 15:26:49 +0530
Subject: [PATCH 38/52] fix(gui): on delete failure from child list show error
 message

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/composables/useLTARStore.ts | 17 ++++++++++++++++-
 packages/nocodb-sdk/src/lib/Api.ts          |  5 +++--
 scripts/sdk/swagger.json                    |  7 ++++++-
 3 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/composables/useLTARStore.ts b/packages/nc-gui/composables/useLTARStore.ts
index fb88755b67..f4daf4d3fb 100644
--- a/packages/nc-gui/composables/useLTARStore.ts
+++ b/packages/nc-gui/composables/useLTARStore.ts
@@ -193,7 +193,22 @@ const [useProvideLTARStore, useLTARStore] = useInjectionState(
         onOk: async () => {
           const id = getRelatedTableRowId(row)
           try {
-            $api.dbTableRow.delete(NOCO, projectId, relatedTableMeta.value.id as string, id as string)
+            const res: { message?: string[] } = await $api.dbTableRow.delete(
+              NOCO,
+              projectId,
+              relatedTableMeta.value.id as string,
+              id as string,
+            )
+
+            if (res.message) {
+              message.info(
+                `Row delete failed: ${`Unable to delete row with ID ${id} because of the following:
+              \n${res.message.join('\n')}.\n
+              Clear the data first & try again`})}`,
+              )
+              return false
+            }
+
             reloadData?.()
 
             /** reload child list if not a new row */
diff --git a/packages/nocodb-sdk/src/lib/Api.ts b/packages/nocodb-sdk/src/lib/Api.ts
index 15647089b9..ee7f9ddf5a 100644
--- a/packages/nocodb-sdk/src/lib/Api.ts
+++ b/packages/nocodb-sdk/src/lib/Api.ts
@@ -2395,7 +2395,7 @@ export class Api<
      * @name Delete
      * @summary Table row delete
      * @request DELETE:/api/v1/db/data/{orgs}/{projectName}/{tableName}/{rowId}
-     * @response `200` `void` OK
+     * @response `200` `any` OK
      */
     delete: (
       orgs: string,
@@ -2404,9 +2404,10 @@ export class Api<
       rowId: string,
       params: RequestParams = {}
     ) =>
-      this.request<void, any>({
+      this.request<any, any>({
         path: `/api/v1/db/data/${orgs}/${projectName}/${tableName}/${rowId}`,
         method: 'DELETE',
+        format: 'json',
         ...params,
       }),
 
diff --git a/scripts/sdk/swagger.json b/scripts/sdk/swagger.json
index d484f4d2be..3c689efa22 100644
--- a/scripts/sdk/swagger.json
+++ b/scripts/sdk/swagger.json
@@ -3393,7 +3393,12 @@
         "operationId": "db-table-row-delete",
         "responses": {
           "200": {
-            "description": "OK"
+            "description": "OK",
+            "content": {
+              "application/json": {
+                "schema": {}
+              }
+            }
           }
         },
         "tags": [

From 30788e3ee122c7033ed34216c0763a5f2db25119 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 12 Sep 2022 15:30:01 +0530
Subject: [PATCH 39/52] fix(gui): on add/edit column form validation failure
 keep the form open

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/smartsheet-column/EditOrAdd.vue | 4 +++-
 packages/nc-gui/composables/useColumnCreateStore.ts        | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/smartsheet-column/EditOrAdd.vue b/packages/nc-gui/components/smartsheet-column/EditOrAdd.vue
index 7fb911f3fe..f9cd0dfa46 100644
--- a/packages/nc-gui/components/smartsheet-column/EditOrAdd.vue
+++ b/packages/nc-gui/components/smartsheet-column/EditOrAdd.vue
@@ -53,7 +53,9 @@ const reloadMetaAndData = async () => {
 }
 
 async function onSubmit() {
-  await addOrUpdate(reloadMetaAndData)
+  const saved = await addOrUpdate(reloadMetaAndData)
+
+  if (!saved) return
 
   // add delay to complete the minimize transition
   setTimeout(() => {
diff --git a/packages/nc-gui/composables/useColumnCreateStore.ts b/packages/nc-gui/composables/useColumnCreateStore.ts
index 1e9b17b897..419e339ec4 100644
--- a/packages/nc-gui/composables/useColumnCreateStore.ts
+++ b/packages/nc-gui/composables/useColumnCreateStore.ts
@@ -206,6 +206,7 @@ const [useProvideColumnCreateStore, useColumnCreateStore] = createInjectionState
           $e('a:column:add', { datatype: formState.value.uidt })
         }
         onSuccess?.()
+        return true
       } catch (e: any) {
         message.error(await extractSdkResponseErrorMsg(e))
       }

From 7f7499b8fa264b2e5f09180c8c7f716116c8bb60 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 12 Sep 2022 16:13:40 +0530
Subject: [PATCH 40/52] fix(api): if cache(list) is not present skip pushing it
 into the list to avoid unexpected behaviour

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nocodb/src/lib/models/FormViewColumn.ts    | 18 +++++++++++++-----
 .../nocodb/src/lib/models/GalleryViewColumn.ts | 18 +++++++++++++-----
 .../nocodb/src/lib/models/GridViewColumn.ts    | 18 +++++++++++++-----
 3 files changed, 39 insertions(+), 15 deletions(-)

diff --git a/packages/nocodb/src/lib/models/FormViewColumn.ts b/packages/nocodb/src/lib/models/FormViewColumn.ts
index fb4028e027..a8feb61db1 100644
--- a/packages/nocodb/src/lib/models/FormViewColumn.ts
+++ b/packages/nocodb/src/lib/models/FormViewColumn.ts
@@ -76,11 +76,19 @@ export default class FormViewColumn implements FormColumnType {
 
     await NocoCache.set(`${CacheScope.FORM_VIEW_COLUMN}:${fk_column_id}`, id);
 
-    await NocoCache.appendToList(
-      CacheScope.FORM_VIEW_COLUMN,
-      [column.fk_view_id],
-      `${CacheScope.FORM_VIEW_COLUMN}:${id}`
-    );
+    // if cache is not present skip pushing it into the list to avoid unexpected behaviour
+    if (
+      (
+        await NocoCache.getList(CacheScope.FORM_VIEW_COLUMN, [
+          column.fk_view_id,
+        ])
+      )?.length
+    )
+      await NocoCache.appendToList(
+        CacheScope.FORM_VIEW_COLUMN,
+        [column.fk_view_id],
+        `${CacheScope.FORM_VIEW_COLUMN}:${id}`
+      );
     return this.get(id, ncMeta);
   }
 
diff --git a/packages/nocodb/src/lib/models/GalleryViewColumn.ts b/packages/nocodb/src/lib/models/GalleryViewColumn.ts
index 39e80dd45c..75ca96f4f1 100644
--- a/packages/nocodb/src/lib/models/GalleryViewColumn.ts
+++ b/packages/nocodb/src/lib/models/GalleryViewColumn.ts
@@ -72,11 +72,19 @@ export default class GalleryViewColumn {
       id
     );
 
-    await NocoCache.appendToList(
-      CacheScope.GALLERY_VIEW_COLUMN,
-      [column.fk_view_id],
-      `${CacheScope.GALLERY_VIEW_COLUMN}:${id}`
-    );
+    // if cache is not present skip pushing it into the list to avoid unexpected behaviour
+    if (
+      (
+        await NocoCache.getList(CacheScope.GALLERY_VIEW_COLUMN, [
+          column.fk_view_id,
+        ])
+      )?.length
+    )
+      await NocoCache.appendToList(
+        CacheScope.GALLERY_VIEW_COLUMN,
+        [column.fk_view_id],
+        `${CacheScope.GALLERY_VIEW_COLUMN}:${id}`
+      );
 
     return this.get(id, ncMeta);
   }
diff --git a/packages/nocodb/src/lib/models/GridViewColumn.ts b/packages/nocodb/src/lib/models/GridViewColumn.ts
index 8088c93037..f00bee3ea2 100644
--- a/packages/nocodb/src/lib/models/GridViewColumn.ts
+++ b/packages/nocodb/src/lib/models/GridViewColumn.ts
@@ -93,11 +93,19 @@ export default class GridViewColumn implements GridColumnType {
 
     await NocoCache.set(`${CacheScope.GRID_VIEW_COLUMN}:${fk_column_id}`, id);
 
-    await NocoCache.appendToList(
-      CacheScope.GRID_VIEW_COLUMN,
-      [column.fk_view_id],
-      `${CacheScope.GRID_VIEW_COLUMN}:${id}`
-    );
+    // if cache is not present skip pushing it into the list to avoid unexpected behaviour
+    if (
+      (
+        await NocoCache.getList(CacheScope.GRID_VIEW_COLUMN, [
+          column.fk_view_id,
+        ])
+      )?.length
+    )
+      await NocoCache.appendToList(
+        CacheScope.GRID_VIEW_COLUMN,
+        [column.fk_view_id],
+        `${CacheScope.GRID_VIEW_COLUMN}:${id}`
+      );
 
     return this.get(id, ncMeta);
   }

From 82209a52a10232d20fe67e5a15a3809912dd8ef3 Mon Sep 17 00:00:00 2001
From: "allcontributors[bot]"
 <46447321+allcontributors[bot]@users.noreply.github.com>
Date: Mon, 12 Sep 2022 11:23:02 +0000
Subject: [PATCH 41/52] docs: update README.md [skip ci]

---
 README.md | 247 +++++++++++++++++++++++++++---------------------------
 1 file changed, 125 insertions(+), 122 deletions(-)

diff --git a/README.md b/README.md
index 07fbcba32c..4534588a55 100644
--- a/README.md
+++ b/README.md
@@ -330,128 +330,131 @@ Our mission is to provide the most powerful no-code interface for databases whic
 <!-- prettier-ignore-start -->
 <!-- markdownlint-disable -->
 <table>
-  <tr>
-    <td align="center"><a href="https://github.com/o1lab"><img src="https://avatars.githubusercontent.com/u/5435402?v=4?s=100" width="100px;" alt=""/><br /><sub><b>o1lab</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=o1lab" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/pranavxc"><img src="https://avatars.githubusercontent.com/u/61551451?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Pranav C</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=pranavxc" title="Code">💻</a></td>
-    <td align="center"><a href="http://bvkatwijk.nl/"><img src="https://avatars.githubusercontent.com/u/18490578?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Boris van Katwijk</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=bvkatwijk" title="Code">💻</a></td>
-    <td align="center"><a href="https://stackshare.io/markuman/my-stack"><img src="https://avatars.githubusercontent.com/u/3920157?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Markus Bergholz</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=markuman" title="Code">💻</a></td>
-    <td align="center"><a href="https://daniel-ruf.de/"><img src="https://avatars.githubusercontent.com/u/827205?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Daniel Ruf</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=DanielRuf" title="Code">💻</a></td>
-    <td align="center"><a href="http://bertverhelst.ga/"><img src="https://avatars.githubusercontent.com/u/1710840?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Bert Verhelst</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=bertyhell" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/chocholand"><img src="https://avatars.githubusercontent.com/u/6572227?v=4?s=100" width="100px;" alt=""/><br /><sub><b>JaeWon</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=chocholand" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://github.com/0xflotus"><img src="https://avatars.githubusercontent.com/u/26602940?v=4?s=100" width="100px;" alt=""/><br /><sub><b>0xflotus</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=0xflotus" title="Code">💻</a></td>
-    <td align="center"><a href="http://www.simonguionniere.com/"><img src="https://avatars.githubusercontent.com/u/3633017?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Simon Guionniere</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=sguionni" title="Code">💻</a></td>
-    <td align="center"><a href="https://clients.extremeshok.com/"><img src="https://avatars.githubusercontent.com/u/5957328?v=4?s=100" width="100px;" alt=""/><br /><sub><b>eXtremeSHOK</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=extremeshok" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/v2io"><img src="https://avatars.githubusercontent.com/u/48987429?v=4?s=100" width="100px;" alt=""/><br /><sub><b>v2io</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=v2io" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/soaserele"><img src="https://avatars.githubusercontent.com/u/1093368?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Stanislav Oaserele</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=soaserele" title="Code">💻</a></td>
-    <td align="center"><a href="https://ans4175.dev/"><img src="https://avatars.githubusercontent.com/u/3961872?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ahmad Anshorimuslim Syuhada</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ans-4175" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/lotas"><img src="https://avatars.githubusercontent.com/u/83861?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Yaraslau Kurmyza</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=lotas" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="http://stackexchange.com/users/1677570/ferrybig"><img src="https://avatars.githubusercontent.com/u/1576684?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Fernando van Loenhout</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ferrybig" title="Code">💻</a></td>
-    <td align="center"><a href="http://blog.quidquid.fr/"><img src="https://avatars.githubusercontent.com/u/1001585?v=4?s=100" width="100px;" alt=""/><br /><sub><b>jrevault</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=jrevault" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/atilacamurca"><img src="https://avatars.githubusercontent.com/u/508624?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Átila Camurça Alves</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=atilacamurca" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/simonbowen"><img src="https://avatars.githubusercontent.com/u/8931?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Simon Bowen</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=simonbowen" title="Code">💻</a></td>
-    <td align="center"><a href="https://wingk-wong.blogspot.com/"><img src="https://avatars.githubusercontent.com/u/35857179?v=4?s=100" width="100px;" alt=""/><br /><sub><b>աɨռɢӄաօռɢ</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=wingkwong" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/ferdiga"><img src="https://avatars.githubusercontent.com/u/6248560?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ferdinand Gassauer</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ferdiga" title="Code">💻</a></td>
-    <td align="center"><a href="https://daneke.ru/"><img src="https://avatars.githubusercontent.com/u/4980165?v=4?s=100" width="100px;" alt=""/><br /><sub><b>George Daneke</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=Flatroy" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://jwillmer.de/"><img src="https://avatars.githubusercontent.com/u/1503577?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Jens Willmer</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=jwillmer" title="Code">💻</a></td>
-    <td align="center"><a href="http://bhanu.io/"><img src="https://avatars.githubusercontent.com/u/2958857?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Bhanu Pratap Chaudhary</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=bhanuc" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/jwetzell"><img src="https://avatars.githubusercontent.com/u/18341515?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Joel Wetzell</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=jwetzell" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/SebGTx"><img src="https://avatars.githubusercontent.com/u/8062146?v=4?s=100" width="100px;" alt=""/><br /><sub><b>SebGTx</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=SebGTx" title="Code">💻</a></td>
-    <td align="center"><a href="https://farazpatankar.com/"><img src="https://avatars.githubusercontent.com/u/10681116?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Faraz Patankar</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=FarazPatankar" title="Code">💻</a></td>
-    <td align="center"><a href="https://pixplix.com/"><img src="https://avatars.githubusercontent.com/u/71349937?v=4?s=100" width="100px;" alt=""/><br /><sub><b>PixPlix</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=pixplix" title="Code">💻</a></td>
-    <td align="center"><a href="http://alejandro.giacometti.me/"><img src="https://avatars.githubusercontent.com/u/31504?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Alejandro Giacometti</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=janrito" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://brunomoreira.opo.pt"><img src="https://avatars.githubusercontent.com/u/3017910?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Bruno Moreira</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=bmscmoreira" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/AztrexDX"><img src="https://avatars.githubusercontent.com/u/86340924?v=4?s=100" width="100px;" alt=""/><br /><sub><b>AztrexDX</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=AztrexDX" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/ejose19"><img src="https://avatars.githubusercontent.com/u/8742215?v=4?s=100" width="100px;" alt=""/><br /><sub><b>ejose19</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ejose19" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/maximeag"><img src="https://avatars.githubusercontent.com/u/3855368?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Maxime</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=maximeag" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/dstala"><img src="https://avatars.githubusercontent.com/u/86527202?v=4?s=100" width="100px;" alt=""/><br /><sub><b>dstala</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=dstala" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/loftwah"><img src="https://avatars.githubusercontent.com/u/19922556?v=4?s=100" width="100px;" alt=""/><br /><sub><b>loftwah</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=loftwah" title="Code">💻</a></td>
-    <td align="center"><a href="https://museosabiertos.org"><img src="https://avatars.githubusercontent.com/u/693328?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Martin Gersbach</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=mrtngrsbch" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://github.com/ArjenR"><img src="https://avatars.githubusercontent.com/u/4269186?v=4?s=100" width="100px;" alt=""/><br /><sub><b>ArjenR</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ArjenR" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/kunggom"><img src="https://avatars.githubusercontent.com/u/32009637?v=4?s=100" width="100px;" alt=""/><br /><sub><b>조진식 (Jo Jinsik)</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=kunggom" title="Code">💻</a></td>
-    <td align="center"><a href="http://www.cuobiezi.net"><img src="https://avatars.githubusercontent.com/u/90968567?v=4?s=100" width="100px;" alt=""/><br /><sub><b>tianchunfeng</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=tianberg" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/cthulberg"><img src="https://avatars.githubusercontent.com/u/5301275?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Andrea</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=cthulberg" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/eevleevs"><img src="https://avatars.githubusercontent.com/u/5012744?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Giulio Malventi</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=eevleevs" title="Code">💻</a></td>
-    <td align="center"><a href="https://dev-z.github.io"><img src="https://avatars.githubusercontent.com/u/8604312?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Md. Ishtiaque Zafar</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=dev-z" title="Code">💻</a></td>
-    <td align="center"><a href="http://www.chaslui.com"><img src="https://avatars.githubusercontent.com/u/10083758?v=4?s=100" width="100px;" alt=""/><br /><sub><b>ChasLui</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ChasLui" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://www.linkedin.com/in/zhansayam/"><img src="https://avatars.githubusercontent.com/u/41486762?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Zhansaya Maksut</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ZhansayaM" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/agkfri"><img src="https://avatars.githubusercontent.com/u/37952138?v=4?s=100" width="100px;" alt=""/><br /><sub><b>agkfri</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=agkfri" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/iqiziqi"><img src="https://avatars.githubusercontent.com/u/8640316?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ziqi</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=iqiziqi" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/AllanSiqueira"><img src="https://avatars.githubusercontent.com/u/14025084?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Allan Siqueira</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=AllanSiqueira" title="Code">💻</a></td>
-    <td align="center"><a href="https://creatify.my.id/"><img src="https://avatars.githubusercontent.com/u/54095238?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Fatih</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ahmadfatihin" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/roman-rezinkin"><img src="https://avatars.githubusercontent.com/u/17882264?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Roman Rezinkin</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=roman-rezinkin" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/fragalcer"><img src="https://avatars.githubusercontent.com/u/31025299?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Francisco Gallardo</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=fragalcer" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://github.com/sesam"><img src="https://avatars.githubusercontent.com/u/8921?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Simon B.</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=sesam" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/lielfr"><img src="https://avatars.githubusercontent.com/u/360928?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Liel Fridman</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=lielfr" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/rubjo"><img src="https://avatars.githubusercontent.com/u/42270947?v=4?s=100" width="100px;" alt=""/><br /><sub><b>rubjo</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=rubjo" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/kinga-marszalkowska"><img src="https://avatars.githubusercontent.com/u/64398325?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kinga Marszałkowska</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=kinga-marszalkowska" title="Code">💻</a></td>
-    <td align="center"><a href="https://nimbusec.com"><img src="https://avatars.githubusercontent.com/u/10920640?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Christof Horschitz</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=dahawk" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/bebora"><img src="https://avatars.githubusercontent.com/u/32399075?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Simone</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=bebora" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/tyonirwansyah"><img src="https://avatars.githubusercontent.com/u/73389687?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Tyo Nirwansyah</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=tyonirwansyah" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://github.com/jiione"><img src="https://avatars.githubusercontent.com/u/83341978?v=4?s=100" width="100px;" alt=""/><br /><sub><b>jiwon</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=jiione" title="Code">💻</a></td>
-    <td align="center"><a href="http://quantimo.do"><img src="https://avatars.githubusercontent.com/u/2808553?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mike P. Sinn</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=mikepsinn" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/candideu"><img src="https://avatars.githubusercontent.com/u/55474996?v=4?s=100" width="100px;" alt=""/><br /><sub><b>candideu</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=candideu" title="Code">💻</a></td>
-    <td align="center"><a href="http://siderealart.me"><img src="https://avatars.githubusercontent.com/u/30827929?v=4?s=100" width="100px;" alt=""/><br /><sub><b>SiderealArt</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=SiderealArt" title="Code">💻</a></td>
-    <td align="center"><a href="http://vijayrathore.me"><img src="https://avatars.githubusercontent.com/u/17380265?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Vijay Rathore</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=vijayrathore8492" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/John-Appleseed"><img src="https://avatars.githubusercontent.com/u/7055847?v=4?s=100" width="100px;" alt=""/><br /><sub><b>John Appleseed</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=John-Appleseed" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/Korayem"><img src="https://avatars.githubusercontent.com/u/198332?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Salem Korayem</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=Korayem" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://github.com/dubiao"><img src="https://avatars.githubusercontent.com/u/4001793?v=4?s=100" width="100px;" alt=""/><br /><sub><b>标</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=dubiao" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/willnewii"><img src="https://avatars.githubusercontent.com/u/652003?v=4?s=100" width="100px;" alt=""/><br /><sub><b>诗人的咸鱼</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=willnewii" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/bitbytejoy"><img src="https://avatars.githubusercontent.com/u/11807034?v=4?s=100" width="100px;" alt=""/><br /><sub><b>bitbytejoy</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=bitbytejoy" title="Code">💻</a></td>
-    <td align="center"><a href="http://blog.pan93.com"><img src="https://avatars.githubusercontent.com/u/28441561?v=4?s=100" width="100px;" alt=""/><br /><sub><b>pan93412</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=pan93412" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/LancerComet"><img src="https://avatars.githubusercontent.com/u/10321350?v=4?s=100" width="100px;" alt=""/><br /><sub><b>LancerComet</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=LancerComet" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/mertmit"><img src="https://avatars.githubusercontent.com/u/59797957?v=4?s=100" width="100px;" alt=""/><br /><sub><b>mertmit</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=mertmit" title="Code">💻</a></td>
-    <td align="center"><a href="https://blog.atompi.com"><img src="https://avatars.githubusercontent.com/u/6419682?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Atom Pi</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=atompi" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://github.com/OskarsPakers"><img src="https://avatars.githubusercontent.com/u/3343347?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Oskars</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=OskarsPakers" title="Code">💻</a></td>
-    <td align="center"><a href="http://dolibit.de"><img src="https://avatars.githubusercontent.com/u/45215329?v=4?s=100" width="100px;" alt=""/><br /><sub><b>UT from dolibit</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=dolibit-ut" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/blucky"><img src="https://avatars.githubusercontent.com/u/42397?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Blucky</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=blucky" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/TsjipTsjip"><img src="https://avatars.githubusercontent.com/u/19798667?v=4?s=100" width="100px;" alt=""/><br /><sub><b>TsjipTsjip</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=TsjipTsjip" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/dhrrgn"><img src="https://avatars.githubusercontent.com/u/149921?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Dan Horrigan</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=dhrrgn" title="Code">💻</a></td>
-    <td align="center"><a href="https://amitjoki.github.io"><img src="https://avatars.githubusercontent.com/u/5158554?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Amit Joki</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=AmitJoki" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/tympaniplayer"><img src="https://avatars.githubusercontent.com/u/1745731?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Nate</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=tympaniplayer" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://github.com/RobinFrcd"><img src="https://avatars.githubusercontent.com/u/29704178?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Robin Fourcade</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=RobinFrcd" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/zprial"><img src="https://avatars.githubusercontent.com/u/33095380?v=4?s=100" width="100px;" alt=""/><br /><sub><b>zprial</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=zprial" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/nilsreichardt"><img src="https://avatars.githubusercontent.com/u/24459435?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Nils Reichardt</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=nilsreichardt" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/iamnamananand996"><img src="https://avatars.githubusercontent.com/u/31537362?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Naman Anand</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=iamnamananand996" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/GeoffMaciolek"><img src="https://avatars.githubusercontent.com/u/10995633?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Geo Maciolek</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=GeoffMaciolek" title="Code">💻</a></td>
-    <td align="center"><a href="http://blog.mukyu.tw/"><img src="https://avatars.githubusercontent.com/u/6008539?v=4?s=100" width="100px;" alt=""/><br /><sub><b>神楽坂帕琪</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=mudream4869" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/titouancreach"><img src="https://avatars.githubusercontent.com/u/3995719?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Titouan CREACH</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=titouancreach" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://www.youyi.io"><img src="https://avatars.githubusercontent.com/u/49471274?v=4?s=100" width="100px;" alt=""/><br /><sub><b>youyiio</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=youyiio" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/RK311y"><img src="https://avatars.githubusercontent.com/u/65210753?v=4?s=100" width="100px;" alt=""/><br /><sub><b>River Kelly</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=RK311y" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/LepkoQQ"><img src="https://avatars.githubusercontent.com/u/2662937?v=4?s=100" width="100px;" alt=""/><br /><sub><b>LepkoQQ</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=LepkoQQ" title="Code">💻</a></td>
-    <td align="center"><a href="https://cornernewclub.fr"><img src="https://avatars.githubusercontent.com/u/56829191?v=4?s=100" width="100px;" alt=""/><br /><sub><b>quentin</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=QuentinDstl" title="Code">💻</a></td>
-    <td align="center"><a href="http://cande.me"><img src="https://avatars.githubusercontent.com/u/5407915?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Cande</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=cande1gut" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/seokjunjin"><img src="https://avatars.githubusercontent.com/u/46950889?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Seokjun Jin</b></sub></a><br /><a href="#translation-seokjunjin" title="Translation">🌍</a></td>
-    <td align="center"><a href="https://github.com/systemctls"><img src="https://avatars.githubusercontent.com/u/37177191?v=4?s=100" width="100px;" alt=""/><br /><sub><b>jinxm</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=systemctls" title="Code">💻</a></td>
-  </tr>
-  <tr>
-    <td align="center"><a href="https://yohanboniface.me"><img src="https://avatars.githubusercontent.com/u/146023?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Yohan Boniface</b></sub></a><br /><a href="#translation-yohanboniface" title="Translation">🌍</a></td>
-    <td align="center"><a href="https://github.com/drsantam"><img src="https://avatars.githubusercontent.com/u/10681456?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Santam Chakraborty</b></sub></a><br /><a href="#translation-drsantam" title="Translation">🌍</a></td>
-    <td align="center"><a href="https://bandism.net/"><img src="https://avatars.githubusercontent.com/u/22633385?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ikko Ashimine</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=eltociear" title="Code">💻</a></td>
-  </tr>
+  <tbody>
+    <tr>
+      <td align="center"><a href="https://github.com/o1lab"><img src="https://avatars.githubusercontent.com/u/5435402?v=4?s=100" width="100px;" alt=""/><br /><sub><b>o1lab</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=o1lab" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/pranavxc"><img src="https://avatars.githubusercontent.com/u/61551451?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Pranav C</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=pranavxc" title="Code">💻</a></td>
+      <td align="center"><a href="http://bvkatwijk.nl/"><img src="https://avatars.githubusercontent.com/u/18490578?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Boris van Katwijk</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=bvkatwijk" title="Code">💻</a></td>
+      <td align="center"><a href="https://stackshare.io/markuman/my-stack"><img src="https://avatars.githubusercontent.com/u/3920157?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Markus Bergholz</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=markuman" title="Code">💻</a></td>
+      <td align="center"><a href="https://daniel-ruf.de/"><img src="https://avatars.githubusercontent.com/u/827205?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Daniel Ruf</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=DanielRuf" title="Code">💻</a></td>
+      <td align="center"><a href="http://bertverhelst.ga/"><img src="https://avatars.githubusercontent.com/u/1710840?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Bert Verhelst</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=bertyhell" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/chocholand"><img src="https://avatars.githubusercontent.com/u/6572227?v=4?s=100" width="100px;" alt=""/><br /><sub><b>JaeWon</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=chocholand" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="https://github.com/0xflotus"><img src="https://avatars.githubusercontent.com/u/26602940?v=4?s=100" width="100px;" alt=""/><br /><sub><b>0xflotus</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=0xflotus" title="Code">💻</a></td>
+      <td align="center"><a href="http://www.simonguionniere.com/"><img src="https://avatars.githubusercontent.com/u/3633017?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Simon Guionniere</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=sguionni" title="Code">💻</a></td>
+      <td align="center"><a href="https://clients.extremeshok.com/"><img src="https://avatars.githubusercontent.com/u/5957328?v=4?s=100" width="100px;" alt=""/><br /><sub><b>eXtremeSHOK</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=extremeshok" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/v2io"><img src="https://avatars.githubusercontent.com/u/48987429?v=4?s=100" width="100px;" alt=""/><br /><sub><b>v2io</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=v2io" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/soaserele"><img src="https://avatars.githubusercontent.com/u/1093368?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Stanislav Oaserele</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=soaserele" title="Code">💻</a></td>
+      <td align="center"><a href="https://ans4175.dev/"><img src="https://avatars.githubusercontent.com/u/3961872?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ahmad Anshorimuslim Syuhada</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ans-4175" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/lotas"><img src="https://avatars.githubusercontent.com/u/83861?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Yaraslau Kurmyza</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=lotas" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="http://stackexchange.com/users/1677570/ferrybig"><img src="https://avatars.githubusercontent.com/u/1576684?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Fernando van Loenhout</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ferrybig" title="Code">💻</a></td>
+      <td align="center"><a href="http://blog.quidquid.fr/"><img src="https://avatars.githubusercontent.com/u/1001585?v=4?s=100" width="100px;" alt=""/><br /><sub><b>jrevault</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=jrevault" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/atilacamurca"><img src="https://avatars.githubusercontent.com/u/508624?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Átila Camurça Alves</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=atilacamurca" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/simonbowen"><img src="https://avatars.githubusercontent.com/u/8931?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Simon Bowen</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=simonbowen" title="Code">💻</a></td>
+      <td align="center"><a href="https://wingk-wong.blogspot.com/"><img src="https://avatars.githubusercontent.com/u/35857179?v=4?s=100" width="100px;" alt=""/><br /><sub><b>աɨռɢӄաօռɢ</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=wingkwong" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/ferdiga"><img src="https://avatars.githubusercontent.com/u/6248560?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ferdinand Gassauer</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ferdiga" title="Code">💻</a></td>
+      <td align="center"><a href="https://daneke.ru/"><img src="https://avatars.githubusercontent.com/u/4980165?v=4?s=100" width="100px;" alt=""/><br /><sub><b>George Daneke</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=Flatroy" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="https://jwillmer.de/"><img src="https://avatars.githubusercontent.com/u/1503577?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Jens Willmer</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=jwillmer" title="Code">💻</a></td>
+      <td align="center"><a href="http://bhanu.io/"><img src="https://avatars.githubusercontent.com/u/2958857?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Bhanu Pratap Chaudhary</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=bhanuc" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/jwetzell"><img src="https://avatars.githubusercontent.com/u/18341515?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Joel Wetzell</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=jwetzell" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/SebGTx"><img src="https://avatars.githubusercontent.com/u/8062146?v=4?s=100" width="100px;" alt=""/><br /><sub><b>SebGTx</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=SebGTx" title="Code">💻</a></td>
+      <td align="center"><a href="https://farazpatankar.com/"><img src="https://avatars.githubusercontent.com/u/10681116?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Faraz Patankar</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=FarazPatankar" title="Code">💻</a></td>
+      <td align="center"><a href="https://pixplix.com/"><img src="https://avatars.githubusercontent.com/u/71349937?v=4?s=100" width="100px;" alt=""/><br /><sub><b>PixPlix</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=pixplix" title="Code">💻</a></td>
+      <td align="center"><a href="http://alejandro.giacometti.me/"><img src="https://avatars.githubusercontent.com/u/31504?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Alejandro Giacometti</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=janrito" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="https://brunomoreira.opo.pt"><img src="https://avatars.githubusercontent.com/u/3017910?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Bruno Moreira</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=bmscmoreira" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/AztrexDX"><img src="https://avatars.githubusercontent.com/u/86340924?v=4?s=100" width="100px;" alt=""/><br /><sub><b>AztrexDX</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=AztrexDX" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/ejose19"><img src="https://avatars.githubusercontent.com/u/8742215?v=4?s=100" width="100px;" alt=""/><br /><sub><b>ejose19</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ejose19" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/maximeag"><img src="https://avatars.githubusercontent.com/u/3855368?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Maxime</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=maximeag" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/dstala"><img src="https://avatars.githubusercontent.com/u/86527202?v=4?s=100" width="100px;" alt=""/><br /><sub><b>dstala</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=dstala" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/loftwah"><img src="https://avatars.githubusercontent.com/u/19922556?v=4?s=100" width="100px;" alt=""/><br /><sub><b>loftwah</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=loftwah" title="Code">💻</a></td>
+      <td align="center"><a href="https://museosabiertos.org"><img src="https://avatars.githubusercontent.com/u/693328?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Martin Gersbach</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=mrtngrsbch" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="https://github.com/ArjenR"><img src="https://avatars.githubusercontent.com/u/4269186?v=4?s=100" width="100px;" alt=""/><br /><sub><b>ArjenR</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ArjenR" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/kunggom"><img src="https://avatars.githubusercontent.com/u/32009637?v=4?s=100" width="100px;" alt=""/><br /><sub><b>조진식 (Jo Jinsik)</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=kunggom" title="Code">💻</a></td>
+      <td align="center"><a href="http://www.cuobiezi.net"><img src="https://avatars.githubusercontent.com/u/90968567?v=4?s=100" width="100px;" alt=""/><br /><sub><b>tianchunfeng</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=tianberg" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/cthulberg"><img src="https://avatars.githubusercontent.com/u/5301275?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Andrea</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=cthulberg" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/eevleevs"><img src="https://avatars.githubusercontent.com/u/5012744?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Giulio Malventi</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=eevleevs" title="Code">💻</a></td>
+      <td align="center"><a href="https://dev-z.github.io"><img src="https://avatars.githubusercontent.com/u/8604312?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Md. Ishtiaque Zafar</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=dev-z" title="Code">💻</a></td>
+      <td align="center"><a href="http://www.chaslui.com"><img src="https://avatars.githubusercontent.com/u/10083758?v=4?s=100" width="100px;" alt=""/><br /><sub><b>ChasLui</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ChasLui" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="https://www.linkedin.com/in/zhansayam/"><img src="https://avatars.githubusercontent.com/u/41486762?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Zhansaya Maksut</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ZhansayaM" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/agkfri"><img src="https://avatars.githubusercontent.com/u/37952138?v=4?s=100" width="100px;" alt=""/><br /><sub><b>agkfri</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=agkfri" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/iqiziqi"><img src="https://avatars.githubusercontent.com/u/8640316?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ziqi</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=iqiziqi" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/AllanSiqueira"><img src="https://avatars.githubusercontent.com/u/14025084?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Allan Siqueira</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=AllanSiqueira" title="Code">💻</a></td>
+      <td align="center"><a href="https://creatify.my.id/"><img src="https://avatars.githubusercontent.com/u/54095238?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Fatih</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=ahmadfatihin" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/roman-rezinkin"><img src="https://avatars.githubusercontent.com/u/17882264?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Roman Rezinkin</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=roman-rezinkin" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/fragalcer"><img src="https://avatars.githubusercontent.com/u/31025299?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Francisco Gallardo</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=fragalcer" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="https://github.com/sesam"><img src="https://avatars.githubusercontent.com/u/8921?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Simon B.</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=sesam" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/lielfr"><img src="https://avatars.githubusercontent.com/u/360928?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Liel Fridman</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=lielfr" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/rubjo"><img src="https://avatars.githubusercontent.com/u/42270947?v=4?s=100" width="100px;" alt=""/><br /><sub><b>rubjo</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=rubjo" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/kinga-marszalkowska"><img src="https://avatars.githubusercontent.com/u/64398325?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Kinga Marszałkowska</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=kinga-marszalkowska" title="Code">💻</a></td>
+      <td align="center"><a href="https://nimbusec.com"><img src="https://avatars.githubusercontent.com/u/10920640?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Christof Horschitz</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=dahawk" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/bebora"><img src="https://avatars.githubusercontent.com/u/32399075?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Simone</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=bebora" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/tyonirwansyah"><img src="https://avatars.githubusercontent.com/u/73389687?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Tyo Nirwansyah</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=tyonirwansyah" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="https://github.com/jiione"><img src="https://avatars.githubusercontent.com/u/83341978?v=4?s=100" width="100px;" alt=""/><br /><sub><b>jiwon</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=jiione" title="Code">💻</a></td>
+      <td align="center"><a href="http://quantimo.do"><img src="https://avatars.githubusercontent.com/u/2808553?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mike P. Sinn</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=mikepsinn" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/candideu"><img src="https://avatars.githubusercontent.com/u/55474996?v=4?s=100" width="100px;" alt=""/><br /><sub><b>candideu</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=candideu" title="Code">💻</a></td>
+      <td align="center"><a href="http://siderealart.me"><img src="https://avatars.githubusercontent.com/u/30827929?v=4?s=100" width="100px;" alt=""/><br /><sub><b>SiderealArt</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=SiderealArt" title="Code">💻</a></td>
+      <td align="center"><a href="http://vijayrathore.me"><img src="https://avatars.githubusercontent.com/u/17380265?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Vijay Rathore</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=vijayrathore8492" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/John-Appleseed"><img src="https://avatars.githubusercontent.com/u/7055847?v=4?s=100" width="100px;" alt=""/><br /><sub><b>John Appleseed</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=John-Appleseed" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/Korayem"><img src="https://avatars.githubusercontent.com/u/198332?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Salem Korayem</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=Korayem" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="https://github.com/dubiao"><img src="https://avatars.githubusercontent.com/u/4001793?v=4?s=100" width="100px;" alt=""/><br /><sub><b>标</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=dubiao" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/willnewii"><img src="https://avatars.githubusercontent.com/u/652003?v=4?s=100" width="100px;" alt=""/><br /><sub><b>诗人的咸鱼</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=willnewii" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/bitbytejoy"><img src="https://avatars.githubusercontent.com/u/11807034?v=4?s=100" width="100px;" alt=""/><br /><sub><b>bitbytejoy</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=bitbytejoy" title="Code">💻</a></td>
+      <td align="center"><a href="http://blog.pan93.com"><img src="https://avatars.githubusercontent.com/u/28441561?v=4?s=100" width="100px;" alt=""/><br /><sub><b>pan93412</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=pan93412" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/LancerComet"><img src="https://avatars.githubusercontent.com/u/10321350?v=4?s=100" width="100px;" alt=""/><br /><sub><b>LancerComet</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=LancerComet" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/mertmit"><img src="https://avatars.githubusercontent.com/u/59797957?v=4?s=100" width="100px;" alt=""/><br /><sub><b>mertmit</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=mertmit" title="Code">💻</a></td>
+      <td align="center"><a href="https://blog.atompi.com"><img src="https://avatars.githubusercontent.com/u/6419682?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Atom Pi</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=atompi" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="https://github.com/OskarsPakers"><img src="https://avatars.githubusercontent.com/u/3343347?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Oskars</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=OskarsPakers" title="Code">💻</a></td>
+      <td align="center"><a href="http://dolibit.de"><img src="https://avatars.githubusercontent.com/u/45215329?v=4?s=100" width="100px;" alt=""/><br /><sub><b>UT from dolibit</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=dolibit-ut" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/blucky"><img src="https://avatars.githubusercontent.com/u/42397?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Blucky</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=blucky" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/TsjipTsjip"><img src="https://avatars.githubusercontent.com/u/19798667?v=4?s=100" width="100px;" alt=""/><br /><sub><b>TsjipTsjip</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=TsjipTsjip" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/dhrrgn"><img src="https://avatars.githubusercontent.com/u/149921?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Dan Horrigan</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=dhrrgn" title="Code">💻</a></td>
+      <td align="center"><a href="https://amitjoki.github.io"><img src="https://avatars.githubusercontent.com/u/5158554?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Amit Joki</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=AmitJoki" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/tympaniplayer"><img src="https://avatars.githubusercontent.com/u/1745731?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Nate</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=tympaniplayer" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="https://github.com/RobinFrcd"><img src="https://avatars.githubusercontent.com/u/29704178?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Robin Fourcade</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=RobinFrcd" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/zprial"><img src="https://avatars.githubusercontent.com/u/33095380?v=4?s=100" width="100px;" alt=""/><br /><sub><b>zprial</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=zprial" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/nilsreichardt"><img src="https://avatars.githubusercontent.com/u/24459435?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Nils Reichardt</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=nilsreichardt" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/iamnamananand996"><img src="https://avatars.githubusercontent.com/u/31537362?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Naman Anand</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=iamnamananand996" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/GeoffMaciolek"><img src="https://avatars.githubusercontent.com/u/10995633?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Geo Maciolek</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=GeoffMaciolek" title="Code">💻</a></td>
+      <td align="center"><a href="http://blog.mukyu.tw/"><img src="https://avatars.githubusercontent.com/u/6008539?v=4?s=100" width="100px;" alt=""/><br /><sub><b>神楽坂帕琪</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=mudream4869" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/titouancreach"><img src="https://avatars.githubusercontent.com/u/3995719?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Titouan CREACH</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=titouancreach" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="https://www.youyi.io"><img src="https://avatars.githubusercontent.com/u/49471274?v=4?s=100" width="100px;" alt=""/><br /><sub><b>youyiio</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=youyiio" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/RK311y"><img src="https://avatars.githubusercontent.com/u/65210753?v=4?s=100" width="100px;" alt=""/><br /><sub><b>River Kelly</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=RK311y" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/LepkoQQ"><img src="https://avatars.githubusercontent.com/u/2662937?v=4?s=100" width="100px;" alt=""/><br /><sub><b>LepkoQQ</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=LepkoQQ" title="Code">💻</a></td>
+      <td align="center"><a href="https://cornernewclub.fr"><img src="https://avatars.githubusercontent.com/u/56829191?v=4?s=100" width="100px;" alt=""/><br /><sub><b>quentin</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=QuentinDstl" title="Code">💻</a></td>
+      <td align="center"><a href="http://cande.me"><img src="https://avatars.githubusercontent.com/u/5407915?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Cande</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=cande1gut" title="Code">💻</a></td>
+      <td align="center"><a href="https://github.com/seokjunjin"><img src="https://avatars.githubusercontent.com/u/46950889?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Seokjun Jin</b></sub></a><br /><a href="#translation-seokjunjin" title="Translation">🌍</a></td>
+      <td align="center"><a href="https://github.com/systemctls"><img src="https://avatars.githubusercontent.com/u/37177191?v=4?s=100" width="100px;" alt=""/><br /><sub><b>jinxm</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=systemctls" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center"><a href="https://yohanboniface.me"><img src="https://avatars.githubusercontent.com/u/146023?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Yohan Boniface</b></sub></a><br /><a href="#translation-yohanboniface" title="Translation">🌍</a></td>
+      <td align="center"><a href="https://github.com/drsantam"><img src="https://avatars.githubusercontent.com/u/10681456?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Santam Chakraborty</b></sub></a><br /><a href="#translation-drsantam" title="Translation">🌍</a></td>
+      <td align="center"><a href="https://bandism.net/"><img src="https://avatars.githubusercontent.com/u/22633385?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Ikko Ashimine</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=eltociear" title="Code">💻</a></td>
+      <td align="center"><a href="http://asheerrizvi.com"><img src="https://avatars.githubusercontent.com/u/17976252?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Asheer Rizvi</b></sub></a><br /><a href="https://github.com/nocodb/nocodb/commits?author=asheerrizvi" title="Code">💻</a></td>
+    </tr>
+  </tbody>
 </table>
 
 <!-- markdownlint-restore -->

From 3695ad7e2c86950c8480f4ae08136d222ecb56cf Mon Sep 17 00:00:00 2001
From: "allcontributors[bot]"
 <46447321+allcontributors[bot]@users.noreply.github.com>
Date: Mon, 12 Sep 2022 11:23:03 +0000
Subject: [PATCH 42/52] docs: update .all-contributorsrc [skip ci]

---
 .all-contributorsrc | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/.all-contributorsrc b/.all-contributorsrc
index bc754b0b5d..1787418b03 100644
--- a/.all-contributorsrc
+++ b/.all-contributorsrc
@@ -855,6 +855,15 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "asheerrizvi",
+      "name": "Asheer Rizvi",
+      "avatar_url": "https://avatars.githubusercontent.com/u/17976252?v=4",
+      "profile": "http://asheerrizvi.com",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "contributorsPerLine": 7,

From fb80587988348b9e2cf6cb56f7078c57ed91d06c Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 12 Sep 2022 17:06:33 +0530
Subject: [PATCH 43/52] refactor(api): show validation error for multi/single
 select

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../components/smartsheet-column/SelectOptions.vue    | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet-column/SelectOptions.vue b/packages/nc-gui/components/smartsheet-column/SelectOptions.vue
index 15e54cc04a..121c8ddc85 100644
--- a/packages/nc-gui/components/smartsheet-column/SelectOptions.vue
+++ b/packages/nc-gui/components/smartsheet-column/SelectOptions.vue
@@ -15,7 +15,7 @@ const props = defineProps<Props>()
 const emit = defineEmits(['update:value'])
 const vModel = useVModel(props, 'value', emit)
 
-const { setAdditionalValidations } = useColumnCreateStoreOrThrow()
+const { setAdditionalValidations, validateInfos } = useColumnCreateStoreOrThrow()
 
 let options = $ref<any[]>([])
 const colorMenus = $ref<any>({})
@@ -103,13 +103,20 @@ watch(inputs, () => {
             </template>
             <MdiArrowDownDropCircle :style="{ 'font-size': '1.5em', 'color': element.color }" class="mr-2" />
           </a-dropdown>
+
           <a-input ref="inputs" v-model:value="element.title" class="caption" />
           <MdiClose class="ml-2" :style="{ color: 'red' }" @click="removeOption(index)" />
         </div>
       </template>
       <template #footer>
+        <div v-if="validateInfos?.['colOptions.options']?.help?.[0]?.[0]" class="text-error text-xs my-2">
+          {{ validateInfos['colOptions.options'].help[0][0] }}
+        </div>
         <a-button type="dashed" class="w-full caption mt-2" @click="addNewOption()">
-          <div class="flex items-center"><MdiPlusIcon /><span class="flex-auto">Add option</span></div>
+          <div class="flex items-center">
+            <MdiPlusIcon />
+            <span class="flex-auto">Add option</span>
+          </div>
         </a-button>
       </template>
     </Draggable>

From 2d5bb1504ce634f40a30f4f37ce5bd213d7b98ff Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 12 Sep 2022 17:25:40 +0530
Subject: [PATCH 44/52] fix(api): add required validation for formula input
 field

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/smartsheet-column/FormulaOptions.vue | 1 +
 packages/nc-gui/components/smartsheet-column/SelectOptions.vue  | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/smartsheet-column/FormulaOptions.vue b/packages/nc-gui/components/smartsheet-column/FormulaOptions.vue
index 0e06220b66..f0858875bd 100644
--- a/packages/nc-gui/components/smartsheet-column/FormulaOptions.vue
+++ b/packages/nc-gui/components/smartsheet-column/FormulaOptions.vue
@@ -50,6 +50,7 @@ const validators = {
     {
       validator: (_: any, formula: any) => {
         return new Promise<void>((resolve, reject) => {
+          if (!formula?.trim()) return reject(new Error('Required'))
           const res = parseAndValidateFormula(formula)
           if (res !== true) {
             return reject(new Error(res))
diff --git a/packages/nc-gui/components/smartsheet-column/SelectOptions.vue b/packages/nc-gui/components/smartsheet-column/SelectOptions.vue
index 121c8ddc85..40a52cc1f2 100644
--- a/packages/nc-gui/components/smartsheet-column/SelectOptions.vue
+++ b/packages/nc-gui/components/smartsheet-column/SelectOptions.vue
@@ -109,7 +109,7 @@ watch(inputs, () => {
         </div>
       </template>
       <template #footer>
-        <div v-if="validateInfos?.['colOptions.options']?.help?.[0]?.[0]" class="text-error text-xs my-2">
+        <div v-if="validateInfos?.['colOptions.options']?.help?.[0]?.[0]" class="text-error text-[10px] my-2">
           {{ validateInfos['colOptions.options'].help[0][0] }}
         </div>
         <a-button type="dashed" class="w-full caption mt-2" @click="addNewOption()">

From 536f05ba7417fb787dbc74d051e4cfaa85b3c0dc Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Mon, 12 Sep 2022 18:35:34 +0530
Subject: [PATCH 45/52] test: pagination handling fix

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 .../common/3a_filter_sort_fields_operations.js      | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/scripts/cypress/integration/common/3a_filter_sort_fields_operations.js b/scripts/cypress/integration/common/3a_filter_sort_fields_operations.js
index 718d1ce9cf..86281ca09d 100644
--- a/scripts/cypress/integration/common/3a_filter_sort_fields_operations.js
+++ b/scripts/cypress/integration/common/3a_filter_sort_fields_operations.js
@@ -1,4 +1,5 @@
 import { mainPage } from "../../support/page_objects/mainPage";
+import { loginPage} from "../../support/page_objects/navigation";
 import { isTestSuiteActive } from "../../support/page_objects/projectConstants";
 
 export const genTest = (apiType, dbType) => {
@@ -6,14 +7,7 @@ export const genTest = (apiType, dbType) => {
 
     describe(`${apiType.toUpperCase()} api - Filter, Fields, Sort`, () => {
         before(() => {
-            cy.fileHook();
-            mainPage.tabReset();
-
-            // // kludge: wait for page load to finish
-            // cy.wait(1000);
-            // // close team & auth tab
-            // cy.get('button.ant-tabs-tab-remove').should('exist').click();
-            // cy.wait(1000);
+            loginPage.loginAndOpenProject(apiType, dbType);
 
             // open country table
             cy.openTableTab("Country", 25);
@@ -25,7 +19,6 @@ export const genTest = (apiType, dbType) => {
 
         describe(`Pagination`, () => {
             beforeEach(() => {
-                cy.fileHook();
             })
 
             // check pagination
@@ -95,6 +88,8 @@ export const genTest = (apiType, dbType) => {
 
                 // verify
                 cy.get(`:nth-child(10) > [data-title="Country"]`).should("not.exist");
+
+                mainPage.getPagination(1).click();
             });
 
             // create new row using right click menu option

From 87c8b2c6e0605d9b7135e7388c11d7142abbfdaa Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Mon, 12 Sep 2022 18:36:22 +0530
Subject: [PATCH 46/52] test: incorrect login removed

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 .../integration/common/3a_filter_sort_fields_operations.js      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scripts/cypress/integration/common/3a_filter_sort_fields_operations.js b/scripts/cypress/integration/common/3a_filter_sort_fields_operations.js
index 86281ca09d..e869574ae2 100644
--- a/scripts/cypress/integration/common/3a_filter_sort_fields_operations.js
+++ b/scripts/cypress/integration/common/3a_filter_sort_fields_operations.js
@@ -7,7 +7,7 @@ export const genTest = (apiType, dbType) => {
 
     describe(`${apiType.toUpperCase()} api - Filter, Fields, Sort`, () => {
         before(() => {
-            loginPage.loginAndOpenProject(apiType, dbType);
+            // loginPage.loginAndOpenProject(apiType, dbType);
 
             // open country table
             cy.openTableTab("Country", 25);

From f8e7c2ed0fe3476f808709951db04e19485dc937 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 12 Sep 2022 19:13:43 +0530
Subject: [PATCH 47/52] fix(api): provide dummy hook as fallback for
 `ReloadRowDataHookInj`

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/smartsheet/expanded-form/Header.vue | 2 +-
 packages/nc-gui/components/virtual-cell/HasMany.vue            | 2 +-
 packages/nc-gui/components/virtual-cell/ManyToMany.vue         | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
index 11d919963b..2f8e0c7cf6 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
@@ -17,7 +17,7 @@ const { isNew, syncLTARRefs } = useSmartsheetRowStoreOrThrow()
 
 const { isUIAllowed } = useUIPermission()
 
-const reloadTrigger = inject(ReloadRowDataHookInj)!
+const reloadTrigger = inject(ReloadRowDataHookInj, createEventHook())
 
 const save = async () => {
   if (isNew.value) {
diff --git a/packages/nc-gui/components/virtual-cell/HasMany.vue b/packages/nc-gui/components/virtual-cell/HasMany.vue
index 730ea8bab9..505cc065d2 100644
--- a/packages/nc-gui/components/virtual-cell/HasMany.vue
+++ b/packages/nc-gui/components/virtual-cell/HasMany.vue
@@ -30,7 +30,7 @@ const cellValue = inject(CellValueInj)!
 
 const row = inject(RowInj)!
 
-const reloadRowTrigger = inject(ReloadRowDataHookInj)!
+const reloadRowTrigger = inject(ReloadRowDataHookInj, createEventHook())
 
 const isForm = inject(IsFormInj)
 
diff --git a/packages/nc-gui/components/virtual-cell/ManyToMany.vue b/packages/nc-gui/components/virtual-cell/ManyToMany.vue
index 16b4057f7c..b5d81ed648 100644
--- a/packages/nc-gui/components/virtual-cell/ManyToMany.vue
+++ b/packages/nc-gui/components/virtual-cell/ManyToMany.vue
@@ -29,7 +29,7 @@ const row = inject(RowInj)!
 
 const cellValue = inject(CellValueInj)!
 
-const reloadRowTrigger = inject(ReloadRowDataHookInj)!
+const reloadRowTrigger = inject(ReloadRowDataHookInj, createEventHook())
 
 const isForm = inject(IsFormInj)
 

From f2301ebf7c09847262b6540b8c85c7959d00058d Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 12 Sep 2022 19:49:55 +0530
Subject: [PATCH 48/52] chore(cypress): make active menu selection consistent

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../smartsheet-toolbar/SortListMenu.vue       |   2 +-
 scripts/cypress/support/commands.js           | 737 +++++++++---------
 .../cypress/support/page_objects/mainPage.js  |   2 +-
 3 files changed, 372 insertions(+), 369 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet-toolbar/SortListMenu.vue b/packages/nc-gui/components/smartsheet-toolbar/SortListMenu.vue
index 704f21c48a..e08d784f22 100644
--- a/packages/nc-gui/components/smartsheet-toolbar/SortListMenu.vue
+++ b/packages/nc-gui/components/smartsheet-toolbar/SortListMenu.vue
@@ -41,7 +41,7 @@ watch(
 </script>
 
 <template>
-  <a-dropdown offset-y class="" :trigger="['click']">
+  <a-dropdown offset-y class="" :trigger="['click']" overlay-class-name="sort-menu-overlay">
     <div :class="{ 'nc-badge nc-active-btn': sorts?.length }">
       <a-button v-t="['c:sort']" class="nc-sort-menu-btn nc-toolbar-btn" :disabled="isLocked"
         ><div class="flex items-center gap-1">
diff --git a/scripts/cypress/support/commands.js b/scripts/cypress/support/commands.js
index 8caa7ee8d8..84020b99a1 100644
--- a/scripts/cypress/support/commands.js
+++ b/scripts/cypress/support/commands.js
@@ -24,398 +24,401 @@
 // -- This will overwrite an existing command --
 // Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
 
-import "cypress-file-upload";
-import { isXcdb, isPostgres } from "./page_objects/projectConstants";
+import 'cypress-file-upload';
+import { isXcdb, isPostgres } from './page_objects/projectConstants';
 
-require("@4tw/cypress-drag-drop");
+require('@4tw/cypress-drag-drop');
 
 // for waiting until page load
-Cypress.Commands.add("waitForSpinners", () => {
-    cy.visit("http://localhost:3000/signup", {
-        retryOnNetworkFailure: true,
-        timeout: 1200000,
-        headers: {
-            "Accept-Encoding": "gzip, deflate",
-        },
-    });
-    cy.get(".nc-form-signup").should("exist")
+Cypress.Commands.add('waitForSpinners', () => {
+  cy.visit('http://localhost:3000/signup', {
+    retryOnNetworkFailure: true,
+    timeout: 1200000,
+    headers: {
+      'Accept-Encoding': 'gzip, deflate',
+    },
+  });
+  cy.get('.nc-form-signup').should('exist');
 });
 
-Cypress.Commands.add("signinOrSignup", (_args) => {
-    const args = Object.assign(
-        { username: "user@nocodb.com", password: "Password123." },
-        _args
-    );
-
-    cy.wait(1000);
-
-    // signin/signup
-    cy.get("body").then(($body) => {
-        // cy.wait(1000)
-        cy.url().then((url) => {
-            if (!url.includes("/projects")) {
-                // handle initial load
-                if ($body.find(".welcome-page").length > 0) {
-                    cy.wait(8000);
-                    cy.get("body").trigger("mousemove");
-                    cy.snip("LetsBegin");
-                    cy.contains("Let's Begin").click();
-                    cy.get('input[type="text"]', { timeout: 12000 }).type(
-                        args.username
-                    );
-                    cy.get('input[type="password"]').type(args.password);
-                    cy.snip("SignUp");
-                    cy.get('button:contains("SIGN UP")').click();
-
-                    // handle signin
-                } else {
-                    cy.get('input[type="text"]', { timeout: 12000 }).type(
-                        args.username
-                    );
-                    cy.get('input[type="password"]').type(args.password);
-                    cy.snip("SignIn");
-                    cy.get('button:contains("SIGN IN")').click();
-                }
-            } else if (url.includes("/signin")) {
-                cy.get('input[type="text"]', { timeout: 12000 }).type(
-                    args.username
-                );
-                cy.get('input[type="password"]').type(args.password);
-                cy.snip("SignIn");
-                cy.get('button:contains("SIGN IN")').click();
-            }
-        });
+Cypress.Commands.add('signinOrSignup', (_args) => {
+  const args = Object.assign(
+    { username: 'user@nocodb.com', password: 'Password123.' },
+    _args
+  );
+
+  cy.wait(1000);
+
+  // signin/signup
+  cy.get('body').then(($body) => {
+    // cy.wait(1000)
+    cy.url().then((url) => {
+      if (!url.includes('/projects')) {
+        // handle initial load
+        if ($body.find('.welcome-page').length > 0) {
+          cy.wait(8000);
+          cy.get('body').trigger('mousemove');
+          cy.snip('LetsBegin');
+          cy.contains('Let\'s Begin').click();
+          cy.get('input[type="text"]', { timeout: 12000 }).type(
+            args.username
+          );
+          cy.get('input[type="password"]').type(args.password);
+          cy.snip('SignUp');
+          cy.get('button:contains("SIGN UP")').click();
+
+          // handle signin
+        } else {
+          cy.get('input[type="text"]', { timeout: 12000 }).type(
+            args.username
+          );
+          cy.get('input[type="password"]').type(args.password);
+          cy.snip('SignIn');
+          cy.get('button:contains("SIGN IN")').click();
+        }
+      } else if (url.includes('/signin')) {
+        cy.get('input[type="text"]', { timeout: 12000 }).type(
+          args.username
+        );
+        cy.get('input[type="password"]').type(args.password);
+        cy.snip('SignIn');
+        cy.get('button:contains("SIGN IN")').click();
+      }
     });
+  });
 
-    // indicates page-load complete
-    cy.get(".nc-noco-brand-icon", { timeout: 12000 }).should("exist");
+  // indicates page-load complete
+  cy.get('.nc-noco-brand-icon', { timeout: 12000 }).should('exist');
 });
 
 // for opening/creating a rest project
-Cypress.Commands.add("openOrCreateRestProject", (_args) => {
-    const args = Object.assign({ new: false }, _args);
-
-    // signin/signup
-    cy.signinOrSignup();
-    cy.get(".nc-new-project-menu").should("exist");
-    cy.snip("ProjectPage");
-    cy.get("body").then(($body) => {
-        const filter = args.meta
-            ? ".nc-meta-project-row"
-            : ":not(.nc-meta-project-row)";
-        // if project exist open
-        if (
-            $body.find(".nc-rest-project-row").filter(filter).length &&
-            !args.new
-        ) {
-            cy.get(".nc-rest-project-row").filter(filter).first().click();
-        } else {
-            cy.contains("New Project")
-                .trigger("onmouseover")
-                .trigger("mouseenter");
-            if (args.meta) {
-                cy.get(".nc-create-xc-db-project").click();
-                cy.url({ timeout: 6000 }).should("contain", "#/project/xcdb");
-                cy.get(".nc-metadb-project-name").type(
-                    "test_proj" + Date.now()
-                );
-                cy.contains("button", "Create", { timeout: 3000 }).click();
-            } else {
-                cy.get(".nc-create-external-db-project").click();
-                cy.url({ timeout: 6000 }).should("contain", "#/project");
-                cy.get(".database-field input").click().clear().type("sakila");
-                cy.contains("Test Database Connection").click();
-                cy.contains("Ok & Save Project", { timeout: 3000 }).click();
-            }
-        }
-    });
-    cy.url({ timeout: 20000 }).should("contain", "#/nc/");
+Cypress.Commands.add('openOrCreateRestProject', (_args) => {
+  const args = Object.assign({ new: false }, _args);
+
+  // signin/signup
+  cy.signinOrSignup();
+  cy.get('.nc-new-project-menu').should('exist');
+  cy.snip('ProjectPage');
+  cy.get('body').then(($body) => {
+    const filter = args.meta
+      ? '.nc-meta-project-row'
+      : ':not(.nc-meta-project-row)';
+    // if project exist open
+    if (
+      $body.find('.nc-rest-project-row').filter(filter).length &&
+      !args.new
+    ) {
+      cy.get('.nc-rest-project-row').filter(filter).first().click();
+    } else {
+      cy.contains('New Project')
+        .trigger('onmouseover')
+        .trigger('mouseenter');
+      if (args.meta) {
+        cy.get('.nc-create-xc-db-project').click();
+        cy.url({ timeout: 6000 }).should('contain', '#/project/xcdb');
+        cy.get('.nc-metadb-project-name').type(
+          'test_proj' + Date.now()
+        );
+        cy.contains('button', 'Create', { timeout: 3000 }).click();
+      } else {
+        cy.get('.nc-create-external-db-project').click();
+        cy.url({ timeout: 6000 }).should('contain', '#/project');
+        cy.get('.database-field input').click().clear().type('sakila');
+        cy.contains('Test Database Connection').click();
+        cy.contains('Ok & Save Project', { timeout: 3000 }).click();
+      }
+    }
+  });
+  cy.url({ timeout: 20000 }).should('contain', '#/nc/');
 });
 
-Cypress.Commands.add("refreshTableTab", () => {
-    cy.task("log", `[refreshTableTab]`);
+Cypress.Commands.add('refreshTableTab', () => {
+  cy.task('log', `[refreshTableTab]`);
 
-    cy.get(".nc-project-tree")
-        .find(".v-list-item__title:contains(Tables)", { timeout: 10000 })
-        .should("exist")
-        .first()
-        .rightclick({ force: true });
+  cy.get('.nc-project-tree')
+    .find('.v-list-item__title:contains(Tables)', { timeout: 10000 })
+    .should('exist')
+    .first()
+    .rightclick({ force: true });
 
-    cy.getActiveMenu()
-        .find('[role="menuitem"]')
-        .contains("Tables Refresh")
-        .should("exist")
-        .click({ force: true });
+  cy.getActiveMenu()
+    .find('[role="menuitem"]')
+    .contains('Tables Refresh')
+    .should('exist')
+    .click({ force: true });
 
-    cy.toastWait("Tables refreshed");
+  cy.toastWait('Tables refreshed');
 });
 
 // tn: table name
 // rc: row count. validate row count if rc!=0
-Cypress.Commands.add("openTableTab", (tn, rc) => {
-    cy.task("log", `[openTableTab] ${tn} ${rc}`);
+Cypress.Commands.add('openTableTab', (tn, rc) => {
+  cy.task('log', `[openTableTab] ${tn} ${rc}`);
+
+  cy.get(`.nc-project-tree-tbl-${tn}`)
+    .should('exist')
+    .first()
+    .click();
+
+  // kludge to make new tab active
+  // cy.get('.ant-tabs-tab-btn')
+  //   .contains(tn)
+  //   .should('exist')
+  //   .click();
+  cy.wait(3000);
+
+  cy.get('.xc-row-table.nc-grid').should('exist');
+
+  // wait for page rendering to complete
+  if (rc != 0) {
+    cy.get('.nc-grid-row').should('have.length', rc);
+  }
+});
 
-    cy.get(`.nc-project-tree-tbl-${tn}`)
-      .should("exist")
-      .first()
-      .click();
+Cypress.Commands.add('closeTableTab', (tn) => {
+  cy.task('log', `[closeTableTab] ${tn}`);
+  cy.get('.ant-tabs-tab-btn')
+    .contains(tn)
+    .should('exist')
+    .parent()
+    .parent()
+    .parent()
+    .find('button')
+    .click();
+
+  // subsequent tab open commands will fail if tab is not closed completely
+  cy.wait(1000);
+});
 
-    // kludge to make new tab active
-    // cy.get('.ant-tabs-tab-btn')
-    //   .contains(tn)
-    //   .should('exist')
-    //   .click();
-    cy.wait(3000);
+Cypress.Commands.add('openOrCreateGqlProject', (_args) => {
+  const args = Object.assign({ new: false, meta: false }, _args);
 
-    cy.get('.xc-row-table.nc-grid').should('exist');
+  cy.signinOrSignup();
 
-    // wait for page rendering to complete
-    if (rc != 0) {
-        cy.get(".nc-grid-row").should("have.length", rc);
+  cy.get('.nc-new-project-menu').should('exist');
+  cy.get('body').then(($body) => {
+    const filter = args.meta
+      ? '.nc-meta-project-row'
+      : ':not(.nc-meta-project-row)';
+    // if project exist open
+    if (
+      $body.find('.nc-graphql-project-row').filter(filter).length &&
+      !args.new
+    ) {
+      cy.get('.nc-graphql-project-row').filter(filter).first().click();
+    } else {
+      cy.contains('New Project')
+        .trigger('onmouseover')
+        .trigger('mouseenter');
+      if (args.meta) {
+        cy.get('.nc-create-xc-db-project').click();
+        cy.url({ timeout: 6000 }).should('contain', '#/project/xcdb');
+        cy.contains('GRAPHQL APIs').closest('label').click();
+        cy.get('.nc-metadb-project-name').type(
+          'test_proj' + Date.now()
+        );
+        cy.contains('button', 'Create', { timeout: 3000 }).click();
+      } else {
+        cy.get('.nc-create-external-db-project').click();
+        cy.url({ timeout: 6000 }).should('contain', '#/project');
+        cy.contains('GRAPHQL APIs').closest('label').click();
+        cy.get('.database-field input').click().clear().type('sakila');
+        cy.contains('Test Database Connection').click();
+        cy.contains('Ok & Save Project').should('exist').click();
+      }
     }
-});
-
-Cypress.Commands.add("closeTableTab", (tn) => {
-    cy.task("log", `[closeTableTab] ${tn}`);
-    cy.get('.ant-tabs-tab-btn')
-      .contains(tn)
-      .should('exist')
-      .parent()
-      .parent()
-      .parent()
-      .find('button')
-      .click();
-
-    // subsequent tab open commands will fail if tab is not closed completely
-    cy.wait(1000);
-});
-
-Cypress.Commands.add("openOrCreateGqlProject", (_args) => {
-    const args = Object.assign({ new: false, meta: false }, _args);
-
-    cy.signinOrSignup();
-
-    cy.get(".nc-new-project-menu").should("exist");
-    cy.get("body").then(($body) => {
-        const filter = args.meta
-            ? ".nc-meta-project-row"
-            : ":not(.nc-meta-project-row)";
-        // if project exist open
-        if (
-            $body.find(".nc-graphql-project-row").filter(filter).length &&
-            !args.new
-        ) {
-            cy.get(".nc-graphql-project-row").filter(filter).first().click();
-        } else {
-            cy.contains("New Project")
-                .trigger("onmouseover")
-                .trigger("mouseenter");
-            if (args.meta) {
-                cy.get(".nc-create-xc-db-project").click();
-                cy.url({ timeout: 6000 }).should("contain", "#/project/xcdb");
-                cy.contains("GRAPHQL APIs").closest("label").click();
-                cy.get(".nc-metadb-project-name").type(
-                    "test_proj" + Date.now()
-                );
-                cy.contains("button", "Create", { timeout: 3000 }).click();
-            } else {
-                cy.get(".nc-create-external-db-project").click();
-                cy.url({ timeout: 6000 }).should("contain", "#/project");
-                cy.contains("GRAPHQL APIs").closest("label").click();
-                cy.get(".database-field input").click().clear().type("sakila");
-                cy.contains("Test Database Connection").click();
-                cy.contains("Ok & Save Project").should('exist').click();
-            }
-        }
-    });
-    cy.url({ timeout: 20000 }).should("contain", "#/nc/");
+  });
+  cy.url({ timeout: 20000 }).should('contain', '#/nc/');
 });
 
 let LOCAL_STORAGE_MEMORY = {};
 let LOCAL_STORAGE_MEMORY_v2 = {};
 
-Cypress.Commands.add("saveLocalStorage", (name) => {
-    if(name) {
-        cy.task('log', `[saveLocalStorage] ${name}`);
-        LOCAL_STORAGE_MEMORY_v2[name] = {}
-        Object.keys(localStorage).forEach((key) => {
-            LOCAL_STORAGE_MEMORY_v2[name][key] = localStorage[key];
-        });
-        return;
-    }
-
-    LOCAL_STORAGE_MEMORY = {};
+Cypress.Commands.add('saveLocalStorage', (name) => {
+  if (name) {
+    cy.task('log', `[saveLocalStorage] ${name}`);
+    LOCAL_STORAGE_MEMORY_v2[name] = {};
     Object.keys(localStorage).forEach((key) => {
-        LOCAL_STORAGE_MEMORY[key] = localStorage[key];
+      LOCAL_STORAGE_MEMORY_v2[name][key] = localStorage[key];
     });
-    cy.printLocalStorage();
-
-});
+    return;
+  }
 
-Cypress.Commands.add("restoreLocalStorage", (name) => {
-    if(name) {
-        cy.task('log', `[restoreLocalStorage] ${name}`);
-        Object.keys(LOCAL_STORAGE_MEMORY_v2[name]).forEach((key) => {
-            localStorage.setItem(key, LOCAL_STORAGE_MEMORY_v2[name][key]);
-        });
-        return;
-    }
+  LOCAL_STORAGE_MEMORY = {};
+  Object.keys(localStorage).forEach((key) => {
+    LOCAL_STORAGE_MEMORY[key] = localStorage[key];
+  });
+  cy.printLocalStorage();
 
-    cy.deleteLocalStorage().then(() => {
-        Object.keys(LOCAL_STORAGE_MEMORY).forEach((key) => {
-            localStorage.setItem(key, LOCAL_STORAGE_MEMORY[key]);
-        });
+});
 
-        cy.printLocalStorage();
+Cypress.Commands.add('restoreLocalStorage', (name) => {
+  if (name) {
+    cy.task('log', `[restoreLocalStorage] ${name}`);
+    Object.keys(LOCAL_STORAGE_MEMORY_v2[name]).forEach((key) => {
+      localStorage.setItem(key, LOCAL_STORAGE_MEMORY_v2[name][key]);
     });
-});
+    return;
+  }
 
-Cypress.Commands.add("deleteLocalStorage", () => {
+  cy.deleteLocalStorage().then(() => {
     Object.keys(LOCAL_STORAGE_MEMORY).forEach((key) => {
-        localStorage.removeItem(key);
+      localStorage.setItem(key, LOCAL_STORAGE_MEMORY[key]);
     });
+
+    cy.printLocalStorage();
+  });
+});
+
+Cypress.Commands.add('deleteLocalStorage', () => {
+  Object.keys(LOCAL_STORAGE_MEMORY).forEach((key) => {
+    localStorage.removeItem(key);
+  });
 });
 
 Cypress.Commands.add('printLocalStorage', () => {
-    cy.task('log', `[printLocalStorage]`);
-    cy.task('log', JSON.stringify(localStorage, null, 2));
-    cy.task('log', JSON.stringify(LOCAL_STORAGE_MEMORY, null, 2));
-})
+  cy.task('log', `[printLocalStorage]`);
+  cy.task('log', JSON.stringify(localStorage, null, 2));
+  cy.task('log', JSON.stringify(LOCAL_STORAGE_MEMORY, null, 2));
+});
 
-Cypress.Commands.add("getActiveModal", () => {
-    return cy.get(".ant-modal-content:visible").last()
+Cypress.Commands.add('getActiveModal', () => {
+  return cy.get('.ant-modal-content:visible').last();
 });
 
-Cypress.Commands.add("getActiveMenu", () => {
-    return cy.get(".ant-dropdown-content:visible").last();
+Cypress.Commands.add('getActiveMenu', (overlayClassName) => {
+  if (overlayClassName) {
+    return cy.get(`${overlayClassName} .ant-dropdown-content:visible`);
+  }
+  return cy.get('.ant-dropdown-content:visible').last();
 });
 
-Cypress.Commands.add("getActivePopUp", () => {
-    return cy.get(".ant-menu-submenu-popup:visible").last();
-})
+Cypress.Commands.add('getActivePopUp', () => {
+  return cy.get('.ant-menu-submenu-popup:visible').last();
+});
 
-Cypress.Commands.add("getActiveSelection", () => {
-    return cy.get(".ant-select-dropdown:visible").last();
-})
+Cypress.Commands.add('getActiveSelection', () => {
+  return cy.get('.ant-select-dropdown:visible').last();
+});
 
-Cypress.Commands.add("getActiveDrawer", () => {
-    return cy.get(".ant-drawer-content:visible").last();
+Cypress.Commands.add('getActiveDrawer', () => {
+  return cy.get('.ant-drawer-content:visible').last();
 });
 
-Cypress.Commands.add("getActivePicker", () => {
-    return cy.get(".ant-picker-dropdown :visible").last();
+Cypress.Commands.add('getActivePicker', () => {
+  return cy.get('.ant-picker-dropdown :visible').last();
 });
 
-Cypress.Commands.add("createTable", (name) => {
-    cy.task("log", `[createTableTab] ${name}`);
-    cy.wait(1000);
-    cy.get('.nc-add-new-table').should('exist').click();
-    cy.wait(1000);
-    cy.getActiveModal().find(`input[type="text"]:visible`)
-      .click()
-      .clear()
-      .type(name)
-    // submit button
-    cy.getActiveModal().find("button.ant-btn-primary:visible").click();
-    cy.wait(1000)
-    cy.get('.xc-row-table.nc-grid').should('exist');
-    // cy.get('.ant-tabs-tab-active > .ant-tabs-tab-btn').contains(name).should("exist");
-    cy.url().should("contain", `table/${name}`);
-    cy.get(`.nc-project-tree-tbl-${name}`).should("exist");
-    cy.wait(1000)
+Cypress.Commands.add('createTable', (name) => {
+  cy.task('log', `[createTableTab] ${name}`);
+  cy.wait(1000);
+  cy.get('.nc-add-new-table').should('exist').click();
+  cy.wait(1000);
+  cy.getActiveModal().find(`input[type="text"]:visible`)
+    .click()
+    .clear()
+    .type(name);
+  // submit button
+  cy.getActiveModal().find('button.ant-btn-primary:visible').click();
+  cy.wait(1000);
+  cy.get('.xc-row-table.nc-grid').should('exist');
+  // cy.get('.ant-tabs-tab-active > .ant-tabs-tab-btn').contains(name).should("exist");
+  cy.url().should('contain', `table/${name}`);
+  cy.get(`.nc-project-tree-tbl-${name}`).should('exist');
+  cy.wait(1000);
 });
 
-Cypress.Commands.add("deleteTable", (name, dbType) => {
-    cy.get(`.nc-project-tree-tbl-${name}`).should("exist").rightclick();
-    cy.getActiveMenu().find('[role="menuitem"]').contains("Delete").click();
-    cy.getActiveModal().find("button").contains("Yes").click();
+Cypress.Commands.add('deleteTable', (name, dbType) => {
+  cy.get(`.nc-project-tree-tbl-${name}`).should('exist').rightclick();
+  cy.getActiveMenu().find('[role="menuitem"]').contains('Delete').click();
+  cy.getActiveModal().find('button').contains('Yes').click();
 
-    cy.toastWait(`Deleted table successfully`);
+  cy.toastWait(`Deleted table successfully`);
 });
 
-Cypress.Commands.add("renameTable", (oldName, newName) => {
+Cypress.Commands.add('renameTable', (oldName, newName) => {
 
-    // right click on project table name
-    cy.get(`.nc-project-tree-tbl-${oldName}`)
-        .should('exist')
-        .first()
-        .rightclick();
+  // right click on project table name
+  cy.get(`.nc-project-tree-tbl-${oldName}`)
+    .should('exist')
+    .first()
+    .rightclick();
 
-    // choose rename option from menu
-    cy.getActiveMenu()
-        .find('[role="menuitem"]')
-        .contains("Rename")
-        .click({ force: true });
+  // choose rename option from menu
+  cy.getActiveMenu()
+    .find('[role="menuitem"]')
+    .contains('Rename')
+    .click({ force: true });
 
-    // feed new name
-    cy.getActiveModal().find("input").clear().type(newName);
+  // feed new name
+  cy.getActiveModal().find('input').clear().type(newName);
 
-    // submit
-    cy.getActiveModal().find("button").contains("Submit").click();
+  // submit
+  cy.getActiveModal().find('button').contains('Submit').click();
 
-    cy.toastWait("Table renamed successfully");
+  cy.toastWait('Table renamed successfully');
 
 });
 
-Cypress.Commands.add("createColumn", (table, columnName) => {
-    cy.get(".nc-project-tree")
-        .find(".v-list-item__title:contains(Tables)")
-        .should('exist')
-        .first()
-        .click();
-    cy.get(".nc-project-tree")
-        .contains(table)
-        .should('exist')
-        .first()
-        .click({ force: true });
-    cy.get(`.project-tab:contains(${table}):visible`).should("exist");
-    cy.get(".v-window-item--active .nc-grid  tr > th:last button").click({
-        force: true,
-    });
-    cy.get(".nc-column-name-input input").clear().type(columnName);
-    cy.getActiveMenu("Menu_CreateColumn");
-    cy.get(".nc-col-create-or-edit-card").contains("Save").click();
-    cy.get("th:contains(new_column)").should("exist");
+Cypress.Commands.add('createColumn', (table, columnName) => {
+  cy.get('.nc-project-tree')
+    .find('.v-list-item__title:contains(Tables)')
+    .should('exist')
+    .first()
+    .click();
+  cy.get('.nc-project-tree')
+    .contains(table)
+    .should('exist')
+    .first()
+    .click({ force: true });
+  cy.get(`.project-tab:contains(${table}):visible`).should('exist');
+  cy.get('.v-window-item--active .nc-grid  tr > th:last button').click({
+    force: true,
+  });
+  cy.get('.nc-column-name-input input').clear().type(columnName);
+  cy.getActiveMenu('Menu_CreateColumn');
+  cy.get('.nc-col-create-or-edit-card').contains('Save').click();
+  cy.get('th:contains(new_column)').should('exist');
 });
 
-Cypress.Commands.add("toastWait", (msg) => {
-    // cy.get('.ant-message-notice-content:visible', { timout: 30000 }).should('exist')
-    cy.get('.ant-message-notice-content:visible', { timout: 30000 }).contains(msg).should('exist')
-    cy.get('.ant-message-notice-content:visible', { timout: 12000 }).should('not.exist')
+Cypress.Commands.add('toastWait', (msg) => {
+  // cy.get('.ant-message-notice-content:visible', { timout: 30000 }).should('exist')
+  cy.get('.ant-message-notice-content:visible', { timout: 30000 }).contains(msg).should('exist');
+  cy.get('.ant-message-notice-content:visible', { timout: 12000 }).should('not.exist');
 });
 
 // vn: view name
 // rc: expected row count. validate row count if rc!=0
-Cypress.Commands.add("openViewsTab", (vn, rc) => {
-    cy.task("log", `[openViewsTab] ${vn} ${rc}`);
-
-    cy.get(`.nc-project-tree-tbl-${vn}`, { timeout: 10000 }).should("exist")
-      .first()
-      .click({ force: true });
-
-    // kludge to make new tab active
-    cy.get('.ant-tabs-tab-btn')
-      .contains(vn)
-      .should('exist')
-      .click({ force: true });
-
-    // wait for page rendering to complete
-    if (rc != 0) {
-        cy.get('.xc-row-table.nc-grid').should('exist');
-        cy.get(".nc-grid-row").should("have.length", rc);
-    }
+Cypress.Commands.add('openViewsTab', (vn, rc) => {
+  cy.task('log', `[openViewsTab] ${vn} ${rc}`);
+
+  cy.get(`.nc-project-tree-tbl-${vn}`, { timeout: 10000 }).should('exist')
+    .first()
+    .click({ force: true });
+
+  // kludge to make new tab active
+  cy.get('.ant-tabs-tab-btn')
+    .contains(vn)
+    .should('exist')
+    .click({ force: true });
+
+  // wait for page rendering to complete
+  if (rc != 0) {
+    cy.get('.xc-row-table.nc-grid').should('exist');
+    cy.get('.nc-grid-row').should('have.length', rc);
+  }
 });
 
-Cypress.Commands.add("closeViewsTab", (vn) => {
-    cy.task("log", `[closeViewsTab] ${vn}`);
-    cy.get('.ant-tabs-tab-btn')
-      .contains(vn)
-      .should('exist')
-      .parent()
-      .parent()
-      .parent()
-      .find('button')
-      .click();
+Cypress.Commands.add('closeViewsTab', (vn) => {
+  cy.task('log', `[closeViewsTab] ${vn}`);
+  cy.get('.ant-tabs-tab-btn')
+    .contains(vn)
+    .should('exist')
+    .parent()
+    .parent()
+    .parent()
+    .find('button')
+    .click();
 });
 
 // Support for screen-shots
@@ -424,66 +427,66 @@ Cypress.Commands.add("closeViewsTab", (vn) => {
 let screenShotDb = [];
 
 // snip entire screen
-Cypress.Commands.add("snip", (filename) => {
-    if (
-        true === Cypress.env("screenshot") &&
-        false === screenShotDb.includes(filename)
-    ) {
-        let storeName = `${screenShotDb.length}_${filename}`;
-        screenShotDb.push(filename);
-        cy.wait(1000);
-        cy.screenshot(storeName, { overwrite: true });
-    }
+Cypress.Commands.add('snip', (filename) => {
+  if (
+    true === Cypress.env('screenshot') &&
+    false === screenShotDb.includes(filename)
+  ) {
+    let storeName = `${screenShotDb.length}_${filename}`;
+    screenShotDb.push(filename);
+    cy.wait(1000);
+    cy.screenshot(storeName, { overwrite: true });
+  }
 });
 
 // snip current modal
-Cypress.Commands.add("snipActiveModal", (filename) => {
-    if (
-        true === Cypress.env("screenshot") &&
-        false === screenShotDb.includes(filename)
-    ) {
-        let storeName = `${screenShotDb.length}_${filename}`;
-        screenShotDb.push(filename);
-        cy.wait(1000);
-        // cy.getActiveModal().screenshot(filename, {
-        //     padding: 0,
-        //     overwrite: true,
-        // });
-        cy.screenshot(storeName, { overwrite: true });
-    }
+Cypress.Commands.add('snipActiveModal', (filename) => {
+  if (
+    true === Cypress.env('screenshot') &&
+    false === screenShotDb.includes(filename)
+  ) {
+    let storeName = `${screenShotDb.length}_${filename}`;
+    screenShotDb.push(filename);
+    cy.wait(1000);
+    // cy.getActiveModal().screenshot(filename, {
+    //     padding: 0,
+    //     overwrite: true,
+    // });
+    cy.screenshot(storeName, { overwrite: true });
+  }
 });
 
 // snip current menu
-Cypress.Commands.add("snipActiveMenu", (filename) => {
-    if (
-        true === Cypress.env("screenshot") &&
-        false === screenShotDb.includes(filename)
-    ) {
-        let storeName = `${screenShotDb.length}_${filename}`;
-        screenShotDb.push(filename);
-        cy.wait(1000);
-        // cy.getActiveMenu().screenshot(filename, {
-        //     padding: 0,
-        //     overwrite: true,
-        // });
-        cy.screenshot(storeName, { overwrite: true });
-    }
+Cypress.Commands.add('snipActiveMenu', (filename) => {
+  if (
+    true === Cypress.env('screenshot') &&
+    false === screenShotDb.includes(filename)
+  ) {
+    let storeName = `${screenShotDb.length}_${filename}`;
+    screenShotDb.push(filename);
+    cy.wait(1000);
+    // cy.getActiveMenu().screenshot(filename, {
+    //     padding: 0,
+    //     overwrite: true,
+    // });
+    cy.screenshot(storeName, { overwrite: true });
+  }
 });
 
 // pre-test file hook
-Cypress.Commands.add("fileHook", () => {
-    window.localStorage.setItem('vueuse-color-scheme', 'light')
+Cypress.Commands.add('fileHook', () => {
+  window.localStorage.setItem('vueuse-color-scheme', 'light');
 });
 
-Cypress.Commands.add("signOut", () => {
-    // sign out
-    cy.visit(`/`);
-    cy.get('.nc-project-page-title', {timeout: 30000}).contains("My Projects").should("be.visible");
-    cy.get('.nc-menu-accounts', {timeout: 30000}).should('exist').click();
-    cy.getActiveMenu().find('.ant-dropdown-menu-item').eq(1).click();
+Cypress.Commands.add('signOut', () => {
+  // sign out
+  cy.visit(`/`);
+  cy.get('.nc-project-page-title', { timeout: 30000 }).contains('My Projects').should('be.visible');
+  cy.get('.nc-menu-accounts', { timeout: 30000 }).should('exist').click();
+  cy.getActiveMenu().find('.ant-dropdown-menu-item').eq(1).click();
 
-    cy.wait(5000);
-    cy.get('button:contains("SIGN")').should('exist')
+  cy.wait(5000);
+  cy.get('button:contains("SIGN")').should('exist');
 });
 
 
diff --git a/scripts/cypress/support/page_objects/mainPage.js b/scripts/cypress/support/page_objects/mainPage.js
index ba2348498c..7b93c399ef 100644
--- a/scripts/cypress/support/page_objects/mainPage.js
+++ b/scripts/cypress/support/page_objects/mainPage.js
@@ -313,7 +313,7 @@ export class _mainPage {
     sortField = (field, criteria) => {
         cy.get(".nc-sort-menu-btn").click();
         cy.wait(500)
-        cy.getActiveMenu().contains("Add Sort Option").click();
+        cy.getActiveMenu('.sort-menu-overlay').contains("Add Sort Option").click();
         cy.wait(500)
         // cy.get(".nc-sort-field-select div").first().click().type(field);
         cy.get(".nc-sort-field-select div").first().click();

From 194da8d1a258ce4f5c218cae09f03d48fce478df Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 12 Sep 2022 20:12:29 +0530
Subject: [PATCH 49/52] chore(cypress): make dropdown selection consistent

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/smartsheet-toolbar/SortListMenu.vue | 1 +
 scripts/cypress/support/page_objects/mainPage.js               | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/smartsheet-toolbar/SortListMenu.vue b/packages/nc-gui/components/smartsheet-toolbar/SortListMenu.vue
index e08d784f22..efb4d3eb49 100644
--- a/packages/nc-gui/components/smartsheet-toolbar/SortListMenu.vue
+++ b/packages/nc-gui/components/smartsheet-toolbar/SortListMenu.vue
@@ -73,6 +73,7 @@ watch(
               :label="$t('labels.operation')"
               @click.stop
               @select="saveOrUpdate(sort, i)"
+              dropdown-class-name="sort-dir-dropdown"
             >
               <a-select-option
                 v-for="(option, j) in getSortDirectionOptions(columnByID[sort.fk_column_id]?.uidt)"
diff --git a/scripts/cypress/support/page_objects/mainPage.js b/scripts/cypress/support/page_objects/mainPage.js
index 7b93c399ef..e012d15e83 100644
--- a/scripts/cypress/support/page_objects/mainPage.js
+++ b/scripts/cypress/support/page_objects/mainPage.js
@@ -322,7 +322,7 @@ export class _mainPage {
         cy.wait(500)
         cy.get(".nc-sort-dir-select div").first().click();
         cy.wait(500)
-        cy.get('.ant-select-dropdown:visible').find(`.ant-select-item`).contains(criteria).should('exist').click();
+        cy.get('.sort-dir-dropdown.ant-select-dropdown:visible').find(`.ant-select-item`).contains(criteria).should('exist').click();
         cy.wait(500)
         cy.get(".nc-sort-menu-btn").click();
         cy.wait(500)

From 226a883ea6b6d34ff5f05a1162a3a1f41b25338a Mon Sep 17 00:00:00 2001
From: wingkwong <wingkwong@users.noreply.github.com>
Date: Tue, 13 Sep 2022 02:55:13 +0000
Subject: [PATCH 50/52] [create-pull-request] automated change

Signed-off-by: GitHub <noreply@github.com>
---
 packages/nc-gui/package-lock.json     |  70 ++++---
 packages/nc-gui/package.json          |   2 +-
 packages/nc-lib-gui/package.json      |   2 +-
 packages/nocodb-sdk/package-lock.json | 285 +-------------------------
 packages/nocodb-sdk/package.json      |   2 +-
 packages/nocodb/package-lock.json     |  66 +++---
 packages/nocodb/package.json          |   8 +-
 7 files changed, 73 insertions(+), 362 deletions(-)

diff --git a/packages/nc-gui/package-lock.json b/packages/nc-gui/package-lock.json
index a7e829ad51..e45b2388b5 100644
--- a/packages/nc-gui/package-lock.json
+++ b/packages/nc-gui/package-lock.json
@@ -21,7 +21,7 @@
         "jwt-decode": "^3.1.2",
         "locale-codes": "^1.3.1",
         "monaco-editor": "^0.33.0",
-        "nocodb-sdk": "file:../nocodb-sdk",
+        "nocodb-sdk": "0.96.3",
         "papaparse": "^5.3.2",
         "socket.io-client": "^4.5.1",
         "sortablejs": "^1.15.0",
@@ -79,7 +79,8 @@
       }
     },
     "../nocodb-sdk": {
-      "version": "0.96.2",
+      "version": "0.96.3",
+      "extraneous": true,
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
@@ -7459,7 +7460,6 @@
       "version": "1.15.1",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.1.tgz",
       "integrity": "sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==",
-      "devOptional": true,
       "funding": [
         {
           "type": "individual",
@@ -10363,8 +10363,25 @@
       }
     },
     "node_modules/nocodb-sdk": {
-      "resolved": "../nocodb-sdk",
-      "link": true
+      "version": "0.96.3",
+      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.3.tgz",
+      "integrity": "sha512-gR9bO7L8kcu0A3myOd4czNOYYM8hgr24HwUmCP3FLe8C+psaOZkUuDGkHuNW5QLD7HVpN+KKidoo+vUrVvawJA==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "axios": "^0.21.1",
+        "jsep": "^1.3.6"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/nocodb-sdk/node_modules/axios": {
+      "version": "0.21.4",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz",
+      "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==",
+      "dependencies": {
+        "follow-redirects": "^1.14.0"
+      }
     },
     "node_modules/node-abi": {
       "version": "3.23.0",
@@ -20739,8 +20756,7 @@
     "follow-redirects": {
       "version": "1.15.1",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.1.tgz",
-      "integrity": "sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==",
-      "devOptional": true
+      "integrity": "sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA=="
     },
     "form-data": {
       "version": "4.0.0",
@@ -22955,34 +22971,22 @@
       }
     },
     "nocodb-sdk": {
-      "version": "file:../nocodb-sdk",
+      "version": "0.96.3",
+      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.3.tgz",
+      "integrity": "sha512-gR9bO7L8kcu0A3myOd4czNOYYM8hgr24HwUmCP3FLe8C+psaOZkUuDGkHuNW5QLD7HVpN+KKidoo+vUrVvawJA==",
       "requires": {
-        "@ava/typescript": "^1.1.1",
-        "@istanbuljs/nyc-config-typescript": "^1.0.1",
-        "@typescript-eslint/eslint-plugin": "^4.0.1",
-        "@typescript-eslint/parser": "^4.0.1",
-        "ava": "^3.12.1",
         "axios": "^0.21.1",
-        "codecov": "^3.5.0",
-        "cspell": "^4.1.0",
-        "cz-conventional-changelog": "^3.3.0",
-        "eslint": "^7.8.0",
-        "eslint-config-prettier": "^6.11.0",
-        "eslint-plugin-eslint-comments": "^3.2.0",
-        "eslint-plugin-functional": "^3.0.2",
-        "eslint-plugin-import": "^2.22.0",
-        "eslint-plugin-prettier": "^4.0.0",
-        "gh-pages": "^3.1.0",
-        "jsep": "^1.3.6",
-        "npm-run-all": "^4.1.5",
-        "nyc": "^15.1.0",
-        "open-cli": "^6.0.1",
-        "prettier": "^2.1.1",
-        "standard-version": "^9.0.0",
-        "swagger-typescript-api": "^10.0.1",
-        "ts-node": "^9.0.0",
-        "typedoc": "^0.22.17",
-        "typescript": "^4.0.2"
+        "jsep": "^1.3.6"
+      },
+      "dependencies": {
+        "axios": {
+          "version": "0.21.4",
+          "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz",
+          "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==",
+          "requires": {
+            "follow-redirects": "^1.14.0"
+          }
+        }
       }
     },
     "node-abi": {
diff --git a/packages/nc-gui/package.json b/packages/nc-gui/package.json
index 28823d9cfb..ab44fe2207 100644
--- a/packages/nc-gui/package.json
+++ b/packages/nc-gui/package.json
@@ -29,7 +29,7 @@
     "jwt-decode": "^3.1.2",
     "locale-codes": "^1.3.1",
     "monaco-editor": "^0.33.0",
-    "nocodb-sdk": "file:../nocodb-sdk",
+    "nocodb-sdk": "0.96.3",
     "papaparse": "^5.3.2",
     "socket.io-client": "^4.5.1",
     "sortablejs": "^1.15.0",
diff --git a/packages/nc-lib-gui/package.json b/packages/nc-lib-gui/package.json
index 3ca8c76f22..5d44828a58 100644
--- a/packages/nc-lib-gui/package.json
+++ b/packages/nc-lib-gui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nc-lib-gui",
-  "version": "0.96.2",
+  "version": "0.96.3",
   "description": "NocoDB GUI",
   "author": {
     "name": "NocoDB",
diff --git a/packages/nocodb-sdk/package-lock.json b/packages/nocodb-sdk/package-lock.json
index 425895a5aa..ff7b5d537b 100644
--- a/packages/nocodb-sdk/package-lock.json
+++ b/packages/nocodb-sdk/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "nocodb-sdk",
-  "version": "0.96.2",
+  "version": "0.96.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "nocodb-sdk",
-      "version": "0.96.2",
+      "version": "0.96.3",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
@@ -538,19 +538,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/nyc/node_modules/yargs-parser": {
-      "version": "18.1.3",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
-      "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
-      "dev": true,
-      "dependencies": {
-        "camelcase": "^5.0.0",
-        "decamelize": "^1.2.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/table/node_modules/ansi-styles": {
       "version": "4.3.0",
       "dev": true,
@@ -1578,18 +1565,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/gh-pages/node_modules/array-union": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
-      "integrity": "sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==",
-      "dev": true,
-      "dependencies": {
-        "array-uniq": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/escape-goat": {
       "version": "2.1.1",
       "dev": true,
@@ -1811,15 +1786,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/nyc/node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/npm-run-all/node_modules/path-key": {
       "version": "2.0.1",
       "dev": true,
@@ -2140,15 +2106,6 @@
         "node": ">= 8"
       }
     },
-    "node_modules/gh-pages/node_modules/universalify": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
-      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
     "node_modules/signal-exit": {
       "version": "3.0.7",
       "dev": true,
@@ -2582,15 +2539,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/typedoc/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
     "node_modules/trim-repeated": {
       "version": "1.0.0",
       "dev": true,
@@ -3022,18 +2970,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/git-semver-tags/node_modules/type-fest": {
-      "version": "0.18.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
-      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/strip-indent": {
       "version": "3.0.0",
       "dev": true,
@@ -4158,15 +4094,6 @@
         "node": ">=0.8.0"
       }
     },
-    "node_modules/inquirer/node_modules/is-fullwidth-code-point": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-      "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/dotgitignore/node_modules/path-exists": {
       "version": "3.0.0",
       "dev": true,
@@ -5217,15 +5144,6 @@
         "once": "^1.4.0"
       }
     },
-    "node_modules/array-uniq": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
-      "integrity": "sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/escalade": {
       "version": "3.1.1",
       "dev": true,
@@ -5242,21 +5160,6 @@
         "node": ">=4.0.0"
       }
     },
-    "node_modules/standard-version/node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/eslint-module-utils/node_modules/p-limit": {
       "version": "1.3.0",
       "dev": true,
@@ -5693,15 +5596,6 @@
         "node": "^10.12.0 || >=12.0.0"
       }
     },
-    "node_modules/standard-version/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "dev": true,
@@ -7207,18 +7101,6 @@
         "node": ">=4.8"
       }
     },
-    "node_modules/standard-version/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/spawn-wrap": {
       "version": "2.0.0",
       "dev": true,
@@ -7251,18 +7133,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/strip-json-comments": {
       "version": "2.0.1",
       "dev": true,
@@ -7340,21 +7210,6 @@
       "license": "MIT",
       "optional": true
     },
-    "node_modules/standard-version/node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/@nodelib/fs.walk": {
       "version": "1.2.8",
       "dev": true,
@@ -7608,21 +7463,6 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/standard-version/node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/detect-newline": {
       "version": "3.1.0",
       "dev": true,
@@ -8611,15 +8451,6 @@
         "ini": "^1.3.2"
       }
     },
-    "node_modules/standard-version/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/semver-diff": {
       "version": "3.1.1",
       "dev": true,
@@ -10637,12 +10468,6 @@
       "version": "2.1.0",
       "dev": true
     },
-    "array-uniq": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
-      "integrity": "sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==",
-      "dev": true
-    },
     "array.prototype.flat": {
       "version": "1.2.5",
       "dev": true,
@@ -12789,15 +12614,6 @@
         "globby": "^6.1.0"
       },
       "dependencies": {
-        "array-union": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
-          "integrity": "sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==",
-          "dev": true,
-          "requires": {
-            "array-uniq": "^1.0.1"
-          }
-        },
         "commander": {
           "version": "2.20.3",
           "dev": true
@@ -12825,12 +12641,6 @@
         "pify": {
           "version": "2.3.0",
           "dev": true
-        },
-        "universalify": {
-          "version": "0.1.2",
-          "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
-          "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
-          "dev": true
         }
       }
     },
@@ -12927,12 +12737,6 @@
         "semver": {
           "version": "6.3.0",
           "dev": true
-        },
-        "type-fest": {
-          "version": "0.18.1",
-          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
-          "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
-          "dev": true
         }
       }
     },
@@ -13300,12 +13104,6 @@
           "version": "3.0.0",
           "dev": true
         },
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==",
-          "dev": true
-        },
         "restore-cursor": {
           "version": "2.0.0",
           "dev": true,
@@ -14266,12 +14064,6 @@
             "color-convert": "^2.0.1"
           }
         },
-        "camelcase": {
-          "version": "5.3.1",
-          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-          "dev": true
-        },
         "cliui": {
           "version": "6.0.0",
           "dev": true,
@@ -14313,16 +14105,6 @@
             "y18n": "^4.0.0",
             "yargs-parser": "^18.1.2"
           }
-        },
-        "yargs-parser": {
-          "version": "18.1.3",
-          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
-          "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
-          "dev": true,
-          "requires": {
-            "camelcase": "^5.0.0",
-            "decamelize": "^1.2.0"
-          }
         }
       }
     },
@@ -15260,12 +15042,6 @@
             "supports-color": "^5.3.0"
           }
         },
-        "escape-string-regexp": {
-          "version": "1.0.5",
-          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-          "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-          "dev": true
-        },
         "find-up": {
           "version": "5.0.0",
           "dev": true,
@@ -15273,48 +15049,6 @@
             "locate-path": "^6.0.0",
             "path-exists": "^4.0.0"
           }
-        },
-        "has-flag": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-          "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-          "dev": true
-        },
-        "locate-path": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-          "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-          "dev": true,
-          "requires": {
-            "p-locate": "^5.0.0"
-          }
-        },
-        "p-limit": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-          "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-          "dev": true,
-          "requires": {
-            "yocto-queue": "^0.1.0"
-          }
-        },
-        "p-locate": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-          "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-          "dev": true,
-          "requires": {
-            "p-limit": "^3.0.2"
-          }
-        },
-        "supports-color": {
-          "version": "5.5.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-          "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
         }
       }
     },
@@ -15794,15 +15528,6 @@
         "shiki": "^0.10.1"
       },
       "dependencies": {
-        "brace-expansion": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-          "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-          "dev": true,
-          "requires": {
-            "balanced-match": "^1.0.0"
-          }
-        },
         "glob": {
           "version": "8.0.3",
           "resolved": "https://registry.npmjs.org/glob/-/glob-8.0.3.tgz",
@@ -16079,12 +15804,6 @@
     "yn": {
       "version": "3.1.1",
       "dev": true
-    },
-    "yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true
     }
   }
 }
\ No newline at end of file
diff --git a/packages/nocodb-sdk/package.json b/packages/nocodb-sdk/package.json
index 46c63fd64a..6b915fa5ea 100644
--- a/packages/nocodb-sdk/package.json
+++ b/packages/nocodb-sdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nocodb-sdk",
-  "version": "0.96.2",
+  "version": "0.96.3",
   "description": "NocoDB SDK",
   "main": "build/main/index.js",
   "typings": "build/main/index.d.ts",
diff --git a/packages/nocodb/package-lock.json b/packages/nocodb/package-lock.json
index dae5faf7da..0f5a7ed09c 100644
--- a/packages/nocodb/package-lock.json
+++ b/packages/nocodb/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "nocodb",
-  "version": "0.96.2",
+  "version": "0.96.3",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "nocodb",
-      "version": "0.96.2",
+      "version": "0.96.3",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "@google-cloud/storage": "^5.7.2",
@@ -71,10 +71,10 @@
         "nanoid": "^3.1.20",
         "nc-common": "0.0.6",
         "nc-help": "0.2.68",
-        "nc-lib-gui": "0.96.2",
+        "nc-lib-gui": "0.96.3",
         "nc-plugin": "0.1.2",
         "ncp": "^2.0.0",
-        "nocodb-sdk": "file:../nocodb-sdk",
+        "nocodb-sdk": "0.96.3",
         "nodemailer": "^6.4.10",
         "object-hash": "^3.0.0",
         "ora": "^4.0.4",
@@ -173,7 +173,8 @@
       }
     },
     "../nocodb-sdk": {
-      "version": "0.96.2",
+      "version": "0.96.3",
+      "extraneous": true,
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
@@ -15340,9 +15341,9 @@
       }
     },
     "node_modules/nc-lib-gui": {
-      "version": "0.96.2",
-      "resolved": "https://registry.npmjs.org/nc-lib-gui/-/nc-lib-gui-0.96.2.tgz",
-      "integrity": "sha512-b5UB9Znwz7FhnBn3hPKd/ENIHsTDAZ1vDvEJ01hLsKpE1idlU4AXAvyiFTQ/OW0vUSWBbN226Q3yqM6ORa3u2A==",
+      "version": "0.96.3",
+      "resolved": "https://registry.npmjs.org/nc-lib-gui/-/nc-lib-gui-0.96.3.tgz",
+      "integrity": "sha512-pO4mJQGE/t0rmNOTY/YtYU8UdHCfsMbEITkX505eBbaPg2BaSRmHDN+rFQZOUTQhxV9nyK0Y5he8CO/ybEaN+g==",
       "dependencies": {
         "axios": "^0.19.2",
         "body-parser": "^1.19.0",
@@ -15493,8 +15494,17 @@
       }
     },
     "node_modules/nocodb-sdk": {
-      "resolved": "../nocodb-sdk",
-      "link": true
+      "version": "0.96.3",
+      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.3.tgz",
+      "integrity": "sha512-gR9bO7L8kcu0A3myOd4czNOYYM8hgr24HwUmCP3FLe8C+psaOZkUuDGkHuNW5QLD7HVpN+KKidoo+vUrVvawJA==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "axios": "^0.21.1",
+        "jsep": "^1.3.6"
+      },
+      "engines": {
+        "node": ">=10"
+      }
     },
     "node_modules/node-addon-api": {
       "version": "2.0.0",
@@ -36773,9 +36783,9 @@
       }
     },
     "nc-lib-gui": {
-      "version": "0.96.2",
-      "resolved": "https://registry.npmjs.org/nc-lib-gui/-/nc-lib-gui-0.96.2.tgz",
-      "integrity": "sha512-b5UB9Znwz7FhnBn3hPKd/ENIHsTDAZ1vDvEJ01hLsKpE1idlU4AXAvyiFTQ/OW0vUSWBbN226Q3yqM6ORa3u2A==",
+      "version": "0.96.3",
+      "resolved": "https://registry.npmjs.org/nc-lib-gui/-/nc-lib-gui-0.96.3.tgz",
+      "integrity": "sha512-pO4mJQGE/t0rmNOTY/YtYU8UdHCfsMbEITkX505eBbaPg2BaSRmHDN+rFQZOUTQhxV9nyK0Y5he8CO/ybEaN+g==",
       "requires": {
         "axios": "^0.19.2",
         "body-parser": "^1.19.0",
@@ -36913,34 +36923,12 @@
       }
     },
     "nocodb-sdk": {
-      "version": "file:../nocodb-sdk",
+      "version": "0.96.3",
+      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.3.tgz",
+      "integrity": "sha512-gR9bO7L8kcu0A3myOd4czNOYYM8hgr24HwUmCP3FLe8C+psaOZkUuDGkHuNW5QLD7HVpN+KKidoo+vUrVvawJA==",
       "requires": {
-        "@ava/typescript": "^1.1.1",
-        "@istanbuljs/nyc-config-typescript": "^1.0.1",
-        "@typescript-eslint/eslint-plugin": "^4.0.1",
-        "@typescript-eslint/parser": "^4.0.1",
-        "ava": "^3.12.1",
         "axios": "^0.21.1",
-        "codecov": "^3.5.0",
-        "cspell": "^4.1.0",
-        "cz-conventional-changelog": "^3.3.0",
-        "eslint": "^7.8.0",
-        "eslint-config-prettier": "^6.11.0",
-        "eslint-plugin-eslint-comments": "^3.2.0",
-        "eslint-plugin-functional": "^3.0.2",
-        "eslint-plugin-import": "^2.22.0",
-        "eslint-plugin-prettier": "^4.0.0",
-        "gh-pages": "^3.1.0",
-        "jsep": "^1.3.6",
-        "npm-run-all": "^4.1.5",
-        "nyc": "^15.1.0",
-        "open-cli": "^6.0.1",
-        "prettier": "^2.1.1",
-        "standard-version": "^9.0.0",
-        "swagger-typescript-api": "^10.0.1",
-        "ts-node": "^9.0.0",
-        "typedoc": "^0.22.17",
-        "typescript": "^4.0.2"
+        "jsep": "^1.3.6"
       }
     },
     "node-addon-api": {
diff --git a/packages/nocodb/package.json b/packages/nocodb/package.json
index 7e8767021a..39ca44fa46 100644
--- a/packages/nocodb/package.json
+++ b/packages/nocodb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nocodb",
-  "version": "0.96.2",
+  "version": "0.96.3",
   "description": "NocoDB",
   "main": "dist/bundle.js",
   "repository": "https://github.com/nocodb/nocodb",
@@ -157,10 +157,10 @@
     "nanoid": "^3.1.20",
     "nc-common": "0.0.6",
     "nc-help": "0.2.68",
-    "nc-lib-gui": "0.96.2",
+    "nc-lib-gui": "0.96.3",
     "nc-plugin": "0.1.2",
     "ncp": "^2.0.0",
-    "nocodb-sdk": "file:../nocodb-sdk",
+    "nocodb-sdk": "0.96.3",
     "nodemailer": "^6.4.10",
     "object-hash": "^3.0.0",
     "ora": "^4.0.4",
@@ -264,4 +264,4 @@
       "**/*.spec.js"
     ]
   }
-}
+}
\ No newline at end of file

From 91b2ce56eb3950ff0ac0c8022077e6cf460526d8 Mon Sep 17 00:00:00 2001
From: wingkwong <wingkwong@users.noreply.github.com>
Date: Tue, 13 Sep 2022 03:42:47 +0000
Subject: [PATCH 51/52] [create-pull-request] automated change

Signed-off-by: GitHub <noreply@github.com>
---
 packages/nc-gui/package-lock.json     | 14 ++++++------
 packages/nc-gui/package.json          |  2 +-
 packages/nc-lib-gui/package.json      |  2 +-
 packages/nocodb-sdk/package-lock.json |  4 ++--
 packages/nocodb-sdk/package.json      |  2 +-
 packages/nocodb/package-lock.json     | 32 +++++++++++++--------------
 packages/nocodb/package.json          |  6 ++---
 7 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/packages/nc-gui/package-lock.json b/packages/nc-gui/package-lock.json
index e45b2388b5..ec64a83047 100644
--- a/packages/nc-gui/package-lock.json
+++ b/packages/nc-gui/package-lock.json
@@ -21,7 +21,7 @@
         "jwt-decode": "^3.1.2",
         "locale-codes": "^1.3.1",
         "monaco-editor": "^0.33.0",
-        "nocodb-sdk": "0.96.3",
+        "nocodb-sdk": "0.96.4",
         "papaparse": "^5.3.2",
         "socket.io-client": "^4.5.1",
         "sortablejs": "^1.15.0",
@@ -10363,9 +10363,9 @@
       }
     },
     "node_modules/nocodb-sdk": {
-      "version": "0.96.3",
-      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.3.tgz",
-      "integrity": "sha512-gR9bO7L8kcu0A3myOd4czNOYYM8hgr24HwUmCP3FLe8C+psaOZkUuDGkHuNW5QLD7HVpN+KKidoo+vUrVvawJA==",
+      "version": "0.96.4",
+      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.4.tgz",
+      "integrity": "sha512-JCD3EdENq4MzQ2qcaUC90Eu8gy1B+BVsEk1GzNnM7APBAE+u5O6vp7x8uK+jhvecFUhQ1sONEowKbu7JaRP+eg==",
       "hasInstallScript": true,
       "dependencies": {
         "axios": "^0.21.1",
@@ -22971,9 +22971,9 @@
       }
     },
     "nocodb-sdk": {
-      "version": "0.96.3",
-      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.3.tgz",
-      "integrity": "sha512-gR9bO7L8kcu0A3myOd4czNOYYM8hgr24HwUmCP3FLe8C+psaOZkUuDGkHuNW5QLD7HVpN+KKidoo+vUrVvawJA==",
+      "version": "0.96.4",
+      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.4.tgz",
+      "integrity": "sha512-JCD3EdENq4MzQ2qcaUC90Eu8gy1B+BVsEk1GzNnM7APBAE+u5O6vp7x8uK+jhvecFUhQ1sONEowKbu7JaRP+eg==",
       "requires": {
         "axios": "^0.21.1",
         "jsep": "^1.3.6"
diff --git a/packages/nc-gui/package.json b/packages/nc-gui/package.json
index ab44fe2207..f17350fa32 100644
--- a/packages/nc-gui/package.json
+++ b/packages/nc-gui/package.json
@@ -29,7 +29,7 @@
     "jwt-decode": "^3.1.2",
     "locale-codes": "^1.3.1",
     "monaco-editor": "^0.33.0",
-    "nocodb-sdk": "0.96.3",
+    "nocodb-sdk": "0.96.4",
     "papaparse": "^5.3.2",
     "socket.io-client": "^4.5.1",
     "sortablejs": "^1.15.0",
diff --git a/packages/nc-lib-gui/package.json b/packages/nc-lib-gui/package.json
index 5d44828a58..ce77c5ad98 100644
--- a/packages/nc-lib-gui/package.json
+++ b/packages/nc-lib-gui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nc-lib-gui",
-  "version": "0.96.3",
+  "version": "0.96.4",
   "description": "NocoDB GUI",
   "author": {
     "name": "NocoDB",
diff --git a/packages/nocodb-sdk/package-lock.json b/packages/nocodb-sdk/package-lock.json
index ff7b5d537b..b075fa7af6 100644
--- a/packages/nocodb-sdk/package-lock.json
+++ b/packages/nocodb-sdk/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "nocodb-sdk",
-  "version": "0.96.3",
+  "version": "0.96.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "nocodb-sdk",
-      "version": "0.96.3",
+      "version": "0.96.4",
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
diff --git a/packages/nocodb-sdk/package.json b/packages/nocodb-sdk/package.json
index 6b915fa5ea..ddd719fa62 100644
--- a/packages/nocodb-sdk/package.json
+++ b/packages/nocodb-sdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nocodb-sdk",
-  "version": "0.96.3",
+  "version": "0.96.4",
   "description": "NocoDB SDK",
   "main": "build/main/index.js",
   "typings": "build/main/index.d.ts",
diff --git a/packages/nocodb/package-lock.json b/packages/nocodb/package-lock.json
index 0f5a7ed09c..0516047e38 100644
--- a/packages/nocodb/package-lock.json
+++ b/packages/nocodb/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "nocodb",
-  "version": "0.96.3",
+  "version": "0.96.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "nocodb",
-      "version": "0.96.3",
+      "version": "0.96.4",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "@google-cloud/storage": "^5.7.2",
@@ -71,10 +71,10 @@
         "nanoid": "^3.1.20",
         "nc-common": "0.0.6",
         "nc-help": "0.2.68",
-        "nc-lib-gui": "0.96.3",
+        "nc-lib-gui": "0.96.4",
         "nc-plugin": "0.1.2",
         "ncp": "^2.0.0",
-        "nocodb-sdk": "0.96.3",
+        "nocodb-sdk": "0.96.4",
         "nodemailer": "^6.4.10",
         "object-hash": "^3.0.0",
         "ora": "^4.0.4",
@@ -15341,9 +15341,9 @@
       }
     },
     "node_modules/nc-lib-gui": {
-      "version": "0.96.3",
-      "resolved": "https://registry.npmjs.org/nc-lib-gui/-/nc-lib-gui-0.96.3.tgz",
-      "integrity": "sha512-pO4mJQGE/t0rmNOTY/YtYU8UdHCfsMbEITkX505eBbaPg2BaSRmHDN+rFQZOUTQhxV9nyK0Y5he8CO/ybEaN+g==",
+      "version": "0.96.4",
+      "resolved": "https://registry.npmjs.org/nc-lib-gui/-/nc-lib-gui-0.96.4.tgz",
+      "integrity": "sha512-kkEvZGUAdRI8juA8VZkDj0ojeQbedjIC/eGZoiZVMDsWX6dcthxubQp80kYAzhk5DXnH8eCoIp0/Bo8S3gcU5g==",
       "dependencies": {
         "axios": "^0.19.2",
         "body-parser": "^1.19.0",
@@ -15494,9 +15494,9 @@
       }
     },
     "node_modules/nocodb-sdk": {
-      "version": "0.96.3",
-      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.3.tgz",
-      "integrity": "sha512-gR9bO7L8kcu0A3myOd4czNOYYM8hgr24HwUmCP3FLe8C+psaOZkUuDGkHuNW5QLD7HVpN+KKidoo+vUrVvawJA==",
+      "version": "0.96.4",
+      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.4.tgz",
+      "integrity": "sha512-JCD3EdENq4MzQ2qcaUC90Eu8gy1B+BVsEk1GzNnM7APBAE+u5O6vp7x8uK+jhvecFUhQ1sONEowKbu7JaRP+eg==",
       "hasInstallScript": true,
       "dependencies": {
         "axios": "^0.21.1",
@@ -36783,9 +36783,9 @@
       }
     },
     "nc-lib-gui": {
-      "version": "0.96.3",
-      "resolved": "https://registry.npmjs.org/nc-lib-gui/-/nc-lib-gui-0.96.3.tgz",
-      "integrity": "sha512-pO4mJQGE/t0rmNOTY/YtYU8UdHCfsMbEITkX505eBbaPg2BaSRmHDN+rFQZOUTQhxV9nyK0Y5he8CO/ybEaN+g==",
+      "version": "0.96.4",
+      "resolved": "https://registry.npmjs.org/nc-lib-gui/-/nc-lib-gui-0.96.4.tgz",
+      "integrity": "sha512-kkEvZGUAdRI8juA8VZkDj0ojeQbedjIC/eGZoiZVMDsWX6dcthxubQp80kYAzhk5DXnH8eCoIp0/Bo8S3gcU5g==",
       "requires": {
         "axios": "^0.19.2",
         "body-parser": "^1.19.0",
@@ -36923,9 +36923,9 @@
       }
     },
     "nocodb-sdk": {
-      "version": "0.96.3",
-      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.3.tgz",
-      "integrity": "sha512-gR9bO7L8kcu0A3myOd4czNOYYM8hgr24HwUmCP3FLe8C+psaOZkUuDGkHuNW5QLD7HVpN+KKidoo+vUrVvawJA==",
+      "version": "0.96.4",
+      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.4.tgz",
+      "integrity": "sha512-JCD3EdENq4MzQ2qcaUC90Eu8gy1B+BVsEk1GzNnM7APBAE+u5O6vp7x8uK+jhvecFUhQ1sONEowKbu7JaRP+eg==",
       "requires": {
         "axios": "^0.21.1",
         "jsep": "^1.3.6"
diff --git a/packages/nocodb/package.json b/packages/nocodb/package.json
index 39ca44fa46..78dc8ad97c 100644
--- a/packages/nocodb/package.json
+++ b/packages/nocodb/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nocodb",
-  "version": "0.96.3",
+  "version": "0.96.4",
   "description": "NocoDB",
   "main": "dist/bundle.js",
   "repository": "https://github.com/nocodb/nocodb",
@@ -157,10 +157,10 @@
     "nanoid": "^3.1.20",
     "nc-common": "0.0.6",
     "nc-help": "0.2.68",
-    "nc-lib-gui": "0.96.3",
+    "nc-lib-gui": "0.96.4",
     "nc-plugin": "0.1.2",
     "ncp": "^2.0.0",
-    "nocodb-sdk": "0.96.3",
+    "nocodb-sdk": "0.96.4",
     "nodemailer": "^6.4.10",
     "object-hash": "^3.0.0",
     "ora": "^4.0.4",

From dcf25c6d6f3ce66847284c0de3026a834675671a Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Tue, 13 Sep 2022 12:35:23 +0800
Subject: [PATCH 52/52] chore: update sdk to local path

---
 packages/nc-gui/package-lock.json | 68 +++++++++++++++----------------
 packages/nc-gui/package.json      |  2 +-
 packages/nocodb/package-lock.json | 46 +++++++++++++--------
 packages/nocodb/package.json      |  4 +-
 4 files changed, 64 insertions(+), 56 deletions(-)

diff --git a/packages/nc-gui/package-lock.json b/packages/nc-gui/package-lock.json
index ec64a83047..c5db4b10ee 100644
--- a/packages/nc-gui/package-lock.json
+++ b/packages/nc-gui/package-lock.json
@@ -21,7 +21,7 @@
         "jwt-decode": "^3.1.2",
         "locale-codes": "^1.3.1",
         "monaco-editor": "^0.33.0",
-        "nocodb-sdk": "0.96.4",
+        "nocodb-sdk": "file:../nocodb-sdk",
         "papaparse": "^5.3.2",
         "socket.io-client": "^4.5.1",
         "sortablejs": "^1.15.0",
@@ -80,7 +80,6 @@
     },
     "../nocodb-sdk": {
       "version": "0.96.3",
-      "extraneous": true,
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
@@ -7460,6 +7459,7 @@
       "version": "1.15.1",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.1.tgz",
       "integrity": "sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==",
+      "devOptional": true,
       "funding": [
         {
           "type": "individual",
@@ -10363,25 +10363,8 @@
       }
     },
     "node_modules/nocodb-sdk": {
-      "version": "0.96.4",
-      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.4.tgz",
-      "integrity": "sha512-JCD3EdENq4MzQ2qcaUC90Eu8gy1B+BVsEk1GzNnM7APBAE+u5O6vp7x8uK+jhvecFUhQ1sONEowKbu7JaRP+eg==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "axios": "^0.21.1",
-        "jsep": "^1.3.6"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/nocodb-sdk/node_modules/axios": {
-      "version": "0.21.4",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz",
-      "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==",
-      "dependencies": {
-        "follow-redirects": "^1.14.0"
-      }
+      "resolved": "../nocodb-sdk",
+      "link": true
     },
     "node_modules/node-abi": {
       "version": "3.23.0",
@@ -20756,7 +20739,8 @@
     "follow-redirects": {
       "version": "1.15.1",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.1.tgz",
-      "integrity": "sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA=="
+      "integrity": "sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==",
+      "devOptional": true
     },
     "form-data": {
       "version": "4.0.0",
@@ -22971,22 +22955,34 @@
       }
     },
     "nocodb-sdk": {
-      "version": "0.96.4",
-      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.4.tgz",
-      "integrity": "sha512-JCD3EdENq4MzQ2qcaUC90Eu8gy1B+BVsEk1GzNnM7APBAE+u5O6vp7x8uK+jhvecFUhQ1sONEowKbu7JaRP+eg==",
+      "version": "file:../nocodb-sdk",
       "requires": {
+        "@ava/typescript": "^1.1.1",
+        "@istanbuljs/nyc-config-typescript": "^1.0.1",
+        "@typescript-eslint/eslint-plugin": "^4.0.1",
+        "@typescript-eslint/parser": "^4.0.1",
+        "ava": "^3.12.1",
         "axios": "^0.21.1",
-        "jsep": "^1.3.6"
-      },
-      "dependencies": {
-        "axios": {
-          "version": "0.21.4",
-          "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz",
-          "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==",
-          "requires": {
-            "follow-redirects": "^1.14.0"
-          }
-        }
+        "codecov": "^3.5.0",
+        "cspell": "^4.1.0",
+        "cz-conventional-changelog": "^3.3.0",
+        "eslint": "^7.8.0",
+        "eslint-config-prettier": "^6.11.0",
+        "eslint-plugin-eslint-comments": "^3.2.0",
+        "eslint-plugin-functional": "^3.0.2",
+        "eslint-plugin-import": "^2.22.0",
+        "eslint-plugin-prettier": "^4.0.0",
+        "gh-pages": "^3.1.0",
+        "jsep": "^1.3.6",
+        "npm-run-all": "^4.1.5",
+        "nyc": "^15.1.0",
+        "open-cli": "^6.0.1",
+        "prettier": "^2.1.1",
+        "standard-version": "^9.0.0",
+        "swagger-typescript-api": "^10.0.1",
+        "ts-node": "^9.0.0",
+        "typedoc": "^0.22.17",
+        "typescript": "^4.0.2"
       }
     },
     "node-abi": {
diff --git a/packages/nc-gui/package.json b/packages/nc-gui/package.json
index f17350fa32..28823d9cfb 100644
--- a/packages/nc-gui/package.json
+++ b/packages/nc-gui/package.json
@@ -29,7 +29,7 @@
     "jwt-decode": "^3.1.2",
     "locale-codes": "^1.3.1",
     "monaco-editor": "^0.33.0",
-    "nocodb-sdk": "0.96.4",
+    "nocodb-sdk": "file:../nocodb-sdk",
     "papaparse": "^5.3.2",
     "socket.io-client": "^4.5.1",
     "sortablejs": "^1.15.0",
diff --git a/packages/nocodb/package-lock.json b/packages/nocodb/package-lock.json
index 0516047e38..3c97da4791 100644
--- a/packages/nocodb/package-lock.json
+++ b/packages/nocodb/package-lock.json
@@ -74,7 +74,7 @@
         "nc-lib-gui": "0.96.4",
         "nc-plugin": "0.1.2",
         "ncp": "^2.0.0",
-        "nocodb-sdk": "0.96.4",
+        "nocodb-sdk": "file:../nocodb-sdk",
         "nodemailer": "^6.4.10",
         "object-hash": "^3.0.0",
         "ora": "^4.0.4",
@@ -174,7 +174,6 @@
     },
     "../nocodb-sdk": {
       "version": "0.96.3",
-      "extraneous": true,
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
@@ -15494,17 +15493,8 @@
       }
     },
     "node_modules/nocodb-sdk": {
-      "version": "0.96.4",
-      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.4.tgz",
-      "integrity": "sha512-JCD3EdENq4MzQ2qcaUC90Eu8gy1B+BVsEk1GzNnM7APBAE+u5O6vp7x8uK+jhvecFUhQ1sONEowKbu7JaRP+eg==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "axios": "^0.21.1",
-        "jsep": "^1.3.6"
-      },
-      "engines": {
-        "node": ">=10"
-      }
+      "resolved": "../nocodb-sdk",
+      "link": true
     },
     "node_modules/node-addon-api": {
       "version": "2.0.0",
@@ -36923,12 +36913,34 @@
       }
     },
     "nocodb-sdk": {
-      "version": "0.96.4",
-      "resolved": "https://registry.npmjs.org/nocodb-sdk/-/nocodb-sdk-0.96.4.tgz",
-      "integrity": "sha512-JCD3EdENq4MzQ2qcaUC90Eu8gy1B+BVsEk1GzNnM7APBAE+u5O6vp7x8uK+jhvecFUhQ1sONEowKbu7JaRP+eg==",
+      "version": "file:../nocodb-sdk",
       "requires": {
+        "@ava/typescript": "^1.1.1",
+        "@istanbuljs/nyc-config-typescript": "^1.0.1",
+        "@typescript-eslint/eslint-plugin": "^4.0.1",
+        "@typescript-eslint/parser": "^4.0.1",
+        "ava": "^3.12.1",
         "axios": "^0.21.1",
-        "jsep": "^1.3.6"
+        "codecov": "^3.5.0",
+        "cspell": "^4.1.0",
+        "cz-conventional-changelog": "^3.3.0",
+        "eslint": "^7.8.0",
+        "eslint-config-prettier": "^6.11.0",
+        "eslint-plugin-eslint-comments": "^3.2.0",
+        "eslint-plugin-functional": "^3.0.2",
+        "eslint-plugin-import": "^2.22.0",
+        "eslint-plugin-prettier": "^4.0.0",
+        "gh-pages": "^3.1.0",
+        "jsep": "^1.3.6",
+        "npm-run-all": "^4.1.5",
+        "nyc": "^15.1.0",
+        "open-cli": "^6.0.1",
+        "prettier": "^2.1.1",
+        "standard-version": "^9.0.0",
+        "swagger-typescript-api": "^10.0.1",
+        "ts-node": "^9.0.0",
+        "typedoc": "^0.22.17",
+        "typescript": "^4.0.2"
       }
     },
     "node-addon-api": {
diff --git a/packages/nocodb/package.json b/packages/nocodb/package.json
index 78dc8ad97c..dd86455e5b 100644
--- a/packages/nocodb/package.json
+++ b/packages/nocodb/package.json
@@ -160,7 +160,7 @@
     "nc-lib-gui": "0.96.4",
     "nc-plugin": "0.1.2",
     "ncp": "^2.0.0",
-    "nocodb-sdk": "0.96.4",
+    "nocodb-sdk": "file:../nocodb-sdk",
     "nodemailer": "^6.4.10",
     "object-hash": "^3.0.0",
     "ora": "^4.0.4",
@@ -264,4 +264,4 @@
       "**/*.spec.js"
     ]
   }
-}
\ No newline at end of file
+}