From 560cf9fc62eacc9ee1048549f182346f2f125d15 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 3 Dec 2022 14:20:52 +0800
Subject: [PATCH 001/103] feat(nc-gui): add time formats

---
 packages/nc-gui/utils/dateTimeUtils.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/utils/dateTimeUtils.ts b/packages/nc-gui/utils/dateTimeUtils.ts
index 8736221840..6f58db18c5 100644
--- a/packages/nc-gui/utils/dateTimeUtils.ts
+++ b/packages/nc-gui/utils/dateTimeUtils.ts
@@ -5,17 +5,19 @@ export const timeAgo = (date: any) => {
 }
 
 export const dateFormats = [
+  'YYYY-MM-DD',
+  'YYYY/MM/DD',
   'DD-MM-YYYY',
   'MM-DD-YYYY',
-  'YYYY-MM-DD',
   'DD/MM/YYYY',
   'MM/DD/YYYY',
-  'YYYY/MM/DD',
   'DD MM YYYY',
   'MM DD YYYY',
   'YYYY MM DD',
 ]
 
+export const timeFormats = ['HH:mm', 'HH:mm:ss', 'HH:mm:ss.SSS']
+
 export const handleTZ = (val: any) => {
   if (!val) {
     return
@@ -60,7 +62,7 @@ export function getDateFormat(v: string) {
 
 export function getDateTimeFormat(v: string) {
   for (const format of dateFormats) {
-    for (const timeFormat of ['HH:mm', 'HH:mm:ss', 'HH:mm:ss.SSS']) {
+    for (const timeFormat of timeFormats) {
       const dateTimeFormat = `${format} ${timeFormat}`
       if (dayjs(v, dateTimeFormat, true).isValid() as any) {
         return dateTimeFormat

From 0295f4ca7163a93972173efdaed447439a7e02e2 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 3 Dec 2022 14:21:04 +0800
Subject: [PATCH 002/103] feat(nc-gui): add LazySmartsheetColumnDateTimeOptions
 for DateTime

---
 packages/nc-gui/components/smartsheet/column/EditOrAdd.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue b/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
index f7a63fe1de..cfe70bae07 100644
--- a/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
+++ b/packages/nc-gui/components/smartsheet/column/EditOrAdd.vue
@@ -177,6 +177,7 @@ useEventListener('keydown', (e: KeyboardEvent) => {
         <LazySmartsheetColumnCheckboxOptions v-if="formState.uidt === UITypes.Checkbox" v-model:value="formState" />
         <LazySmartsheetColumnLookupOptions v-if="!isEdit && formState.uidt === UITypes.Lookup" v-model:value="formState" />
         <LazySmartsheetColumnDateOptions v-if="formState.uidt === UITypes.Date" v-model:value="formState" />
+        <LazySmartsheetColumnDateTimeOptions v-if="formState.uidt === UITypes.DateTime" v-model:value="formState" />
         <LazySmartsheetColumnRollupOptions v-if="!isEdit && formState.uidt === UITypes.Rollup" v-model:value="formState" />
         <LazySmartsheetColumnLinkedToAnotherRecordOptions
           v-if="!isEdit && formState.uidt === UITypes.LinkToAnotherRecord"

From 2d466830129d8f9661cd7bed705e962b11867f49 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 3 Dec 2022 14:21:41 +0800
Subject: [PATCH 003/103] feat(nc-gui): add DateTimeOptions

---
 .../smartsheet/column/DateTimeOptions.vue     | 46 +++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 packages/nc-gui/components/smartsheet/column/DateTimeOptions.vue

diff --git a/packages/nc-gui/components/smartsheet/column/DateTimeOptions.vue b/packages/nc-gui/components/smartsheet/column/DateTimeOptions.vue
new file mode 100644
index 0000000000..6b0f8e25e6
--- /dev/null
+++ b/packages/nc-gui/components/smartsheet/column/DateTimeOptions.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import { dateFormats, timeFormats, useVModel } from '#imports'
+
+const props = defineProps<{
+  value: any
+}>()
+
+const emit = defineEmits(['update:value'])
+
+const vModel = useVModel(props, 'value', emit)
+
+if (!vModel.value.meta?.date_format) {
+  if (!vModel.value.meta) vModel.value.meta = {}
+  vModel.value.meta.date_format = dateFormats[0]
+}
+
+if (!vModel.value.meta?.time_format) {
+  if (!vModel.value.meta) vModel.value.meta = {}
+  vModel.value.meta.time_format = timeFormats[0]
+}
+</script>
+
+<template>
+  <a-form-item label="Date Format">
+    <a-select v-model:value="vModel.meta.date_format" dropdown-class-name="nc-dropdown-date-format">
+      <a-select-option v-for="(format, i) of dateFormats" :key="i" :value="format">
+        <div class="flex flex-row items-center">
+          <div class="text-xs">
+            {{ format }}
+          </div>
+        </div>
+      </a-select-option>
+    </a-select>
+  </a-form-item>
+  <a-form-item label="Time Format">
+    <a-select v-model:value="vModel.meta.time_format" dropdown-class-name="nc-dropdown-time-format">
+      <a-select-option v-for="(format, i) of timeFormats" :key="i" :value="format">
+        <div class="flex flex-row items-center">
+          <div class="text-xs">
+            {{ format }}
+          </div>
+        </div>
+      </a-select-option>
+    </a-select>
+  </a-form-item>
+</template>

From 55fd0fee74ce814cb0a4ea42a741182433b57f15 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 3 Dec 2022 14:22:09 +0800
Subject: [PATCH 004/103] feat(nc-gui): format DateTime data

---
 .../nc-gui/components/cell/DateTimePicker.vue     | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/cell/DateTimePicker.vue b/packages/nc-gui/components/cell/DateTimePicker.vue
index 8819d23ce7..ffd88acc0c 100644
--- a/packages/nc-gui/components/cell/DateTimePicker.vue
+++ b/packages/nc-gui/components/cell/DateTimePicker.vue
@@ -2,10 +2,13 @@
 import dayjs from 'dayjs'
 import {
   ActiveCellInj,
+  ColumnInj,
   ReadonlyInj,
+  dateFormats,
   inject,
   isDrawerOrModalExist,
   ref,
+  timeFormats,
   useProject,
   useSelectedCellKeyupListener,
   watch,
@@ -28,9 +31,15 @@ const active = inject(ActiveCellInj, ref(false))
 
 const editable = inject(EditModeInj, ref(false))
 
+const columnMeta = inject(ColumnInj, null)!
+
 let isDateInvalid = $ref(false)
 
-const dateFormat = isMysql ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD HH:mm:ssZ'
+const dateTimeFormat = $computed(() => {
+  const dateFormat = columnMeta?.value?.meta?.date_format ?? dateFormats[0]
+  const timeFormat = columnMeta?.value?.meta?.time_format ?? timeFormats[0]
+  return `${dateFormat} ${timeFormat}${!isMysql ? 'Z' : ''}`
+})
 
 let localState = $computed({
   get() {
@@ -52,7 +61,7 @@ let localState = $computed({
     }
 
     if (val.isValid()) {
-      emit('update:modelValue', val?.format(dateFormat))
+      emit('update:modelValue', val?.format(dateTimeFormat))
     }
   },
 })
@@ -163,7 +172,7 @@ useSelectedCellKeyupListener(active, (e: KeyboardEvent) => {
     :show-time="true"
     :bordered="false"
     class="!w-full !px-0 !border-none"
-    format="YYYY-MM-DD HH:mm"
+    :format="dateTimeFormat"
     :placeholder="isDateInvalid ? 'Invalid date' : ''"
     :allow-clear="!readOnly && !localState && !isPk"
     :input-read-only="true"

From 164f0c9f8eb82024cd95cfabfe24ea648c3c9273 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 3 Dec 2022 16:27:53 +0800
Subject: [PATCH 005/103] feat(playwrights): add DateTimeCell.ts

---
 .../Dashboard/common/Cell/DateTimeCell.ts     | 36 +++++++++++++++++++
 .../pages/Dashboard/common/Cell/index.ts      |  3 ++
 2 files changed, 39 insertions(+)
 create mode 100644 tests/playwright/pages/Dashboard/common/Cell/DateTimeCell.ts

diff --git a/tests/playwright/pages/Dashboard/common/Cell/DateTimeCell.ts b/tests/playwright/pages/Dashboard/common/Cell/DateTimeCell.ts
new file mode 100644
index 0000000000..9d876726cb
--- /dev/null
+++ b/tests/playwright/pages/Dashboard/common/Cell/DateTimeCell.ts
@@ -0,0 +1,36 @@
+import { CellPageObject } from '.';
+import BasePage from '../../../Base';
+
+export class DateTimeCellPageObject extends BasePage {
+  readonly cell: CellPageObject;
+
+  constructor(cell: CellPageObject) {
+    super(cell.rootPage);
+    this.cell = cell;
+  }
+
+  get({ index, columnHeader }: { index?: number; columnHeader: string }) {
+    return this.cell.get({ index, columnHeader });
+  }
+
+  async open({ index, columnHeader }: { index: number; columnHeader: string }) {
+    await this.cell.dblclick({
+      index,
+      columnHeader,
+    });
+  }
+
+  async selectDateTime({
+    // date in format `YYYY-MM-DD`
+    // time in format 'HH:mm'
+    dateTime,
+  }: {
+    dateTime: string;
+  }) {
+    await this.rootPage.locator(`td[title="${dateTime}"]`).click();
+  }
+
+  async close() {
+    await this.rootPage.keyboard.press('Escape');
+  }
+}
diff --git a/tests/playwright/pages/Dashboard/common/Cell/index.ts b/tests/playwright/pages/Dashboard/common/Cell/index.ts
index 22052a2ca6..92fdf7a2f2 100644
--- a/tests/playwright/pages/Dashboard/common/Cell/index.ts
+++ b/tests/playwright/pages/Dashboard/common/Cell/index.ts
@@ -7,6 +7,7 @@ import { SharedFormPage } from '../../../SharedForm';
 import { CheckboxCellPageObject } from './CheckboxCell';
 import { RatingCellPageObject } from './RatingCell';
 import { DateCellPageObject } from './DateCell';
+import { DateTimeCellPageObject } from './DateTimeCell';
 
 export class CellPageObject extends BasePage {
   readonly parent: GridPage | SharedFormPage;
@@ -15,6 +16,7 @@ export class CellPageObject extends BasePage {
   readonly checkbox: CheckboxCellPageObject;
   readonly rating: RatingCellPageObject;
   readonly date: DateCellPageObject;
+  readonly dateTime: DateTimeCellPageObject;
 
   constructor(parent: GridPage | SharedFormPage) {
     super(parent.rootPage);
@@ -24,6 +26,7 @@ export class CellPageObject extends BasePage {
     this.checkbox = new CheckboxCellPageObject(this);
     this.rating = new RatingCellPageObject(this);
     this.date = new DateCellPageObject(this);
+    this.dateTime = new DateTimeCellPageObject(this);
   }
 
   get({ index, columnHeader }: { index?: number; columnHeader: string }): Locator {

From beb9c3bbf2e73ed211667e59ca91d9c8a0e07115 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 3 Dec 2022 20:07:01 +0800
Subject: [PATCH 006/103] refactor(nc-gui): add class to select and remove
 unnecessary div

---
 .../smartsheet/column/DateTimeOptions.vue        | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/column/DateTimeOptions.vue b/packages/nc-gui/components/smartsheet/column/DateTimeOptions.vue
index 6b0f8e25e6..152b504fd4 100644
--- a/packages/nc-gui/components/smartsheet/column/DateTimeOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/DateTimeOptions.vue
@@ -22,24 +22,16 @@ if (!vModel.value.meta?.time_format) {
 
 <template>
   <a-form-item label="Date Format">
-    <a-select v-model:value="vModel.meta.date_format" dropdown-class-name="nc-dropdown-date-format">
+    <a-select v-model:value="vModel.meta.date_format" class="nc-date-select" dropdown-class-name="nc-dropdown-date-format">
       <a-select-option v-for="(format, i) of dateFormats" :key="i" :value="format">
-        <div class="flex flex-row items-center">
-          <div class="text-xs">
-            {{ format }}
-          </div>
-        </div>
+        {{ format }}
       </a-select-option>
     </a-select>
   </a-form-item>
   <a-form-item label="Time Format">
-    <a-select v-model:value="vModel.meta.time_format" dropdown-class-name="nc-dropdown-time-format">
+    <a-select v-model:value="vModel.meta.time_format" class="nc-time-select" dropdown-class-name="nc-dropdown-time-format">
       <a-select-option v-for="(format, i) of timeFormats" :key="i" :value="format">
-        <div class="flex flex-row items-center">
-          <div class="text-xs">
-            {{ format }}
-          </div>
-        </div>
+        {{ format }}
       </a-select-option>
     </a-select>
   </a-form-item>

From 8a84ad6838c31fec1dca8354322cf168e386cb7c Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 3 Dec 2022 20:07:28 +0800
Subject: [PATCH 007/103] chore(nc-gui): remove HH:mm:ss.SSS as SSS is not
 configurable in picker

---
 packages/nc-gui/utils/dateTimeUtils.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nc-gui/utils/dateTimeUtils.ts b/packages/nc-gui/utils/dateTimeUtils.ts
index 6f58db18c5..9b28637e9f 100644
--- a/packages/nc-gui/utils/dateTimeUtils.ts
+++ b/packages/nc-gui/utils/dateTimeUtils.ts
@@ -16,7 +16,7 @@ export const dateFormats = [
   'YYYY MM DD',
 ]
 
-export const timeFormats = ['HH:mm', 'HH:mm:ss', 'HH:mm:ss.SSS']
+export const timeFormats = ['HH:mm', 'HH:mm:ss']
 
 export const handleTZ = (val: any) => {
   if (!val) {

From 8d85fe2063cf97518df6994928cdee7b5499e304 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 3 Dec 2022 20:07:57 +0800
Subject: [PATCH 008/103] feat(playwright): add selectDate & selectTime

---
 .../Dashboard/common/Cell/DateTimeCell.ts     | 34 ++++++++++++++++---
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/tests/playwright/pages/Dashboard/common/Cell/DateTimeCell.ts b/tests/playwright/pages/Dashboard/common/Cell/DateTimeCell.ts
index 9d876726cb..0445b7fa60 100644
--- a/tests/playwright/pages/Dashboard/common/Cell/DateTimeCell.ts
+++ b/tests/playwright/pages/Dashboard/common/Cell/DateTimeCell.ts
@@ -20,14 +20,38 @@ export class DateTimeCellPageObject extends BasePage {
     });
   }
 
-  async selectDateTime({
+  async selectDate({
     // date in format `YYYY-MM-DD`
-    // time in format 'HH:mm'
-    dateTime,
+    date,
   }: {
-    dateTime: string;
+    date: string;
   }) {
-    await this.rootPage.locator(`td[title="${dateTime}"]`).click();
+    await this.rootPage.locator(`td[title="${date}"]`).click();
+  }
+
+  async selectTime({
+    // hour: 0 - 23
+    // minute: 0 - 59
+    // second: 0 - 59
+    hour,
+    minute,
+    second,
+  }: {
+    hour: string;
+    minute: string;
+    second?: string;
+  }) {
+    await this.rootPage
+      .locator(`.ant-picker-time-panel-column:nth-child(1) > ant-picker-time-panel-cell:nth-child(${hour})`)
+      .click();
+    await this.rootPage
+      .locator(`.ant-picker-time-panel-column:nth-child(2) > ant-picker-time-panel-cell:nth-child(${minute})`)
+      .click();
+    if (second != null) {
+      await this.rootPage
+        .locator(`.ant-picker-time-panel-column:nth-child(3) > ant-picker-time-panel-cell:nth-child(${second})`)
+        .click();
+    }
   }
 
   async close() {

From a290876657dd66421f162d6c83d92b9aef20266b Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 3 Dec 2022 20:09:00 +0800
Subject: [PATCH 009/103] feat(playwright): add tests for datetime

---
 .../pages/Dashboard/Grid/Column/index.ts      | 24 +++++++
 tests/playwright/tests/columnDateTime.spec.ts | 69 +++++++++++++++++++
 2 files changed, 93 insertions(+)
 create mode 100644 tests/playwright/tests/columnDateTime.spec.ts

diff --git a/tests/playwright/pages/Dashboard/Grid/Column/index.ts b/tests/playwright/pages/Dashboard/Grid/Column/index.ts
index 48107c7800..1a35a7655a 100644
--- a/tests/playwright/pages/Dashboard/Grid/Column/index.ts
+++ b/tests/playwright/pages/Dashboard/Grid/Column/index.ts
@@ -35,6 +35,8 @@ export class ColumnPageObject extends BasePage {
     relationType = '',
     rollupType = '',
     format = '',
+    dateFormat = '',
+    timeFormat = '',
     insertAfterColumnTitle,
     insertBeforeColumnTitle,
   }: {
@@ -47,6 +49,8 @@ export class ColumnPageObject extends BasePage {
     relationType?: string;
     rollupType?: string;
     format?: string;
+    dateFormat?: string;
+    timeFormat?: string;
     insertBeforeColumnTitle?: string;
     insertAfterColumnTitle?: string;
   }) {
@@ -88,6 +92,14 @@ export class ColumnPageObject extends BasePage {
           })
           .click();
         break;
+      case 'DateTime':
+        // Date Format
+        await this.get().locator('.nc-date-select').click();
+        await this.rootPage.locator('.ant-select-item').locator(`text="${dateFormat}"`).click();
+        // Time Format
+        await this.get().locator('.nc-time-select').click();
+        await this.rootPage.locator('.ant-select-item').locator(`text="${timeFormat}"`).click();
+        break;
       case 'Formula':
         await this.get().locator('.nc-formula-input').fill(formula);
         break;
@@ -220,11 +232,15 @@ export class ColumnPageObject extends BasePage {
     type = 'SingleLineText',
     formula = '',
     format,
+    dateFormat = '',
+    timeFormat = '',
   }: {
     title: string;
     type?: string;
     formula?: string;
     format?: string;
+    dateFormat?: string;
+    timeFormat?: string;
   }) {
     await this.getColumnHeader(title).locator('.nc-ui-dt-dropdown').click();
     await this.rootPage.locator('li[role="menuitem"]:has-text("Edit")').click();
@@ -243,6 +259,14 @@ export class ColumnPageObject extends BasePage {
           })
           .click();
         break;
+      case 'DateTime':
+        // Date Format
+        await this.get().locator('.nc-date-select').click();
+        await this.rootPage.locator('.ant-select-item').locator(`text="${dateFormat}"`).click();
+        // Time Format
+        await this.get().locator('.nc-time-select').click();
+        await this.rootPage.locator('.ant-select-item').locator(`text="${timeFormat}"`).click();
+        break;
       default:
         break;
     }
diff --git a/tests/playwright/tests/columnDateTime.spec.ts b/tests/playwright/tests/columnDateTime.spec.ts
new file mode 100644
index 0000000000..faf81b627d
--- /dev/null
+++ b/tests/playwright/tests/columnDateTime.spec.ts
@@ -0,0 +1,69 @@
+import { test } from '@playwright/test';
+import { DashboardPage } from '../pages/Dashboard';
+import setup from '../setup';
+
+// Storing one additional dummy value "10" at end of every input array
+// this will trigger update to previously committed data
+const dateTimeData = [
+  {
+    dateFormat: 'YYYY-MM-DD',
+    timeFormat: 'HH:mm',
+    date: '2022-12-12',
+    hour: '10',
+    minute: '20',
+  },
+  {
+    dateFormat: 'YYYY-MM-DD',
+    timeFormat: 'HH:mm:ss',
+    date: '2022-12-12',
+    hour: '10',
+    minute: '20',
+    second: '30',
+  },
+];
+
+test.describe('DateTime Column', () => {
+  let dashboard: DashboardPage;
+  let context: any;
+
+  test.beforeEach(async ({ page }) => {
+    context = await setup({ page });
+    dashboard = new DashboardPage(page, context.project);
+  });
+
+  test.only('Create DateTime Column', async () => {
+    await dashboard.treeView.createTable({ title: 'test_datetime' });
+    // Create DateTime column
+    await dashboard.grid.column.create({
+      title: 'NC_DATETIME_0',
+      type: 'DateTime',
+      dateFormat: dateTimeData[0].dateFormat,
+      timeFormat: dateTimeData[0].timeFormat,
+    });
+
+    await dashboard.grid.cell.dateTime.open({
+      index: 0,
+      columnHeader: 'NC_DATETIME_0',
+    });
+
+    await dashboard.grid.cell.dateTime.selectDate({
+      date: dateTimeData[0],
+    });
+    await dashboard.grid.cell.dateTime.selectTime({
+      hour: dateTimeData[0].hour,
+      minute: dateTimeData[0].minute,
+    });
+    await dashboard.grid.cell.dateTime.close();
+
+    for (let i = 0; i < dateTimeData.length; i++) {
+      // Edit DateTime column
+      await dashboard.grid.column.openEdit({
+        title: 'NC_DATETIME_0',
+        type: 'DateTime',
+        dateFormat: dateTimeData[i].dateFormat,
+        timeFormat: dateTimeData[i].timeFormat,
+      });
+      // TODO: ...
+    }
+  });
+});

From a5331b9cecb9c908facfb25c9194fdbbd8052eab Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 3 Dec 2022 20:20:37 +0800
Subject: [PATCH 010/103] wip(playwright): DateTime tests

---
 tests/playwright/tests/columnDateTime.spec.ts | 73 +++++++++++++++----
 1 file changed, 57 insertions(+), 16 deletions(-)

diff --git a/tests/playwright/tests/columnDateTime.spec.ts b/tests/playwright/tests/columnDateTime.spec.ts
index faf81b627d..bb6990be6b 100644
--- a/tests/playwright/tests/columnDateTime.spec.ts
+++ b/tests/playwright/tests/columnDateTime.spec.ts
@@ -11,14 +11,50 @@ const dateTimeData = [
     date: '2022-12-12',
     hour: '10',
     minute: '20',
+    output: '2022-12-12 10:20',
   },
   {
     dateFormat: 'YYYY-MM-DD',
     timeFormat: 'HH:mm:ss',
     date: '2022-12-12',
+    hour: '20',
+    minute: '30',
+    second: '40',
+    output: '2022-12-12 20:30:40',
+  },
+  {
+    dateFormat: 'YYYY/MM/DD',
+    timeFormat: 'HH:mm',
+    date: '2022/12/12',
     hour: '10',
     minute: '20',
-    second: '30',
+    output: '2022/12/12 10:20',
+  },
+  {
+    dateFormat: 'YYYY/MM/DD',
+    timeFormat: 'HH:mm:ss',
+    date: '2022/12/12',
+    hour: '5',
+    minute: '30',
+    second: '40',
+    output: '2022/12/12 05:30:40',
+  },
+  {
+    dateFormat: 'DD-MM-YYYY',
+    timeFormat: 'HH:mm',
+    date: '25-11-2022',
+    hour: '3',
+    minute: '20',
+    output: '12-12-2022 03:20',
+  },
+  {
+    dateFormat: 'DD-MM-YYYY',
+    timeFormat: 'HH:mm:ss',
+    date: '25-11-2022',
+    hour: '2',
+    minute: '30',
+    second: '40',
+    output: '25-11-2022 02:30:40',
   },
 ];
 
@@ -41,20 +77,6 @@ test.describe('DateTime Column', () => {
       timeFormat: dateTimeData[0].timeFormat,
     });
 
-    await dashboard.grid.cell.dateTime.open({
-      index: 0,
-      columnHeader: 'NC_DATETIME_0',
-    });
-
-    await dashboard.grid.cell.dateTime.selectDate({
-      date: dateTimeData[0],
-    });
-    await dashboard.grid.cell.dateTime.selectTime({
-      hour: dateTimeData[0].hour,
-      minute: dateTimeData[0].minute,
-    });
-    await dashboard.grid.cell.dateTime.close();
-
     for (let i = 0; i < dateTimeData.length; i++) {
       // Edit DateTime column
       await dashboard.grid.column.openEdit({
@@ -63,7 +85,26 @@ test.describe('DateTime Column', () => {
         dateFormat: dateTimeData[i].dateFormat,
         timeFormat: dateTimeData[i].timeFormat,
       });
-      // TODO: ...
+
+      await dashboard.grid.cell.dateTime.open({
+        index: 0,
+        columnHeader: 'NC_DATETIME_0',
+      });
+
+      await dashboard.grid.cell.dateTime.selectDate({
+        date: dateTimeData[i].date,
+      });
+      await dashboard.grid.cell.dateTime.selectTime({
+        hour: dateTimeData[i].hour,
+        minute: dateTimeData[i].minute,
+      });
+      await dashboard.grid.cell.dateTime.close();
+
+      await dashboard.grid.cell.verify({
+        index: 0,
+        columnHeader: 'NC_DATETIME_0',
+        value: dateTimeData[i].output,
+      });
     }
   });
 });

From eab412504a8cbb43cc15398590082f6de25669fe Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Mon, 5 Dec 2022 13:22:25 +0800
Subject: [PATCH 011/103] feat(playwright): add verifyDateCell

---
 .../pages/Dashboard/common/Cell/index.ts         | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/tests/playwright/pages/Dashboard/common/Cell/index.ts b/tests/playwright/pages/Dashboard/common/Cell/index.ts
index 92fdf7a2f2..bb32f48fa7 100644
--- a/tests/playwright/pages/Dashboard/common/Cell/index.ts
+++ b/tests/playwright/pages/Dashboard/common/Cell/index.ts
@@ -101,6 +101,22 @@ export class CellPageObject extends BasePage {
     }
   }
 
+  async verifyDateCell({ index, columnHeader, value }: { index: number; columnHeader: string; value: string }) {
+    const _verify = async expectedValue => {
+      await expect
+        .poll(async () => {
+          const cell = await this.get({
+            index,
+            columnHeader,
+          }).locator('input');
+          return await cell.getAttribute('title');
+        })
+        .toEqual(expectedValue);
+    };
+
+    await _verify(value);
+  }
+
   async verifyQrCodeCell({
     index,
     columnHeader,

From 5291dc6c201fa93e8d4bb0a402f1e4df32031b89 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Mon, 5 Dec 2022 13:23:13 +0800
Subject: [PATCH 012/103] fix(nc-gui): use YYYY-MM-DD HH:mm:ss instead

---
 packages/nc-gui/components/cell/DateTimePicker.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/cell/DateTimePicker.vue b/packages/nc-gui/components/cell/DateTimePicker.vue
index ffd88acc0c..200943245c 100644
--- a/packages/nc-gui/components/cell/DateTimePicker.vue
+++ b/packages/nc-gui/components/cell/DateTimePicker.vue
@@ -61,7 +61,7 @@ let localState = $computed({
     }
 
     if (val.isValid()) {
-      emit('update:modelValue', val?.format(dateTimeFormat))
+      emit('update:modelValue', val?.format('YYYY-MM-DD HH:mm:ss'))
     }
   },
 })

From 34ffcd5215e92c26cd2ea7ae9fb3b89992befdbd Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Mon, 5 Dec 2022 13:23:56 +0800
Subject: [PATCH 013/103] feat(playwright): datetime tests

---
 .../Dashboard/common/Cell/DateTimeCell.ts     | 21 ++++---
 tests/playwright/tests/columnDateTime.spec.ts | 61 ++++++++++---------
 2 files changed, 46 insertions(+), 36 deletions(-)

diff --git a/tests/playwright/pages/Dashboard/common/Cell/DateTimeCell.ts b/tests/playwright/pages/Dashboard/common/Cell/DateTimeCell.ts
index 0445b7fa60..50b762b618 100644
--- a/tests/playwright/pages/Dashboard/common/Cell/DateTimeCell.ts
+++ b/tests/playwright/pages/Dashboard/common/Cell/DateTimeCell.ts
@@ -14,18 +14,25 @@ export class DateTimeCellPageObject extends BasePage {
   }
 
   async open({ index, columnHeader }: { index: number; columnHeader: string }) {
+    await this.rootPage.locator('.nc-grid-add-new-cell').click();
+
     await this.cell.dblclick({
       index,
       columnHeader,
     });
   }
 
+  async save() {
+    await this.rootPage.locator('button:has-text("Ok")').click();
+  }
+
   async selectDate({
-    // date in format `YYYY-MM-DD`
+    // date formats in `YYYY-MM-DD`
     date,
   }: {
     date: string;
   }) {
+    // title date format needs to be YYYY-MM-DD
     await this.rootPage.locator(`td[title="${date}"]`).click();
   }
 
@@ -37,19 +44,19 @@ export class DateTimeCellPageObject extends BasePage {
     minute,
     second,
   }: {
-    hour: string;
-    minute: string;
-    second?: string;
+    hour: number;
+    minute: number;
+    second?: number | null;
   }) {
     await this.rootPage
-      .locator(`.ant-picker-time-panel-column:nth-child(1) > ant-picker-time-panel-cell:nth-child(${hour})`)
+      .locator(`.ant-picker-time-panel-column:nth-child(1) > .ant-picker-time-panel-cell:nth-child(${hour + 1})`)
       .click();
     await this.rootPage
-      .locator(`.ant-picker-time-panel-column:nth-child(2) > ant-picker-time-panel-cell:nth-child(${minute})`)
+      .locator(`.ant-picker-time-panel-column:nth-child(2) > .ant-picker-time-panel-cell:nth-child(${minute + 1})`)
       .click();
     if (second != null) {
       await this.rootPage
-        .locator(`.ant-picker-time-panel-column:nth-child(3) > ant-picker-time-panel-cell:nth-child(${second})`)
+        .locator(`.ant-picker-time-panel-column:nth-child(3) > .ant-picker-time-panel-cell:nth-child(${second + 1})`)
         .click();
     }
   }
diff --git a/tests/playwright/tests/columnDateTime.spec.ts b/tests/playwright/tests/columnDateTime.spec.ts
index bb6990be6b..e30e4837d1 100644
--- a/tests/playwright/tests/columnDateTime.spec.ts
+++ b/tests/playwright/tests/columnDateTime.spec.ts
@@ -2,59 +2,57 @@ import { test } from '@playwright/test';
 import { DashboardPage } from '../pages/Dashboard';
 import setup from '../setup';
 
-// Storing one additional dummy value "10" at end of every input array
-// this will trigger update to previously committed data
 const dateTimeData = [
   {
     dateFormat: 'YYYY-MM-DD',
     timeFormat: 'HH:mm',
     date: '2022-12-12',
-    hour: '10',
-    minute: '20',
+    hour: 10,
+    minute: 20,
     output: '2022-12-12 10:20',
   },
   {
     dateFormat: 'YYYY-MM-DD',
     timeFormat: 'HH:mm:ss',
-    date: '2022-12-12',
-    hour: '20',
-    minute: '30',
-    second: '40',
-    output: '2022-12-12 20:30:40',
+    date: '2022-12-11',
+    hour: 20,
+    minute: 30,
+    second: 40,
+    output: '2022-12-11 20:30:40',
   },
   {
     dateFormat: 'YYYY/MM/DD',
     timeFormat: 'HH:mm',
-    date: '2022/12/12',
-    hour: '10',
-    minute: '20',
-    output: '2022/12/12 10:20',
+    date: '2022-12-13',
+    hour: 10,
+    minute: 20,
+    output: '2022/12/13 10:20',
   },
   {
     dateFormat: 'YYYY/MM/DD',
     timeFormat: 'HH:mm:ss',
-    date: '2022/12/12',
-    hour: '5',
-    minute: '30',
-    second: '40',
-    output: '2022/12/12 05:30:40',
+    date: '2022-12-14',
+    hour: 5,
+    minute: 30,
+    second: 40,
+    output: '2022/12/14 05:30:40',
   },
   {
     dateFormat: 'DD-MM-YYYY',
     timeFormat: 'HH:mm',
-    date: '25-11-2022',
-    hour: '3',
-    minute: '20',
-    output: '12-12-2022 03:20',
+    date: '2022-12-10',
+    hour: 4,
+    minute: 30,
+    output: '10-12-2022 04:30',
   },
   {
     dateFormat: 'DD-MM-YYYY',
     timeFormat: 'HH:mm:ss',
-    date: '25-11-2022',
-    hour: '2',
-    minute: '30',
-    second: '40',
-    output: '25-11-2022 02:30:40',
+    date: '2022-12-26',
+    hour: 2,
+    minute: 30,
+    second: 40,
+    output: '26-12-2022 02:30:40',
   },
 ];
 
@@ -86,6 +84,8 @@ test.describe('DateTime Column', () => {
         timeFormat: dateTimeData[i].timeFormat,
       });
 
+      await dashboard.grid.column.save({ isUpdated: true });
+
       await dashboard.grid.cell.dateTime.open({
         index: 0,
         columnHeader: 'NC_DATETIME_0',
@@ -94,13 +94,16 @@ test.describe('DateTime Column', () => {
       await dashboard.grid.cell.dateTime.selectDate({
         date: dateTimeData[i].date,
       });
+
       await dashboard.grid.cell.dateTime.selectTime({
         hour: dateTimeData[i].hour,
         minute: dateTimeData[i].minute,
+        second: dateTimeData[i].second,
       });
-      await dashboard.grid.cell.dateTime.close();
 
-      await dashboard.grid.cell.verify({
+      await dashboard.grid.cell.dateTime.save();
+
+      await dashboard.grid.cell.verifyDateCell({
         index: 0,
         columnHeader: 'NC_DATETIME_0',
         value: dateTimeData[i].output,

From b425adea9a6dc45334949b599f3db796f4ca53ff Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Mon, 5 Dec 2022 14:07:59 +0800
Subject: [PATCH 014/103] chore(playwright): remove `.only` for date time test

---
 tests/playwright/tests/columnDateTime.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/playwright/tests/columnDateTime.spec.ts b/tests/playwright/tests/columnDateTime.spec.ts
index e30e4837d1..c5349a9a98 100644
--- a/tests/playwright/tests/columnDateTime.spec.ts
+++ b/tests/playwright/tests/columnDateTime.spec.ts
@@ -65,7 +65,7 @@ test.describe('DateTime Column', () => {
     dashboard = new DashboardPage(page, context.project);
   });
 
-  test.only('Create DateTime Column', async () => {
+  test('Create DateTime Column', async () => {
     await dashboard.treeView.createTable({ title: 'test_datetime' });
     // Create DateTime column
     await dashboard.grid.column.create({

From fa8ac94d563ea99859a601d121e62fde9ed105af Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Tue, 6 Dec 2022 13:02:52 +0800
Subject: [PATCH 015/103] refactor(nocodb): move convertAttachmentType to
 extractRawQueryAndExec

---
 .../sql-data-mapper/lib/sql/BaseModelSqlv2.ts | 41 ++++++++-----------
 1 file changed, 17 insertions(+), 24 deletions(-)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
index 429252ae59..89610b8d1a 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
@@ -103,7 +103,6 @@ class BaseModelSqlv2 {
     let data = (await this.extractRawQueryAndExec(qb))?.[0];
 
     if (data) {
-      data = this.convertAttachmentType(data);
       const proto = await this.getProto();
       data.__proto__ = proto;
     }
@@ -162,7 +161,6 @@ class BaseModelSqlv2 {
     let data = await qb.first();
 
     if (data) {
-      data = this.convertAttachmentType(data);
       const proto = await this.getProto();
       data.__proto__ = proto;
     }
@@ -255,7 +253,6 @@ class BaseModelSqlv2 {
     if (!ignoreViewFilterAndSort) applyPaginate(qb, rest);
     const proto = await this.getProto();
     let data = await this.extractRawQueryAndExec(qb);
-    data = this.convertAttachmentType(data);
 
     return data?.map((d) => {
       d.__proto__ = proto;
@@ -367,7 +364,7 @@ class BaseModelSqlv2 {
     qb.groupBy(args.column_name);
     if (sorts) await sortV2(sorts, qb, this.dbDriver);
     applyPaginate(qb, rest);
-    return this.convertAttachmentType(await qb);
+    return await qb;
   }
 
   async multipleHmList({ colId, ids }, args: { limit?; offset? } = {}) {
@@ -427,7 +424,6 @@ class BaseModelSqlv2 {
       );
 
       let children = await this.extractRawQueryAndExec(childQb);
-      children = this.convertAttachmentType(children);
       const proto = await (
         await Model.getBaseModelSQL({
           id: childTable.id,
@@ -555,7 +551,6 @@ class BaseModelSqlv2 {
       await childModel.selectObject({ qb });
 
       let children = await this.extractRawQueryAndExec(qb);
-      children = this.convertAttachmentType(children);
 
       const proto = await (
         await Model.getBaseModelSQL({
@@ -676,7 +671,6 @@ class BaseModelSqlv2 {
     if (this.isMySQL) {
       children = children[0];
     }
-    children = this.convertAttachmentType(children);
     const proto = await (
       await Model.getBaseModelSQL({
         id: rtnId,
@@ -742,7 +736,6 @@ class BaseModelSqlv2 {
     qb.offset(+rest?.offset || 0);
 
     let children = await this.extractRawQueryAndExec(qb);
-    children = this.convertAttachmentType(children);
     const proto = await (
       await Model.getBaseModelSQL({ id: rtnId, dbDriver: this.dbDriver })
     ).getProto();
@@ -969,7 +962,6 @@ class BaseModelSqlv2 {
 
     const proto = await childModel.getProto();
     let data = await qb;
-    data = this.convertAttachmentType(data);
     return data.map((c) => {
       c.__proto__ = proto;
       return c;
@@ -1084,7 +1076,6 @@ class BaseModelSqlv2 {
 
     const proto = await childModel.getProto();
     let data = await this.extractRawQueryAndExec(qb);
-    data = this.convertAttachmentType(data);
 
     return data.map((c) => {
       c.__proto__ = proto;
@@ -1203,7 +1194,6 @@ class BaseModelSqlv2 {
 
     const proto = await parentModel.getProto();
     let data = await this.extractRawQueryAndExec(qb);
-    data = this.convertAttachmentType(data);
 
     return data.map((c) => {
       c.__proto__ = proto;
@@ -2663,7 +2653,6 @@ class BaseModelSqlv2 {
       const proto = await this.getProto();
 
       let data = await groupedQb;
-      data = this.convertAttachmentType(data);
       const result = data?.map((d) => {
         d.__proto__ = proto;
         return d;
@@ -2773,21 +2762,25 @@ class BaseModelSqlv2 {
     } else {
       query = sanitize(query);
     }
-    return this.isPg
-      ? (await this.dbDriver.raw(query))?.rows
-      : query.slice(0, 6) === 'select' && !this.isMssql
-      ? await this.dbDriver.from(
-          this.dbDriver.raw(query).wrap('(', ') __nc_alias')
-        )
-      : await this.dbDriver.raw(query);
+    return this.convertAttachmentType(
+      this.isPg
+        ? (await this.dbDriver.raw(query))?.rows
+        : query.slice(0, 6) === 'select' && !this.isMssql
+        ? await this.dbDriver.from(
+            this.dbDriver.raw(query).wrap('(', ') __nc_alias')
+          )
+        : await this.dbDriver.raw(query)
+    );
   }
 
   private _convertAttachmentType(attachmentColumns, d) {
-    attachmentColumns.forEach((col) => {
-      if (d[col.title] && typeof d[col.title] === 'string') {
-        d[col.title] = JSON.parse(d[col.title]);
-      }
-    });
+    if (d) {
+      attachmentColumns.forEach((col) => {
+        if (d[col.title] && typeof d[col.title] === 'string') {
+          d[col.title] = JSON.parse(d[col.title]);
+        }
+      });
+    }
     return d;
   }
 

From 6b259fa87b1d197395351ae4b010cea752ecf1ab Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 7 Dec 2022 18:40:51 +0800
Subject: [PATCH 016/103] feat(nc-gui): add DATETIME_DIFF validation

---
 .../smartsheet/column/FormulaOptions.vue      | 57 +++++++++++++++++++
 1 file changed, 57 insertions(+)

diff --git a/packages/nc-gui/components/smartsheet/column/FormulaOptions.vue b/packages/nc-gui/components/smartsheet/column/FormulaOptions.vue
index c55bc8ec85..2721028f22 100644
--- a/packages/nc-gui/components/smartsheet/column/FormulaOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/FormulaOptions.vue
@@ -235,6 +235,63 @@ function validateAgainstMeta(parsedTree: any, errors = new Set(), typeErrors = n
             },
             typeErrors,
           )
+        } else if (parsedTree.callee.name === 'DATETIME_DIFF') {
+          // parsedTree.arguments[0] = date
+          validateAgainstType(
+            parsedTree.arguments[0],
+            formulaTypes.DATE,
+            (v: any) => {
+              if (!validateDateWithUnknownFormat(v)) {
+                typeErrors.add('The first parameter of DATETIME_DIFF() should have date value')
+              }
+            },
+            typeErrors,
+          )
+          // parsedTree.arguments[1] = date
+          validateAgainstType(
+            parsedTree.arguments[1],
+            formulaTypes.DATE,
+            (v: any) => {
+              if (!validateDateWithUnknownFormat(v)) {
+                typeErrors.add('The second parameter of DATETIME_DIFF() should have date value')
+              }
+            },
+            typeErrors,
+          )
+          // parsedTree.arguments[2] = ["milliseconds" | "ms" | "seconds" | "s" | "minutes" | "m" | "hours" | "h" | "days" | "d" | "weeks" | "w" | "months" | "M" | "quarters" | "Q" | "years" | "y"]
+          validateAgainstType(
+            parsedTree.arguments[2],
+            formulaTypes.STRING,
+            (v: any) => {
+              if (
+                ![
+                  'milliseconds',
+                  'ms',
+                  'seconds',
+                  's',
+                  'minutes',
+                  'm',
+                  'hours',
+                  'h',
+                  'days',
+                  'd',
+                  'weeks',
+                  'w',
+                  'months',
+                  'M',
+                  'quarters',
+                  'Q',
+                  'years',
+                  'y',
+                ].includes(v)
+              ) {
+                typeErrors.add(
+                  'The third parameter of DATETIME_DIFF() should have value either "milliseconds", "ms", "seconds", "s", "minutes", "m", "hours", "h", "days", "d", "weeks", "w", "months", "M", "quarters", "Q", "years", or "y"',
+                )
+              }
+            },
+            typeErrors,
+          )
         }
       }
     }

From 5f64da2f3713a93f207473759c1ad6ad39aee778 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 7 Dec 2022 18:41:14 +0800
Subject: [PATCH 017/103] feat(nc-gui): add DATETIME_DIFF hint

---
 packages/nc-gui/utils/formulaUtils.ts | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/packages/nc-gui/utils/formulaUtils.ts b/packages/nc-gui/utils/formulaUtils.ts
index e49655338f..5c1cdf99be 100644
--- a/packages/nc-gui/utils/formulaUtils.ts
+++ b/packages/nc-gui/utils/formulaUtils.ts
@@ -51,6 +51,29 @@ const formulas: Record<string, any> = {
       'DATEADD({column1}, -2, "year")',
     ],
   },
+  DATETIME_DIFF: {
+    type: formulaTypes.DATE,
+    validation: {
+      args: {
+        min: 2,
+        max: 3,
+      },
+    },
+    description: 'Calculate the difference of two given date / datetime in specified units.',
+    syntax:
+      'DATETIME_DIFF(date | datetime, date | datetime, ["milliseconds" | "ms" | "seconds" | "s" | "minutes" | "m" | "hours" | "h" | "days" | "d" | "weeks" | "w" | "months" | "M" | "quarters" | "Q" | "years" | "y"])',
+    examples: [
+      'DATEDIFF({column1}, {column2})',
+      'DATEDIFF({column1}, {column2}, "seconds")',
+      'DATEDIFF({column1}, {column2}, "s")',
+      'DATEDIFF({column1}, {column2}, "years")',
+      'DATEDIFF({column1}, {column2}, "y")',
+      'DATEDIFF({column1}, {column2}, "minutes")',
+      'DATEDIFF({column1}, {column2}, "m")',
+      'DATEDIFF({column1}, {column2}, "days")',
+      'DATEDIFF({column1}, {column2}, "d")',
+    ],
+  },
   AND: {
     type: formulaTypes.COND_EXP,
     validation: {

From f10cf40ee224aec34970dec39694e2e44a51c79a Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 7 Dec 2022 18:41:42 +0800
Subject: [PATCH 018/103] feat(nocodb-sdk): add DATETIME_DIFF to formula list

---
 packages/nocodb-sdk/src/lib/formulaHelpers.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/nocodb-sdk/src/lib/formulaHelpers.ts b/packages/nocodb-sdk/src/lib/formulaHelpers.ts
index 94f22b79b5..ffa7964488 100644
--- a/packages/nocodb-sdk/src/lib/formulaHelpers.ts
+++ b/packages/nocodb-sdk/src/lib/formulaHelpers.ts
@@ -132,6 +132,7 @@ export function jsepTreeToFormula(node) {
       'AVG',
       'ADD',
       'DATEADD',
+      'DATETIME_DIFF',
       'WEEKDAY',
       'AND',
       'OR',

From 7fbacb6023c7a05136cab44a3200c59506566e25 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 7 Dec 2022 18:41:58 +0800
Subject: [PATCH 019/103] feat(docs): add DATETIME_DIFF usage

---
 packages/noco-docs/content/en/setup-and-usages/formulas.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/noco-docs/content/en/setup-and-usages/formulas.md b/packages/noco-docs/content/en/setup-and-usages/formulas.md
index 6d39cb250d..5a1d7c3a1c 100644
--- a/packages/noco-docs/content/en/setup-and-usages/formulas.md
+++ b/packages/noco-docs/content/en/setup-and-usages/formulas.md
@@ -97,6 +97,8 @@ Example: ({Column1} + ({Column2} * {Column3}) / (3 - $Column4$ ))
 |  |  | `DATEADD(date, 1, 'year')` | Supposing {DATE_COL} is 2022-03-14 03:14. The result is 2023-03-14 03:14. | DateTime columns and negative values are supported. Example: `DATEADD(DATE_TIME_COL, -1, 'year')` |
 |  |  | `IF(NOW() < DATEADD(date,10,'day'), "true", "false")` | If the current date is less than {DATE_COL} plus 10 days, it returns true. Otherwise, it returns false. | DateTime columns and negative values are supported. |
 |  |  | `IF(NOW() < DATEADD(date,10,'day'), "true", "false")` | If the current date is less than {DATE_COL} plus 10 days, it returns true. Otherwise, it returns false. | DateTime columns and negative values are supported. |
+| **DATETIME_DIFF** | `DATETIME_DIFF(date, date, ["milliseconds" \| "ms" \| "seconds" \| "s" \| "minutes" \| "m" \| "hours" \| "h" \| "days" \| "d" \| "weeks" \| "w" \| "months" \| "M" \| "quarters" \| "Q" \| "years" \| "y"])` | `DATETIME_DIFF("2022/10/14", "2022/10/15", "second")` | Supposing {DATE_COL_1} is 2017-08-25 and {DATE_COL_2} is 2011-08-25. The result is 86400. | Compares two dates and returns the difference in the unit specified. Positive integers indicate the second date being in the past compared to the first and vice versa for negative ones. |
+|  |  | `WEEKDAY(NOW(), "sunday")` | If today is Monday, it returns 1 | Get the week day of NOW() with the first day set as sunday |
 | **WEEKDAY** | `WEEKDAY(date, [startDayOfWeek])` | `WEEKDAY(NOW())` | If today is Monday, it returns 0 | Returns the day of the week as an integer between 0 and 6 inclusive starting from Monday by default. You can optionally change the start day of the week by specifying in the second argument |
 |  |  | `WEEKDAY(NOW(), "sunday")` | If today is Monday, it returns 1 | Get the week day of NOW() with the first day set as sunday |
 

From 961247f4e5038b5f492971e8800ddb96e8f610ca Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 7 Dec 2022 19:48:58 +0800
Subject: [PATCH 020/103] feat(nocodb): covertUnits

---
 .../lib/sql/helpers/convertUnits.ts           | 155 ++++++++++++++++++
 1 file changed, 155 insertions(+)
 create mode 100644 packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/helpers/convertUnits.ts

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/helpers/convertUnits.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/helpers/convertUnits.ts
new file mode 100644
index 0000000000..22daefe71c
--- /dev/null
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/helpers/convertUnits.ts
@@ -0,0 +1,155 @@
+export function convertUnits(
+  unit: string,
+  type: 'mysql' | 'mssql' | 'pg' | 'sqlite'
+) {
+  switch (unit) {
+    case 'milliseconds':
+    case 'ms': {
+      if (type === 'mssql') {
+        return 'millisecond';
+      }
+
+      if (type === 'mysql') {
+        // MySQL doesn't support millisecond
+        // hence change from MICROSECOND to millisecond manually
+        return 'MICROSECOND';
+      }
+
+      if (type === 'pg' || type === 'sqlite') {
+        return 'milliseconds';
+      }
+
+      return unit;
+    }
+    case 'seconds':
+    case 's': {
+      if (type === 'mssql' || type === 'pg') {
+        return 'second';
+      }
+
+      if (type === 'mysql') {
+        return 'SECOND';
+      }
+
+      if (type === 'sqlite') {
+        return 'seconds';
+      }
+
+      return unit;
+    }
+    case 'minutes':
+    case 'm': {
+      if (type === 'mssql' || type === 'pg') {
+        return 'minute';
+      }
+
+      if (type === 'mysql') {
+        return 'MINUTE';
+      }
+
+      if (type === 'sqlite') {
+        return 'minutes';
+      }
+
+      return unit;
+    }
+    case 'hours':
+    case 'h': {
+      if (type === 'mssql' || type === 'pg') {
+        return 'hour';
+      }
+
+      if (type === 'mysql') {
+        return 'HOUR';
+      }
+
+      if (type === 'sqlite') {
+        return 'hours';
+      }
+
+      return unit;
+    }
+    case 'days':
+    case 'd': {
+      if (type === 'mssql' || type === 'pg') {
+        return 'day';
+      }
+
+      if (type === 'mysql') {
+        return 'DAY';
+      }
+
+      if (type === 'sqlite') {
+        return 'days';
+      }
+
+      return unit;
+    }
+    case 'weeks':
+    case 'w': {
+      if (type === 'mssql' || type === 'pg') {
+        return 'week';
+      }
+
+      if (type === 'mysql') {
+        return 'WEEK';
+      }
+
+      if (type === 'sqlite') {
+        return 'weeks';
+      }
+
+      return unit;
+    }
+    case 'months':
+    case 'M': {
+      if (type === 'mssql' || type === 'pg') {
+        return 'month';
+      }
+
+      if (type === 'mysql') {
+        return 'MONTH';
+      }
+
+      if (type === 'sqlite') {
+        return 'months';
+      }
+
+      return unit;
+    }
+    case 'quarters':
+    case 'Q': {
+      if (type === 'mssql' || type === 'pg') {
+        return 'quarter';
+      }
+
+      if (type === 'mysql') {
+        return 'QUARTER';
+      }
+
+      if (type === 'sqlite') {
+        return 'quarters';
+      }
+
+      return unit;
+    }
+    case 'years':
+    case 'y': {
+      if (type === 'mssql' || type === 'pg') {
+        return 'year';
+      }
+
+      if (type === 'mysql') {
+        return 'YEAR';
+      }
+
+      if (type === 'sqlite') {
+        return 'years';
+      }
+
+      return unit;
+    }
+    default:
+      return unit;
+  }
+}

From 9d104016bdda3f1f1905b133293d1ca5e7307632 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 7 Dec 2022 19:56:36 +0800
Subject: [PATCH 021/103] feat(nocodb): add DATETIME_DIFF logic for mysql

---
 .../lib/sql/functionMappings/mysql.ts         | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/mysql.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/mysql.ts
index ab1acb763b..2512437c17 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/mysql.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/mysql.ts
@@ -1,6 +1,7 @@
 import dayjs from 'dayjs';
 import { MapFnArgs } from '../mapFunctionName';
 import commonFns from './commonFns';
+import { convertUnits } from '../helpers/convertUnits';
 import { getWeekdayByText } from '../helpers/formulaFnHelper';
 
 const mysql2 = {
@@ -61,6 +62,26 @@ const mysql2 = {
       END${colAlias}`
     );
   },
+  DATETIME_DIFF: ({ fn, knex, pt, colAlias }: MapFnArgs) => {
+    const datetime_expr1 = fn(pt.arguments[0]);
+    const datetime_expr2 = fn(pt.arguments[1]);
+
+    const unit = convertUnits(
+      pt.arguments[2] ? fn(pt.arguments[2]).bindings[0] : 'seconds',
+      'mysql'
+    );
+
+    if (unit === 'MICROSECOND') {
+      // MySQL doesn't support millisecond
+      // hence change from MICROSECOND to millisecond manually
+      return knex.raw(
+        `TIMESTAMPDIFF(${unit}, ${datetime_expr2}, ${datetime_expr1}) div 1000 ${colAlias}`
+      );
+    }
+    return knex.raw(
+      `TIMESTAMPDIFF(${unit}, ${datetime_expr2}, ${datetime_expr1}) ${colAlias}`
+    );
+  },
   WEEKDAY: ({ fn, knex, pt, colAlias }: MapFnArgs) => {
     // WEEKDAY() returns an index from 0 to 6 for Monday to Sunday
     return knex.raw(

From 5ad979b66b974f6079e13ab688a547f4e264aaa6 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 8 Dec 2022 16:37:26 +0800
Subject: [PATCH 022/103] feat(nocodb): add DATETIME_DIFF logic for pg

---
 .../lib/sql/functionMappings/pg.ts            | 48 +++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/pg.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/pg.ts
index f24ec33598..60c0e122c4 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/pg.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/pg.ts
@@ -1,6 +1,7 @@
 import dayjs from 'dayjs';
 import { MapFnArgs } from '../mapFunctionName';
 import commonFns from './commonFns';
+import { convertUnits } from '../helpers/convertUnits';
 import { getWeekdayByText } from '../helpers/formulaFnHelper';
 
 const pg = {
@@ -50,6 +51,53 @@ const pg = {
       )}')::interval${colAlias}`
     );
   },
+  DATETIME_DIFF: ({ fn, knex, pt, colAlias }: MapFnArgs) => {
+    const datetime_expr1 = fn(pt.arguments[0]);
+    const datetime_expr2 = fn(pt.arguments[1]);
+    const rawUnit = pt.arguments[2]
+      ? fn(pt.arguments[2]).bindings[0]
+      : 'seconds';
+    let sql;
+    const unit = convertUnits(rawUnit, 'pg');
+    switch (unit) {
+      case 'second':
+        sql = `EXTRACT(EPOCH from (${datetime_expr1}::TIMESTAMP - ${datetime_expr2}::TIMESTAMP))::INTEGER`;
+        break;
+      case 'minute':
+        sql = `EXTRACT(EPOCH from (${datetime_expr1}::TIMESTAMP - ${datetime_expr2}::TIMESTAMP))::INTEGER / 60`;
+        break;
+      case 'milliseconds':
+        sql = `EXTRACT(EPOCH from (${datetime_expr1}::TIMESTAMP - ${datetime_expr2}::TIMESTAMP))::INTEGER / 3600`;
+        break;
+      case 'week':
+        sql = `TRUNC(DATE_PART('day', ${datetime_expr1}::TIMESTAMP - ${datetime_expr2}::TIMESTAMP) / 7)`;
+        break;
+      case 'month':
+        sql = `(
+                DATE_PART('year', ${datetime_expr1}::TIMESTAMP) - 
+                DATE_PART('year', ${datetime_expr2}::TIMESTAMP)
+               ) * 12 + (
+                DATE_PART('month', ${datetime_expr1}::TIMESTAMP) - 
+                DATE_PART('month', ${datetime_expr2}::TIMESTAMP)
+               )`;
+        break;
+      case 'quarter':
+        sql = `((EXTRACT(QUARTER FROM ${datetime_expr1}::TIMESTAMP) + 
+                    DATE_PART('year', AGE(${datetime_expr1},'1900/01/01')) * 4) - 1) - 
+                ((EXTRACT(QUARTER FROM ${datetime_expr2}::TIMESTAMP) + 
+                    DATE_PART('year', AGE(${datetime_expr2},'1900/01/01')) * 4) - 1)`;
+        break;
+      case 'year':
+        sql = `DATE_PART('year', ${datetime_expr1}::TIMESTAMP) - DATE_PART('year', ${datetime_expr2}::TIMESTAMP)`;
+        break;
+      case 'day':
+        sql = `DATE_PART('day', ${datetime_expr1}::TIMESTAMP - ${datetime_expr2}::TIMESTAMP)`;
+        break;
+      default:
+        sql = '';
+    }
+    return knex.raw(`${sql} ${colAlias}`);
+  },
   WEEKDAY: ({ fn, knex, pt, colAlias }: MapFnArgs) => {
     // isodow: the day of the week as Monday (1) to Sunday (7)
     // WEEKDAY() returns an index from 0 to 6 for Monday to Sunday

From b5b7ce0ef9a6ff45fc5a06fb763360cfeca7281c Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 8 Dec 2022 18:31:49 +0800
Subject: [PATCH 023/103] feat(nocodb): add dateTimeUtils

---
 .../nocodb/src/lib/utils/dateTimeUtils.ts     | 75 +++++++++++++++++++
 1 file changed, 75 insertions(+)
 create mode 100644 packages/nocodb/src/lib/utils/dateTimeUtils.ts

diff --git a/packages/nocodb/src/lib/utils/dateTimeUtils.ts b/packages/nocodb/src/lib/utils/dateTimeUtils.ts
new file mode 100644
index 0000000000..19c058df34
--- /dev/null
+++ b/packages/nocodb/src/lib/utils/dateTimeUtils.ts
@@ -0,0 +1,75 @@
+import dayjs from 'dayjs';
+
+export const dateFormats = [
+  'DD-MM-YYYY',
+  'MM-DD-YYYY',
+  'YYYY-MM-DD',
+  'DD/MM/YYYY',
+  'MM/DD/YYYY',
+  'YYYY/MM/DD',
+  'DD MM YYYY',
+  'MM DD YYYY',
+  'YYYY MM DD',
+];
+
+export function validateDateFormat(v: string) {
+  return dateFormats.includes(v);
+}
+
+export function validateDateWithUnknownFormat(v: string) {
+  for (const format of dateFormats) {
+    if (dayjs(v, format, true).isValid() as any) {
+      return true;
+    }
+    for (const timeFormat of ['HH:mm', 'HH:mm:ss', 'HH:mm:ss.SSS']) {
+      if (dayjs(v, `${format} ${timeFormat}`, true).isValid() as any) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
+
+export function getDateFormat(v: string) {
+  for (const format of dateFormats) {
+    if (dayjs(v, format, true).isValid()) {
+      return format;
+    }
+  }
+  return 'YYYY/MM/DD';
+}
+
+export function getDateTimeFormat(v: string) {
+  for (const format of dateFormats) {
+    for (const timeFormat of ['HH:mm', 'HH:mm:ss', 'HH:mm:ss.SSS']) {
+      const dateTimeFormat = `${format} ${timeFormat}`;
+      if (dayjs(v, dateTimeFormat, true).isValid() as any) {
+        return dateTimeFormat;
+      }
+    }
+  }
+  return 'YYYY/MM/DD';
+}
+
+export function parseStringDate(v: string, dateFormat: string) {
+  const dayjsObj = dayjs(v);
+  if (dayjsObj.isValid()) {
+    v = dayjsObj.format('YYYY-MM-DD');
+  } else {
+    v = dayjs(v, dateFormat).format('YYYY-MM-DD');
+  }
+  return v;
+}
+
+export function convertToTargetFormat(
+  v: string,
+  oldDataFormat,
+  newDateFormat: string
+) {
+  if (
+    !dateFormats.includes(oldDataFormat) ||
+    !dateFormats.includes(newDateFormat)
+  )
+    return v;
+  return dayjs(v, oldDataFormat).format(newDateFormat);
+}

From 82462d2085d93520a7a5aaa675922a768a46995d Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 8 Dec 2022 18:32:18 +0800
Subject: [PATCH 024/103] feat(nocodb): add DATETIME_DIFF logic for sqlite

---
 .../lib/sql/functionMappings/sqlite.ts        | 63 ++++++++++++++++++-
 1 file changed, 62 insertions(+), 1 deletion(-)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/sqlite.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/sqlite.ts
index be33bb7606..94817b79ce 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/sqlite.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/sqlite.ts
@@ -1,7 +1,12 @@
 import dayjs from 'dayjs';
 import { MapFnArgs } from '../mapFunctionName';
 import commonFns from './commonFns';
+import { convertUnits } from '../helpers/convertUnits';
 import { getWeekdayByText } from '../helpers/formulaFnHelper';
+import {
+  convertToTargetFormat,
+  getDateFormat,
+} from '../../../../../utils/dateTimeUtils';
 
 const sqlite3 = {
   ...commonFns,
@@ -77,7 +82,63 @@ const sqlite3 = {
       END${colAlias}`
     );
   },
-
+  DATETIME_DIFF: ({ fn, knex, pt, colAlias }: MapFnArgs) => {
+    let datetime_expr1 = fn(pt.arguments[0]);
+    let datetime_expr2 = fn(pt.arguments[1]);
+    // JULIANDAY takes YYYY-MM-DD
+    datetime_expr1 = convertToTargetFormat(
+      datetime_expr1,
+      getDateFormat(datetime_expr1),
+      'YYYY-MM-DD'
+    );
+    datetime_expr2 = convertToTargetFormat(
+      datetime_expr2,
+      getDateFormat(datetime_expr2),
+      'YYYY-MM-DD'
+    );
+    const rawUnit = pt.arguments[2]
+      ? fn(pt.arguments[2]).bindings[0]
+      : 'seconds';
+    let sql;
+    const unit = convertUnits(rawUnit, 'sqlite');
+    switch (unit) {
+      case 'seconds':
+        sql = `ROUND((JULIANDAY('${datetime_expr1}') - JULIANDAY('${datetime_expr2}')) * 86400)`;
+        break;
+      case 'minutes':
+        sql = `ROUND((JULIANDAY('${datetime_expr1}') - JULIANDAY('${datetime_expr2}')) * 1440)`;
+        break;
+      case 'hours':
+        sql = `ROUND((JULIANDAY('${datetime_expr1}') - JULIANDAY('${datetime_expr2}')) * 24)`;
+        break;
+      case 'milliseconds':
+        sql = `ROUND((JULIANDAY('${datetime_expr1}') - JULIANDAY('${datetime_expr2}')) * 86400000)`;
+        break;
+      case 'weeks':
+        sql = `ROUND((JULIANDAY('${datetime_expr1}') - JULIANDAY('${datetime_expr2}')) / 7)`;
+        break;
+      case 'months':
+        sql = `(ROUND((JULIANDAY('${datetime_expr1}') - JULIANDAY('${datetime_expr2}')) / 365))
+        * 12 + (ROUND((JULIANDAY('${datetime_expr1}') - JULIANDAY('${datetime_expr2}')) / 365 / 12))`;
+        break;
+      case 'quarters':
+        sql = `
+            ROUND((JULIANDAY('${datetime_expr1}')) / 365 / 4) -
+            ROUND((JULIANDAY('${datetime_expr2}')) / 365 / 4) +
+            (ROUND((JULIANDAY('${datetime_expr1}') - JULIANDAY('${datetime_expr2}')) / 365)) * 4
+        `;
+        break;
+      case 'years':
+        sql = `ROUND((JULIANDAY('${datetime_expr1}') - JULIANDAY('${datetime_expr2}')) / 365)`;
+        break;
+      case 'days':
+        sql = `JULIANDAY('${datetime_expr1}') - JULIANDAY('${datetime_expr2}')`;
+        break;
+      default:
+        sql = '';
+    }
+    return knex.raw(`${sql} ${colAlias}`);
+  },
   WEEKDAY: ({ fn, knex, pt, colAlias }: MapFnArgs) => {
     // strftime('%w', date) - day of week 0 - 6 with Sunday == 0
     // WEEKDAY() returns an index from 0 to 6 for Monday to Sunday

From ac0c78b78365f572f61a855d73ee9f888a961015 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 8 Dec 2022 18:36:50 +0800
Subject: [PATCH 025/103] feat(nocodb): add missing hour logic and correct
 milliseconds sql

---
 .../lib/db/sql-data-mapper/lib/sql/functionMappings/pg.ts  | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/pg.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/pg.ts
index 60c0e122c4..72ee49bcfa 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/pg.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/pg.ts
@@ -67,6 +67,9 @@ const pg = {
         sql = `EXTRACT(EPOCH from (${datetime_expr1}::TIMESTAMP - ${datetime_expr2}::TIMESTAMP))::INTEGER / 60`;
         break;
       case 'milliseconds':
+        sql = `EXTRACT(EPOCH from (${datetime_expr1}::TIMESTAMP - ${datetime_expr2}::TIMESTAMP))::INTEGER * 1000`;
+        break;
+      case 'hour':
         sql = `EXTRACT(EPOCH from (${datetime_expr1}::TIMESTAMP - ${datetime_expr2}::TIMESTAMP))::INTEGER / 3600`;
         break;
       case 'week':
@@ -83,9 +86,9 @@ const pg = {
         break;
       case 'quarter':
         sql = `((EXTRACT(QUARTER FROM ${datetime_expr1}::TIMESTAMP) + 
-                    DATE_PART('year', AGE(${datetime_expr1},'1900/01/01')) * 4) - 1) - 
+                    DATE_PART('year', AGE(${datetime_expr1}, '1900/01/01')) * 4) - 1) - 
                 ((EXTRACT(QUARTER FROM ${datetime_expr2}::TIMESTAMP) + 
-                    DATE_PART('year', AGE(${datetime_expr2},'1900/01/01')) * 4) - 1)`;
+                    DATE_PART('year', AGE(${datetime_expr2}, '1900/01/01')) * 4) - 1)`;
         break;
       case 'year':
         sql = `DATE_PART('year', ${datetime_expr1}::TIMESTAMP) - DATE_PART('year', ${datetime_expr2}::TIMESTAMP)`;

From 7403f07c2c0d1081c5058bf202b24309e83462fb Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 8 Dec 2022 19:44:02 +0800
Subject: [PATCH 026/103] fix(nocodb): add try catch and handle LTAR case

---
 .../sql-data-mapper/lib/sql/BaseModelSqlv2.ts | 49 +++++++++++--------
 1 file changed, 29 insertions(+), 20 deletions(-)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
index 89610b8d1a..f6771498a6 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
@@ -423,7 +423,7 @@ class BaseModelSqlv2 {
           .as('list')
       );
 
-      let children = await this.extractRawQueryAndExec(childQb);
+      let children = await this.extractRawQueryAndExec(childQb, childTable);
       const proto = await (
         await Model.getBaseModelSQL({
           id: childTable.id,
@@ -550,7 +550,7 @@ class BaseModelSqlv2 {
 
       await childModel.selectObject({ qb });
 
-      let children = await this.extractRawQueryAndExec(qb);
+      let children = await this.extractRawQueryAndExec(qb, childTable);
 
       const proto = await (
         await Model.getBaseModelSQL({
@@ -667,7 +667,7 @@ class BaseModelSqlv2 {
       !this.isSqlite
     );
 
-    let children = await this.extractRawQueryAndExec(finalQb);
+    let children = await this.extractRawQueryAndExec(finalQb, childTable);
     if (this.isMySQL) {
       children = children[0];
     }
@@ -735,7 +735,7 @@ class BaseModelSqlv2 {
     qb.limit(+rest?.limit || 25);
     qb.offset(+rest?.offset || 0);
 
-    let children = await this.extractRawQueryAndExec(qb);
+    let children = await this.extractRawQueryAndExec(qb, childTable);
     const proto = await (
       await Model.getBaseModelSQL({ id: rtnId, dbDriver: this.dbDriver })
     ).getProto();
@@ -1075,7 +1075,7 @@ class BaseModelSqlv2 {
     applyPaginate(qb, rest);
 
     const proto = await childModel.getProto();
-    let data = await this.extractRawQueryAndExec(qb);
+    let data = await this.extractRawQueryAndExec(qb, childTable);
 
     return data.map((c) => {
       c.__proto__ = proto;
@@ -1193,7 +1193,7 @@ class BaseModelSqlv2 {
     applyPaginate(qb, rest);
 
     const proto = await parentModel.getProto();
-    let data = await this.extractRawQueryAndExec(qb);
+    let data = await this.extractRawQueryAndExec(qb, childTable);
 
     return data.map((c) => {
       c.__proto__ = proto;
@@ -2755,7 +2755,10 @@ class BaseModelSqlv2 {
     return await qb;
   }
 
-  private async extractRawQueryAndExec(qb: Knex.QueryBuilder) {
+  private async extractRawQueryAndExec(
+    qb: Knex.QueryBuilder,
+    childTable?: Model
+  ) {
     let query = qb.toQuery();
     if (!this.isPg && !this.isMssql) {
       query = unsanitize(qb.toQuery());
@@ -2769,28 +2772,34 @@ class BaseModelSqlv2 {
         ? await this.dbDriver.from(
             this.dbDriver.raw(query).wrap('(', ') __nc_alias')
           )
-        : await this.dbDriver.raw(query)
+        : await this.dbDriver.raw(query),
+      childTable
     );
   }
 
-  private _convertAttachmentType(attachmentColumns, d) {
-    if (d) {
-      attachmentColumns.forEach((col) => {
-        if (d[col.title] && typeof d[col.title] === 'string') {
-          d[col.title] = JSON.parse(d[col.title]);
-        }
-      });
-    }
+  private _convertAttachmentType(
+    attachmentColumns: Record<string, any>[],
+    d: Record<string, any>
+  ) {
+    try {
+      if (d) {
+        attachmentColumns.forEach((col) => {
+          if (d[col.title] && typeof d[col.title] === 'string') {
+            d[col.title] = JSON.parse(d[col.title]);
+          }
+        });
+      }
+    } catch {}
     return d;
   }
 
-  private convertAttachmentType(data) {
+  private convertAttachmentType(data: Record<string, any>, childTable?: Model) {
     // attachment is stored in text and parse in UI
     // convertAttachmentType is used to convert the response in string to array of object in API response
     if (data) {
-      const attachmentColumns = this.model.columns.filter(
-        (c) => c.uidt === UITypes.Attachment
-      );
+      const attachmentColumns = (
+        childTable ? childTable.columns : this.model.columns
+      ).filter((c) => c.uidt === UITypes.Attachment);
       if (attachmentColumns.length) {
         if (Array.isArray(data)) {
           data = data.map((d) =>

From c758cd16c20da128026f40245ca6371836ec3c44 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 9 Dec 2022 14:08:13 +0800
Subject: [PATCH 027/103] feat(nocodb): feat(nocodb): add DATETIME_DIFF logic
 for mssql

---
 .../lib/sql/functionMappings/mssql.ts                | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/mssql.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/mssql.ts
index 1358a87411..b666957176 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/mssql.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/mssql.ts
@@ -1,6 +1,7 @@
 import dayjs from 'dayjs';
 import { MapFnArgs } from '../mapFunctionName';
 import commonFns from './commonFns';
+import { convertUnits } from '../helpers/convertUnits';
 import { getWeekdayByText } from '../helpers/formulaFnHelper';
 
 const mssql = {
@@ -110,6 +111,17 @@ const mssql = {
       END${colAlias}`
     );
   },
+  DATETIME_DIFF: ({ fn, knex, pt, colAlias }: MapFnArgs) => {
+    const datetime_expr1 = fn(pt.arguments[0]);
+    const datetime_expr2 = fn(pt.arguments[1]);
+    const rawUnit = pt.arguments[2]
+      ? fn(pt.arguments[2]).bindings[0]
+      : 'seconds';
+    const unit = convertUnits(rawUnit, 'mssql');
+    return knex.raw(
+      `DATEDIFF(${unit}, ${datetime_expr2}, ${datetime_expr1}) ${colAlias}`
+    );
+  },
   WEEKDAY: ({ fn, knex, pt, colAlias }: MapFnArgs) => {
     // DATEPART(WEEKDAY, DATE): sunday = 1, monday = 2, ..., saturday = 7
     // WEEKDAY() returns an index from 0 to 6 for Monday to Sunday

From 40c2aada155f1c4302ac26034443acea82760f29 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 9 Dec 2022 14:15:55 +0800
Subject: [PATCH 028/103] feat(playwright): formula DATETIME_DIFF tests

---
 tests/playwright/tests/columnFormula.spec.ts | 40 ++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/tests/playwright/tests/columnFormula.spec.ts b/tests/playwright/tests/columnFormula.spec.ts
index d9a1ed5763..b8c5fdcc8a 100644
--- a/tests/playwright/tests/columnFormula.spec.ts
+++ b/tests/playwright/tests/columnFormula.spec.ts
@@ -30,6 +30,46 @@ const formulaDataByDbType = (context: NcContext) => [
     formula: `WEEKDAY("2022-07-19", "sunday")`,
     result: ['2', '2', '2', '2', '2'],
   },
+  {
+    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15")`,
+    result: ['-86400', '-86400', '-86400', '-86400', '-86400'],
+  },
+  {
+    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15", "minutes")`,
+    result: ['-1440', '-1440', '-1440', '-1440', '-1440'],
+  },
+  {
+    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15", "seconds")`,
+    result: ['-86400', '-86400', '-86400', '-86400', '-86400'],
+  },
+  {
+    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15", "milliseconds")`,
+    result: ['-86400000', '-86400000', '-86400000', '-86400000', '-86400000'],
+  },
+  {
+    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15", "hours")`,
+    result: ['-24', '-24', '-24', '-24', '-24'],
+  },
+  {
+    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15", "weeks")`,
+    result: ['-52', '-52', '-52', '-52', '-52'],
+  },
+  {
+    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15", "months")`,
+    result: ['-12', '-12', '-12', '-12', '-12'],
+  },
+  {
+    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15", "Q")`,
+    result: ['-4', '-4', '-4', '-4', '-4'],
+  },
+  {
+    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15", "y")`,
+    result: ['-1', '-1', '-1', '-1', '-1'],
+  },
+  {
+    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15", "d")`,
+    result: ['-365', '-365', '-365', '-365', '-365'],
+  },
   {
     formula: `CONCAT(UPPER({City}), LOWER({City}), TRIM('    trimmed    '))`,
     result: [

From 1102be7cf8448ef62f999640b76676ffe574ea8e Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 9 Dec 2022 18:52:15 +0800
Subject: [PATCH 029/103] fix(nocodb): empty result when identifier is null

---
 .../lib/sql/formulav2/formulaQueryBuilderv2.ts     | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
index 0c382ea3b4..5ce2ade250 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
@@ -664,6 +664,20 @@ export default async function formulaQueryBuilderv2(
         sql = `COALESCE(${left}, '') ${pt.operator} COALESCE(${right},'')${colAlias}`;
       }
 
+      if (knex.clientType() === 'mysql2') {
+        sql = `IFNULL(${left} ${pt.operator} ${right}, ${
+          pt.operator === '='
+            ? pt.left.type === 'Literal'
+              ? pt.left.value === ''
+              : pt.right.value === ''
+            : pt.operator === '!='
+            ? pt.left.type !== 'Literal'
+              ? pt.left.value === ''
+              : pt.right.value === ''
+            : 0
+        }) ${colAlias}`;
+      }
+
       const query = knex.raw(sql);
       if (prevBinaryOp && pt.operator !== prevBinaryOp) {
         query.wrap('(', ')');

From 94b607c3b2f5f85c54f2b9d97c5c8bb2fcd7e6b1 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 10 Dec 2022 00:24:39 +0800
Subject: [PATCH 030/103] fix(playwright): incorrect formula

---
 tests/playwright/tests/columnFormula.spec.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/tests/playwright/tests/columnFormula.spec.ts b/tests/playwright/tests/columnFormula.spec.ts
index b8c5fdcc8a..bc08da00ba 100644
--- a/tests/playwright/tests/columnFormula.spec.ts
+++ b/tests/playwright/tests/columnFormula.spec.ts
@@ -51,23 +51,23 @@ const formulaDataByDbType = (context: NcContext) => [
     result: ['-24', '-24', '-24', '-24', '-24'],
   },
   {
-    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15", "weeks")`,
+    formula: `DATETIME_DIFF("2022/10/14", "2023/10/14", "w")`,
     result: ['-52', '-52', '-52', '-52', '-52'],
   },
   {
-    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15", "months")`,
+    formula: `DATETIME_DIFF("2022/10/14", "2023/10/14", "M")`,
     result: ['-12', '-12', '-12', '-12', '-12'],
   },
   {
-    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15", "Q")`,
+    formula: `DATETIME_DIFF("2022/10/14", "2023/10/14", "Q")`,
     result: ['-4', '-4', '-4', '-4', '-4'],
   },
   {
-    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15", "y")`,
+    formula: `DATETIME_DIFF("2022/10/14", "2023/10/14", "y")`,
     result: ['-1', '-1', '-1', '-1', '-1'],
   },
   {
-    formula: `DATETIME_DIFF("2022/10/14", "2022/10/15", "d")`,
+    formula: `DATETIME_DIFF("2022/10/14", "2023/10/14", "d")`,
     result: ['-365', '-365', '-365', '-365', '-365'],
   },
   {

From 7c0e24ad85dbc823ee98064286f0c526f6700bf0 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 10 Dec 2022 15:19:49 +0800
Subject: [PATCH 031/103] fix(nocodb): add missing bindings

---
 .../lib/db/sql-data-mapper/lib/sql/functionMappings/sqlite.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/sqlite.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/sqlite.ts
index 94817b79ce..ad384aeedf 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/sqlite.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/sqlite.ts
@@ -83,8 +83,8 @@ const sqlite3 = {
     );
   },
   DATETIME_DIFF: ({ fn, knex, pt, colAlias }: MapFnArgs) => {
-    let datetime_expr1 = fn(pt.arguments[0]);
-    let datetime_expr2 = fn(pt.arguments[1]);
+    let datetime_expr1 = fn(pt.arguments[0]).bindings[0];
+    let datetime_expr2 = fn(pt.arguments[1]).bindings[0];
     // JULIANDAY takes YYYY-MM-DD
     datetime_expr1 = convertToTargetFormat(
       datetime_expr1,

From e94ebe9f4ce17f0c389f6f30e4f21e2dda1e1183 Mon Sep 17 00:00:00 2001
From: Ekaterina Balakina <kato.balakina@gmail.com>
Date: Thu, 15 Dec 2022 15:53:09 +0100
Subject: [PATCH 032/103] fix multiselect

---
 .../nc-gui/components/smartsheet/Cell.vue     |   1 +
 .../nc-gui/components/smartsheet/Grid.vue     |  77 ++++----
 .../composables/useMultiSelect/cellRange.ts   |  28 ++-
 .../composables/useMultiSelect/index.ts       | 167 ++++++++++--------
 packages/nc-gui/lib/types.ts                  |   2 +
 .../playwright/pages/Dashboard/Grid/index.ts  |  32 +++-
 .../pages/Dashboard/common/Cell/index.ts      |  41 ++---
 tests/playwright/tests/cellSelection.spec.ts  | 111 ++++++++++++
 8 files changed, 311 insertions(+), 148 deletions(-)
 create mode 100644 tests/playwright/tests/cellSelection.spec.ts

diff --git a/packages/nc-gui/components/smartsheet/Cell.vue b/packages/nc-gui/components/smartsheet/Cell.vue
index a64d08d1b4..9061933bb0 100644
--- a/packages/nc-gui/components/smartsheet/Cell.vue
+++ b/packages/nc-gui/components/smartsheet/Cell.vue
@@ -163,6 +163,7 @@ const syncAndNavigate = (dir: NavigateDir, e: KeyboardEvent) => {
         v-if="(isLocked || (isPublic && readOnly && !isForm) || isSystemColumn(column)) && !isAttachment(column)"
         class="nc-locked-overlay"
         @click.stop.prevent
+        @dblclick.stop.prevent
       />
     </template>
   </div>
diff --git a/packages/nc-gui/components/smartsheet/Grid.vue b/packages/nc-gui/components/smartsheet/Grid.vue
index 0bcddde8d4..4dc08c0990 100644
--- a/packages/nc-gui/components/smartsheet/Grid.vue
+++ b/packages/nc-gui/components/smartsheet/Grid.vue
@@ -172,7 +172,7 @@ const getContainerScrollForElement = (
   return scroll
 }
 
-const { selectCell, startSelectRange, endSelectRange, clearSelectedRange, copyValue, isCellSelected, selectedCell } =
+const { isCellSelected, activeCell, handleMouseDown, handleMouseOver, handleCellClick, clearSelectedRange, copyValue } =
   useMultiSelect(
     meta,
     fields,
@@ -201,9 +201,10 @@ const { selectCell, startSelectRange, endSelectRange, clearSelectedRange, copyVa
       const cmdOrCtrl = isMac() ? e.metaKey : e.ctrlKey
       const altOrOptionKey = e.altKey
       if (e.key === ' ') {
-        if (selectedCell.row !== null && !editEnabled) {
+        if (activeCell.row != null && !editEnabled) {
           e.preventDefault()
-          const row = data.value[selectedCell.row]
+          clearSelectedRange()
+          const row = data.value[activeCell.row]
           expandForm(row)
           return true
         }
@@ -227,29 +228,34 @@ const { selectCell, startSelectRange, endSelectRange, clearSelectedRange, copyVa
         switch (e.key) {
           case 'ArrowUp':
             e.preventDefault()
-            selectedCell.row = 0
-            selectedCell.col = selectedCell.col ?? 0
+            clearSelectedRange()
+            $e('c:shortcut', { key: 'CTRL + ArrowUp' })
+            activeCell.row = 0
+            activeCell.col = activeCell.col ?? 0
             scrollToCell?.()
             editEnabled = false
             return true
           case 'ArrowDown':
             e.preventDefault()
-            selectedCell.row = data.value.length - 1
-            selectedCell.col = selectedCell.col ?? 0
+            clearSelectedRange()
+            activeCell.row = data.value.length - 1
+            activeCell.col = activeCell.col ?? 0
             scrollToCell?.()
             editEnabled = false
             return true
           case 'ArrowRight':
             e.preventDefault()
-            selectedCell.row = selectedCell.row ?? 0
-            selectedCell.col = fields.value?.length - 1
+            clearSelectedRange()
+            activeCell.row = activeCell.row ?? 0
+            activeCell.col = fields.value?.length - 1
             scrollToCell?.()
             editEnabled = false
             return true
           case 'ArrowLeft':
             e.preventDefault()
-            selectedCell.row = selectedCell.row ?? 0
-            selectedCell.col = 0
+            clearSelectedRange()
+            activeCell.row = activeCell.row ?? 0
+            activeCell.col = 0
             scrollToCell?.()
             editEnabled = false
             return true
@@ -279,7 +285,7 @@ const { selectCell, startSelectRange, endSelectRange, clearSelectedRange, copyVa
     },
     async (ctx: { row: number; col?: number; updatedColumnTitle?: string }) => {
       const rowObj = data.value[ctx.row]
-      const columnObj = ctx.col !== null && ctx.col !== undefined ? fields.value[ctx.col] : null
+      const columnObj = ctx.col !== undefined ? fields.value[ctx.col] : null
 
       if (!ctx.updatedColumnTitle && isVirtualCol(columnObj)) {
         return
@@ -291,10 +297,10 @@ const { selectCell, startSelectRange, endSelectRange, clearSelectedRange, copyVa
   )
 
 function scrollToCell(row?: number | null, col?: number | null) {
-  row = row ?? selectedCell.row
-  col = col ?? selectedCell.col
+  row = row ?? activeCell.row
+  col = col ?? activeCell.col
 
-  if (row !== undefined && col !== undefined && row !== null && col !== null) {
+  if (row !== null && col !== null) {
     // get active cell
     const rows = tbodyEl.value?.querySelectorAll('tr')
     const cols = rows?.[row].querySelectorAll('td')
@@ -455,13 +461,14 @@ useEventListener(document, 'keyup', async (e: KeyboardEvent) => {
 
 /** On clicking outside of table reset active cell  */
 const smartTable = ref(null)
+
 onClickOutside(smartTable, (e) => {
   // do nothing if context menu was open
   if (contextMenu.value) return
-  clearSelectedRange()
-  if (selectedCell.col === null) return
 
-  const activeCol = fields.value[selectedCell.col]
+  if (activeCell.row === null || activeCell.col === null) return
+
+  const activeCol = fields.value[activeCell.col]
 
   if (editEnabled && (isVirtualCol(activeCol) || activeCol.uidt === UITypes.JSON)) return
 
@@ -482,25 +489,29 @@ onClickOutside(smartTable, (e) => {
     return
   }
 
-  selectedCell.row = null
-  selectedCell.col = null
+  clearSelectedRange()
+  activeCell.row = null
+  activeCell.col = null
 })
 
 const onNavigate = (dir: NavigateDir) => {
-  if (selectedCell.row === null || selectedCell.col === null) return
+  if (activeCell.row === null || activeCell.col === null) return
+
   editEnabled = false
+  clearSelectedRange()
+
   switch (dir) {
     case NavigateDir.NEXT:
-      if (selectedCell.row < data.value.length - 1) {
-        selectedCell.row++
+      if (activeCell.row < data.value.length - 1) {
+        activeCell.row++
       } else {
         addEmptyRow()
-        selectedCell.row++
+        activeCell.row++
       }
       break
     case NavigateDir.PREV:
-      if (selectedCell.row > 0) {
-        selectedCell.row--
+      if (activeCell.row > 0) {
+        activeCell.row--
       }
       break
   }
@@ -782,10 +793,10 @@ const closeAddColumnDropdown = () => {
                     :data-key="rowIndex + columnObj.id"
                     :data-col="columnObj.id"
                     :data-title="columnObj.title"
-                    @click="selectCell(rowIndex, colIndex)"
+                    @mousedown="handleMouseDown($event, rowIndex, colIndex)"
+                    @mouseover="handleMouseOver(rowIndex, colIndex)"
+                    @click="handleCellClick($event, rowIndex, colIndex)"
                     @dblclick="makeEditable(row, columnObj)"
-                    @mousedown="startSelectRange($event, rowIndex, colIndex)"
-                    @mouseover="endSelectRange(rowIndex, colIndex)"
                     @contextmenu="showContextMenu($event, { row: rowIndex, col: colIndex })"
                   >
                     <div v-if="!switchingTab" class="w-full h-full">
@@ -793,7 +804,7 @@ const closeAddColumnDropdown = () => {
                         v-if="isVirtualCol(columnObj)"
                         v-model="row.row[columnObj.title]"
                         :column="columnObj"
-                        :active="selectedCell.col === colIndex && selectedCell.row === rowIndex"
+                        :active="activeCell.col === colIndex && activeCell.row === rowIndex"
                         :row="row"
                         @navigate="onNavigate"
                       />
@@ -803,10 +814,10 @@ const closeAddColumnDropdown = () => {
                         v-model="row.row[columnObj.title]"
                         :column="columnObj"
                         :edit-enabled="
-                          !!hasEditPermission && !!editEnabled && selectedCell.col === colIndex && selectedCell.row === rowIndex
+                          !!hasEditPermission && !!editEnabled && activeCell.col === colIndex && activeCell.row === rowIndex
                         "
                         :row-index="rowIndex"
-                        :active="selectedCell.col === colIndex && selectedCell.row === rowIndex"
+                        :active="activeCell.col === colIndex && activeCell.row === rowIndex"
                         @update:edit-enabled="editEnabled = $event"
                         @save="updateOrSaveRow(row, columnObj.title, state)"
                         @navigate="onNavigate"
@@ -872,7 +883,7 @@ const closeAddColumnDropdown = () => {
               </div>
             </a-menu-item>
 
-            <a-menu-item v-if="contextMenuTarget" @click="copyValue(contextMenuTarget)">
+            <a-menu-item v-if="contextMenuTarget" data-testid="context-menu-item-copy" @click="copyValue(contextMenuTarget)">
               <div v-e="['a:row:copy']" class="nc-project-menu-item">
                 <!-- Copy -->
                 {{ $t('general.copy') }}
diff --git a/packages/nc-gui/composables/useMultiSelect/cellRange.ts b/packages/nc-gui/composables/useMultiSelect/cellRange.ts
index c059cbfe12..7d0ccc0e41 100644
--- a/packages/nc-gui/composables/useMultiSelect/cellRange.ts
+++ b/packages/nc-gui/composables/useMultiSelect/cellRange.ts
@@ -1,6 +1,6 @@
 export interface Cell {
-  row: number | null
-  col: number | null
+  row: number
+  col: number
 }
 
 export class CellRange {
@@ -12,14 +12,22 @@ export class CellRange {
     this._end = end ?? this._start
   }
 
-  get start() {
+  isEmpty() {
+    return this._start == null || this._end == null
+  }
+
+  isSingleCell() {
+    return !this.isEmpty() && this._start?.col === this._end?.col && this._start?.row === this._end?.row
+  }
+
+  get start(): Cell {
     return {
       row: Math.min(this._start?.row ?? NaN, this._end?.row ?? NaN),
       col: Math.min(this._start?.col ?? NaN, this._end?.col ?? NaN),
     }
   }
 
-  get end() {
+  get end(): Cell {
     return {
       row: Math.max(this._start?.row ?? NaN, this._end?.row ?? NaN),
       col: Math.max(this._start?.col ?? NaN, this._end?.col ?? NaN),
@@ -27,19 +35,11 @@ export class CellRange {
   }
 
   startRange(value: Cell) {
-    if (value == null) {
-      return
-    }
-
     this._start = value
     this._end = value
   }
 
   endRange(value: Cell) {
-    if (value == null) {
-      return
-    }
-
     this._end = value
   }
 
@@ -47,8 +47,4 @@ export class CellRange {
     this._start = null
     this._end = null
   }
-
-  isEmpty() {
-    return this._start == null || this._end == null
-  }
 }
diff --git a/packages/nc-gui/composables/useMultiSelect/index.ts b/packages/nc-gui/composables/useMultiSelect/index.ts
index a4c1024df5..104b7888b9 100644
--- a/packages/nc-gui/composables/useMultiSelect/index.ts
+++ b/packages/nc-gui/composables/useMultiSelect/index.ts
@@ -4,7 +4,7 @@ import { RelationTypes, UITypes, isVirtualCol } from 'nocodb-sdk'
 import type { Cell } from './cellRange'
 import { CellRange } from './cellRange'
 import convertCellData from './convertCellData'
-import type { Row } from '~/lib'
+import type { Nullable, Row } from '~/lib'
 import {
   copyTable,
   extractPkFromRow,
@@ -22,11 +22,13 @@ import {
   useProject,
 } from '#imports'
 
+const MAIN_MOUSE_PRESSED = 0
+
 /**
  * Utility to help with multi-selecting rows/cells in the smartsheet
  */
 export function useMultiSelect(
-  _meta: MaybeRef<TableType>,
+  _meta: MaybeRef<TableType | undefined>,
   fields: MaybeRef<ColumnType[]>,
   data: MaybeRef<Row[]>,
   _editEnabled: MaybeRef<boolean>,
@@ -51,15 +53,26 @@ export function useMultiSelect(
 
   const editEnabled = ref(_editEnabled)
 
-  const selectedCell = reactive<Cell>({ row: null, col: null })
-  const selectedRange = reactive(new CellRange())
   let isMouseDown = $ref(false)
 
+  const selectedRange = reactive(new CellRange())
+
+  const activeCell = reactive<Nullable<Cell>>({ row: null, col: null })
+
   const columnLength = $computed(() => unref(fields)?.length)
 
+  function makeActive(row: number, col: number) {
+    if (activeCell.row === row && activeCell.col === col) {
+      return
+    }
+
+    activeCell.row = row
+    activeCell.col = col
+  }
+
   async function copyValue(ctx?: Cell) {
     try {
-      if (!selectedRange.isEmpty()) {
+      if (selectedRange.start !== null && selectedRange.end !== null && !selectedRange.isSingleCell()) {
         const cprows = unref(data).slice(selectedRange.start.row, selectedRange.end.row + 1) // slice the selected rows for copy
         const cpcols = unref(fields).slice(selectedRange.start.col, selectedRange.end.col + 1) // slice the selected cols for copy
 
@@ -68,8 +81,8 @@ export function useMultiSelect(
       } else {
         // if copy was called with context (right click position) - copy value from context
         // else if there is just one selected cell, copy it's value
-        const cpRow = ctx?.row ?? selectedCell?.row
-        const cpCol = ctx?.col ?? selectedCell?.col
+        const cpRow = ctx?.row ?? activeCell.row
+        const cpCol = ctx?.col ?? activeCell.col
 
         if (cpRow != null && cpCol != null) {
           const rowObj = unref(data)[cpRow]
@@ -93,29 +106,19 @@ export function useMultiSelect(
     }
   }
 
-  function selectCell(row: number, col: number) {
-    selectedRange.clear()
-    if (selectedCell.row === row && selectedCell.col === col) return
-    editEnabled.value = false
-    selectedCell.row = row
-    selectedCell.col = col
-  }
-
-  function endSelectRange(row: number, col: number) {
+  function handleMouseOver(row: number, col: number) {
     if (!isMouseDown) {
       return
     }
-    selectedCell.row = null
-    selectedCell.col = null
     selectedRange.endRange({ row, col })
   }
 
   function isCellSelected(row: number, col: number) {
-    if (selectedCell?.row === row && selectedCell?.col === col) {
+    if (activeCell.col === col && activeCell.row === row) {
       return true
     }
 
-    if (selectedRange.isEmpty()) {
+    if (selectedRange.start === null || selectedRange.end === null) {
       return false
     }
 
@@ -127,46 +130,51 @@ export function useMultiSelect(
     )
   }
 
-  function startSelectRange(event: MouseEvent, row: number, col: number) {
+  function handleMouseDown(event: MouseEvent, row: number, col: number) {
     // if there was a right click on selected range, don't restart the selection
-    const leftClickButton = 0
-    if (event?.button !== leftClickButton && isCellSelected(row, col)) {
+    if (event?.button !== MAIN_MOUSE_PRESSED && isCellSelected(row, col)) {
       return
     }
 
-    if (unref(editEnabled)) {
-      event.preventDefault()
-      return
-    }
+    editEnabled.value = false
+    isMouseDown = true
+    selectedRange.startRange({ row, col })
+  }
 
+  const handleCellClick = (event: MouseEvent, row: number, col: number) => {
     isMouseDown = true
-    selectedRange.clear()
+    editEnabled.value = false
     selectedRange.startRange({ row, col })
+    selectedRange.endRange({ row, col })
+    makeActive(row, col)
+    isMouseDown = false
   }
 
-  useEventListener(document, 'mouseup', (e) => {
-    // if the editEnabled is false prevent the mouseup event for not select text
+  const handleMouseUp = (event: MouseEvent) => {
+    // timeout is needed, because we want to set cell as active AFTER all the child's click handler's called
+    // this is needed e.g. for date field edit, where two clicks had to be done - one to select cell, and another one to open date dropdown
+    setTimeout(() => {
+      makeActive(selectedRange.start.row, selectedRange.start.col)
+    }, 0)
+
+    // if the editEnabled is false, prevent selecting text on mouseUp
     if (!unref(editEnabled)) {
-      e.preventDefault()
+      event.preventDefault()
     }
 
     isMouseDown = false
-  })
+  }
 
-  const onKeyDown = async (e: KeyboardEvent) => {
+  const handleKeyDown = async (e: KeyboardEvent) => {
     // invoke the keyEventHandler if provided and return if it returns true
     if (await keyEventHandler?.(e)) {
       return true
     }
 
-    if (!selectedRange.isEmpty()) {
-      // In case the user press tabs or arrows keys
-      selectedCell.row = selectedRange.start.row
-      selectedCell.col = selectedRange.start.col
+    if (activeCell.row === null || activeCell.col === null) {
+      return
     }
 
-    if (selectedCell.row === null || selectedCell.col === null) return
-
     /** on tab key press navigate through cells */
     switch (e.key) {
       case 'Tab':
@@ -174,21 +182,21 @@ export function useMultiSelect(
         selectedRange.clear()
 
         if (e.shiftKey) {
-          if (selectedCell.col > 0) {
-            selectedCell.col--
+          if (activeCell.col > 0) {
+            activeCell.col--
             editEnabled.value = false
-          } else if (selectedCell.row > 0) {
-            selectedCell.row--
-            selectedCell.col = unref(columnLength) - 1
+          } else if (activeCell.row > 0) {
+            activeCell.row--
+            activeCell.col = unref(columnLength) - 1
             editEnabled.value = false
           }
         } else {
-          if (selectedCell.col < unref(columnLength) - 1) {
-            selectedCell.col++
+          if (activeCell.col < unref(columnLength) - 1) {
+            activeCell.col++
             editEnabled.value = false
-          } else if (selectedCell.row < unref(data).length - 1) {
-            selectedCell.row++
-            selectedCell.col = 0
+          } else if (activeCell.row < unref(data).length - 1) {
+            activeCell.row++
+            activeCell.col = 0
             editEnabled.value = false
           }
         }
@@ -198,63 +206,68 @@ export function useMultiSelect(
       case 'Enter':
         e.preventDefault()
         selectedRange.clear()
-        makeEditable(unref(data)[selectedCell.row], unref(fields)[selectedCell.col])
+
+        makeEditable(unref(data)[activeCell.row], unref(fields)[activeCell.col])
         break
       /** on delete key press clear cell */
       case 'Delete':
         e.preventDefault()
         selectedRange.clear()
-        await clearCell(selectedCell as { row: number; col: number })
+
+        await clearCell(activeCell as { row: number; col: number })
         break
       /** on arrow key press navigate through cells */
       case 'ArrowRight':
         e.preventDefault()
         selectedRange.clear()
-        if (selectedCell.col < unref(columnLength) - 1) {
-          selectedCell.col++
+
+        if (activeCell.col < unref(columnLength) - 1) {
+          activeCell.col++
           scrollToActiveCell?.()
           editEnabled.value = false
         }
         break
       case 'ArrowLeft':
-        selectedRange.clear()
         e.preventDefault()
-        if (selectedCell.col > 0) {
-          selectedCell.col--
+        selectedRange.clear()
+
+        if (activeCell.col > 0) {
+          activeCell.col--
           scrollToActiveCell?.()
           editEnabled.value = false
         }
         break
       case 'ArrowUp':
-        selectedRange.clear()
         e.preventDefault()
-        if (selectedCell.row > 0) {
-          selectedCell.row--
+        selectedRange.clear()
+
+        if (activeCell.row > 0) {
+          activeCell.row--
           scrollToActiveCell?.()
           editEnabled.value = false
         }
         break
       case 'ArrowDown':
-        selectedRange.clear()
         e.preventDefault()
-        if (selectedCell.row < unref(data).length - 1) {
-          selectedCell.row++
+        selectedRange.clear()
+
+        if (activeCell.row < unref(data).length - 1) {
+          activeCell.row++
           scrollToActiveCell?.()
           editEnabled.value = false
         }
         break
       default:
         {
-          const rowObj = unref(data)[selectedCell.row]
-
-          const columnObj = unref(fields)[selectedCell.col]
+          const rowObj = unref(data)[activeCell.row]
+          const columnObj = unref(fields)[activeCell.col]
 
           if ((!unref(editEnabled) || !isTypableInputColumn(columnObj)) && (isMac() ? e.metaKey : e.ctrlKey)) {
             switch (e.keyCode) {
               // copy - ctrl/cmd +c
               case 67:
                 // set clipboard context only if single cell selected
-                if (rowObj.row[columnObj.title!]) {
+                if (selectedRange.isSingleCell() && rowObj.row[columnObj.title!]) {
                   clipboardContext = {
                     value: rowObj.row[columnObj.title!],
                     uidt: columnObj.uidt as UITypes,
@@ -264,6 +277,7 @@ export function useMultiSelect(
                 }
                 await copyValue()
                 break
+              // paste - ctrl/cmd + v
               case 86:
                 try {
                   // handle belongs to column
@@ -297,7 +311,7 @@ export function useMultiSelect(
                       (relatedTableMeta as any)!.columns!,
                     )
 
-                    return await syncCellData?.({ ...selectedCell, updatedColumnTitle: foreignKeyColumn.title })
+                    return await syncCellData?.({ ...activeCell, updatedColumnTitle: foreignKeyColumn.title })
                   }
 
                   // if it's a virtual column excluding belongs to cell type skip paste
@@ -315,9 +329,9 @@ export function useMultiSelect(
                       isMysql.value,
                     )
                     e.preventDefault()
-                    syncCellData?.(selectedCell)
+                    syncCellData?.(activeCell)
                   } else {
-                    clearCell(selectedCell as { row: number; col: number }, true)
+                    clearCell(activeCell as { row: number; col: number }, true)
                     makeEditable(rowObj, columnObj)
                   }
                 } catch (error: any) {
@@ -346,15 +360,18 @@ export function useMultiSelect(
     }
   }
 
-  useEventListener(document, 'keydown', onKeyDown)
+  const clearSelectedRange = selectedRange.clear.bind(selectedRange)
+
+  useEventListener(document, 'keydown', handleKeyDown)
+  useEventListener(document, 'mouseup', handleMouseUp)
 
   return {
-    selectCell,
-    startSelectRange,
-    endSelectRange,
-    clearSelectedRange: selectedRange.clear.bind(selectedRange),
+    handleMouseDown,
+    handleMouseOver,
+    clearSelectedRange,
     copyValue,
     isCellSelected,
-    selectedCell,
+    activeCell,
+    handleCellClick,
   }
 }
diff --git a/packages/nc-gui/lib/types.ts b/packages/nc-gui/lib/types.ts
index 9807981404..49ce8be69d 100644
--- a/packages/nc-gui/lib/types.ts
+++ b/packages/nc-gui/lib/types.ts
@@ -100,3 +100,5 @@ export interface SharedView {
 export type importFileList = (UploadFile & { data: string | ArrayBuffer })[]
 
 export type streamImportFileList = UploadFile[]
+
+export type Nullable<T> = { [K in keyof T]: T[K] | null }
diff --git a/tests/playwright/pages/Dashboard/Grid/index.ts b/tests/playwright/pages/Dashboard/Grid/index.ts
index 66a85bee3b..39da3232a3 100644
--- a/tests/playwright/pages/Dashboard/Grid/index.ts
+++ b/tests/playwright/pages/Dashboard/Grid/index.ts
@@ -1,7 +1,7 @@
 import { expect, Locator } from '@playwright/test';
 import { DashboardPage } from '..';
 import BasePage from '../../Base';
-import { CellPageObject } from '../common/Cell';
+import { CellPageObject, CellProps } from '../common/Cell';
 import { ColumnPageObject } from './Column';
 import { ToolbarPage } from '../common/Toolbar';
 import { ProjectMenuObject } from '../common/ProjectMenu';
@@ -286,4 +286,34 @@ export class GridPage extends BasePage {
       param.role === 'creator' || param.role === 'editor' ? 1 : 0
     );
   }
+
+  async selectRange({ start, end }: { start: CellProps; end: CellProps }) {
+    const startCell = await this.cell.get({ index: start.index, columnHeader: start.columnHeader });
+    const endCell = await this.cell.get({ index: end.index, columnHeader: end.columnHeader });
+    const page = await this.dashboard.get().page();
+    await startCell.hover();
+    await page.mouse.down();
+    await endCell.hover();
+    await page.mouse.up();
+  }
+
+  async selectedCount() {
+    return this.get().locator('.cell.active').count();
+  }
+
+  async copyWithKeyboard() {
+    await this.get().press((await this.isMacOs()) ? 'Meta+C' : 'Control+C');
+    await this.verifyToast({ message: 'Copied to clipboard' });
+
+    return this.getClipboardText();
+  }
+
+  async copyWithMouse({ index, columnHeader }: CellProps) {
+    await this.cell.get({ index, columnHeader }).click({ button: 'right' });
+    await this.get().page().getByTestId('context-menu-item-copy').click();
+
+    await this.verifyToast({ message: 'Copied to clipboard' });
+
+    return this.getClipboardText();
+  }
 }
diff --git a/tests/playwright/pages/Dashboard/common/Cell/index.ts b/tests/playwright/pages/Dashboard/common/Cell/index.ts
index 4e1ddb538e..0e1bc8e04b 100644
--- a/tests/playwright/pages/Dashboard/common/Cell/index.ts
+++ b/tests/playwright/pages/Dashboard/common/Cell/index.ts
@@ -8,6 +8,11 @@ import { CheckboxCellPageObject } from './CheckboxCell';
 import { RatingCellPageObject } from './RatingCell';
 import { DateCellPageObject } from './DateCell';
 
+export interface CellProps {
+  index?: number;
+  columnHeader: string;
+}
+
 export class CellPageObject extends BasePage {
   readonly parent: GridPage | SharedFormPage;
   readonly selectOption: SelectOptionCellPageObject;
@@ -26,7 +31,7 @@ export class CellPageObject extends BasePage {
     this.date = new DateCellPageObject(this);
   }
 
-  get({ index, columnHeader }: { index?: number; columnHeader: string }): Locator {
+  get({ index, columnHeader }: CellProps): Locator {
     if (this.parent instanceof SharedFormPage) {
       return this.parent.get().locator(`[data-testid="nc-form-input-cell-${columnHeader}"]`);
     } else {
@@ -34,19 +39,16 @@ export class CellPageObject extends BasePage {
     }
   }
 
-  async click(
-    { index, columnHeader }: { index: number; columnHeader: string },
-    ...options: Parameters<Locator['click']>
-  ) {
+  async click({ index, columnHeader }: CellProps, ...options: Parameters<Locator['click']>) {
     await this.get({ index, columnHeader }).click(...options);
     await (await this.get({ index, columnHeader }).elementHandle()).waitForElementState('stable');
   }
 
-  async dblclick({ index, columnHeader }: { index?: number; columnHeader: string }) {
+  async dblclick({ index, columnHeader }: CellProps) {
     return await this.get({ index, columnHeader }).dblclick();
   }
 
-  async fillText({ index, columnHeader, text }: { index?: number; columnHeader: string; text: string }) {
+  async fillText({ index, columnHeader, text }: CellProps & { text: string }) {
     await this.dblclick({
       index,
       columnHeader,
@@ -67,7 +69,7 @@ export class CellPageObject extends BasePage {
     }
   }
 
-  async inCellExpand({ index, columnHeader }: { index: number; columnHeader: string }) {
+  async inCellExpand({ index, columnHeader }: CellProps) {
     await this.get({ index, columnHeader }).hover();
     await this.waitForResponse({
       uiAction: this.get({ index, columnHeader }).locator('.nc-action-icon >> nth=0').click(),
@@ -76,20 +78,20 @@ export class CellPageObject extends BasePage {
     });
   }
 
-  async inCellAdd({ index, columnHeader }: { index: number; columnHeader: string }) {
+  async inCellAdd({ index, columnHeader }: CellProps) {
     await this.get({ index, columnHeader }).hover();
     await this.get({ index, columnHeader }).locator('.nc-action-icon.nc-plus').click();
   }
 
-  async verifyCellActiveSelected({ index, columnHeader }: { index: number; columnHeader: string }) {
+  async verifyCellActiveSelected({ index, columnHeader }: CellProps) {
     await expect(this.get({ index, columnHeader })).toHaveClass(/active/);
   }
 
-  async verifyCellEditable({ index, columnHeader }: { index: number; columnHeader: string }) {
+  async verifyCellEditable({ index, columnHeader }: CellProps) {
     await this.get({ index, columnHeader }).isEditable();
   }
 
-  async verify({ index, columnHeader, value }: { index: number; columnHeader: string; value: string | string[] }) {
+  async verify({ index, columnHeader, value }: CellProps & { value: string | string[] }) {
     const _verify = async text => {
       await expect
         .poll(async () => {
@@ -115,9 +117,7 @@ export class CellPageObject extends BasePage {
     index,
     columnHeader,
     expectedSrcValue,
-  }: {
-    index: number;
-    columnHeader: string;
+  }: CellProps & {
     expectedSrcValue: string;
   }) {
     const _verify = async expectedQrCodeImgSrc => {
@@ -147,9 +147,7 @@ export class CellPageObject extends BasePage {
     columnHeader,
     count,
     value,
-  }: {
-    index: number;
-    columnHeader: string;
+  }: CellProps & {
     count?: number;
     value: string[];
   }) {
@@ -166,7 +164,7 @@ export class CellPageObject extends BasePage {
     }
   }
 
-  async unlinkVirtualCell({ index, columnHeader }: { index: number; columnHeader: string }) {
+  async unlinkVirtualCell({ index, columnHeader }: CellProps) {
     const cell = this.get({ index, columnHeader });
     await cell.click();
     await cell.locator('.nc-icon.unlink-icon').click();
@@ -200,10 +198,7 @@ export class CellPageObject extends BasePage {
     );
   }
 
-  async copyToClipboard(
-    { index, columnHeader }: { index: number; columnHeader: string },
-    ...clickOptions: Parameters<Locator['click']>
-  ) {
+  async copyToClipboard({ index, columnHeader }: CellProps, ...clickOptions: Parameters<Locator['click']>) {
     await this.get({ index, columnHeader }).click(...clickOptions);
     await (await this.get({ index, columnHeader }).elementHandle()).waitForElementState('stable');
 
diff --git a/tests/playwright/tests/cellSelection.spec.ts b/tests/playwright/tests/cellSelection.spec.ts
new file mode 100644
index 0000000000..c58f4c3cd0
--- /dev/null
+++ b/tests/playwright/tests/cellSelection.spec.ts
@@ -0,0 +1,111 @@
+import { expect, test } from '@playwright/test';
+import { DashboardPage } from '../pages/Dashboard';
+import { GridPage } from '../pages/Dashboard/Grid';
+import setup from '../setup';
+
+test.describe('Verify cell selection', () => {
+  let dashboard: DashboardPage, grid: GridPage;
+  let context: any;
+
+  test.beforeEach(async ({ page }) => {
+    context = await setup({ page });
+    dashboard = new DashboardPage(page, context.project);
+    grid = dashboard.grid;
+  });
+
+  test('#1 when range is selected, it has correct number of selected cells', async () => {
+    await dashboard.treeView.openTable({ title: 'Country' });
+    await grid.selectRange({
+      start: { index: 0, columnHeader: 'Country' },
+      end: { index: 2, columnHeader: 'City List' },
+    });
+
+    expect(await grid.selectedCount()).toBe(9);
+  });
+
+  test('#2 when copied with clipboard, it copies correct text', async () => {
+    await dashboard.treeView.openTable({ title: 'Country' });
+    await grid.selectRange({
+      start: { index: 0, columnHeader: 'Country' },
+      end: { index: 1, columnHeader: 'LastUpdate' },
+    });
+
+    expect(await grid.copyWithKeyboard()).toBe(
+      'Afghanistan \t 2006-02-15 04:44:00\n' + ' Algeria \t 2006-02-15 04:44:00\n'
+    );
+  });
+
+  test('#3 when copied with mouse, it copies correct text', async () => {
+    await dashboard.treeView.openTable({ title: 'Country' });
+    await grid.selectRange({
+      start: { index: 0, columnHeader: 'Country' },
+      end: { index: 1, columnHeader: 'LastUpdate' },
+    });
+
+    expect(await grid.copyWithMouse({ index: 0, columnHeader: 'Country' })).toBe(
+      'Afghanistan \t 2006-02-15 04:44:00\n' + ' Algeria \t 2006-02-15 04:44:00\n'
+    );
+  });
+
+  // FIXME: this is edge case, better be moved to integration tests
+  test('#4 when cell inside selection range is clicked, it clears previous selection', async () => {
+    await dashboard.treeView.openTable({ title: 'Country' });
+    await grid.selectRange({
+      start: { index: 0, columnHeader: 'Country' },
+      end: { index: 2, columnHeader: 'City List' },
+    });
+
+    expect(await grid.selectedCount()).toBe(9);
+
+    await grid.cell.get({ index: 0, columnHeader: 'Country' }).click();
+
+    expect(await grid.selectedCount()).toBe(1);
+    expect(await grid.cell.verifyCellActiveSelected({ index: 0, columnHeader: 'Country' }));
+  });
+
+  // FIXME: this is edge case, better be moved to integration tests
+  test('#5 when cell outside selection range is clicked, it clears previous selection', async () => {
+    await dashboard.treeView.openTable({ title: 'Country' });
+    await grid.selectRange({
+      start: { index: 0, columnHeader: 'Country' },
+      end: { index: 2, columnHeader: 'City List' },
+    });
+
+    expect(await grid.selectedCount()).toBe(9);
+
+    await grid.cell.get({ index: 5, columnHeader: 'Country' }).click();
+
+    expect(await grid.selectedCount()).toBe(1);
+    expect(await grid.cell.verifyCellActiveSelected({ index: 5, columnHeader: 'Country' }));
+  });
+
+  // FIXME: this is edge case, better be moved to integration tests
+  test('#6 when selection ends on locked field, it still works as expected', async () => {
+    await dashboard.treeView.openTable({ title: 'Country' });
+    await dashboard.grid.toolbar.fields.toggleShowSystemFields();
+    await grid.selectRange({
+      start: { index: 2, columnHeader: 'City List' },
+      end: { index: 0, columnHeader: 'CountryId' },
+    });
+
+    expect(await grid.selectedCount()).toBe(12);
+
+    await grid.cell.get({ index: 1, columnHeader: 'Country' }).click();
+
+    expect(await grid.selectedCount()).toBe(1);
+    expect(await grid.cell.verifyCellActiveSelected({ index: 1, columnHeader: 'Country' }));
+  });
+
+  // FIXME: this is edge case, better be moved to integration tests
+  test('#7 when navigated with keyboard, only active cell is affected', async ({ page }) => {
+    await dashboard.treeView.openTable({ title: 'Country' });
+    await grid.selectRange({
+      start: { index: 0, columnHeader: 'Country' },
+      end: { index: 2, columnHeader: 'City List' },
+    });
+
+    await page.keyboard.press('ArrowRight');
+    expect(await grid.selectedCount()).toBe(1);
+    expect(await grid.cell.verifyCellActiveSelected({ index: 0, columnHeader: 'LastUpdate' }));
+  });
+});

From f869c8fdc6a32bc54e654d34a3de93edbb197cc0 Mon Sep 17 00:00:00 2001
From: Ekaterina Balakina <kato.balakina@gmail.com>
Date: Tue, 20 Dec 2022 17:41:04 +0100
Subject: [PATCH 033/103] fix tests

---
 tests/playwright/tests/cellSelection.spec.ts | 26 +++++++++-----------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/tests/playwright/tests/cellSelection.spec.ts b/tests/playwright/tests/cellSelection.spec.ts
index c58f4c3cd0..9ef20b7fb9 100644
--- a/tests/playwright/tests/cellSelection.spec.ts
+++ b/tests/playwright/tests/cellSelection.spec.ts
@@ -14,36 +14,34 @@ test.describe('Verify cell selection', () => {
   });
 
   test('#1 when range is selected, it has correct number of selected cells', async () => {
-    await dashboard.treeView.openTable({ title: 'Country' });
+    await dashboard.treeView.openTable({ title: 'Customer' });
     await grid.selectRange({
-      start: { index: 0, columnHeader: 'Country' },
-      end: { index: 2, columnHeader: 'City List' },
+      start: { index: 0, columnHeader: 'FirstName' },
+      end: { index: 2, columnHeader: 'Email' },
     });
 
     expect(await grid.selectedCount()).toBe(9);
   });
 
   test('#2 when copied with clipboard, it copies correct text', async () => {
-    await dashboard.treeView.openTable({ title: 'Country' });
+    await dashboard.treeView.openTable({ title: 'Customer' });
     await grid.selectRange({
-      start: { index: 0, columnHeader: 'Country' },
-      end: { index: 1, columnHeader: 'LastUpdate' },
+      start: { index: 0, columnHeader: 'FirstName' },
+      end: { index: 1, columnHeader: 'LastName' },
     });
 
-    expect(await grid.copyWithKeyboard()).toBe(
-      'Afghanistan \t 2006-02-15 04:44:00\n' + ' Algeria \t 2006-02-15 04:44:00\n'
-    );
+    expect(await grid.copyWithKeyboard()).toBe('MARY \t SMITH\n' + ' PATRICIA \t JOHNSON\n');
   });
 
   test('#3 when copied with mouse, it copies correct text', async () => {
-    await dashboard.treeView.openTable({ title: 'Country' });
+    await dashboard.treeView.openTable({ title: 'Customer' });
     await grid.selectRange({
-      start: { index: 0, columnHeader: 'Country' },
-      end: { index: 1, columnHeader: 'LastUpdate' },
+      start: { index: 0, columnHeader: 'FirstName' },
+      end: { index: 1, columnHeader: 'LastName' },
     });
 
-    expect(await grid.copyWithMouse({ index: 0, columnHeader: 'Country' })).toBe(
-      'Afghanistan \t 2006-02-15 04:44:00\n' + ' Algeria \t 2006-02-15 04:44:00\n'
+    expect(await grid.copyWithMouse({ index: 0, columnHeader: 'FirstName' })).toBe(
+      'MARY \t SMITH\n' + ' PATRICIA \t JOHNSON\n'
     );
   });
 

From fc9a4caae33594ac0a066fb738723285e75b4a72 Mon Sep 17 00:00:00 2001
From: Ekaterina Balakina <kato.balakina@gmail.com>
Date: Wed, 21 Dec 2022 09:38:45 +0100
Subject: [PATCH 034/103] review fixes

---
 packages/nc-gui/components/smartsheet/Grid.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/nc-gui/components/smartsheet/Grid.vue b/packages/nc-gui/components/smartsheet/Grid.vue
index 4dc08c0990..304daa4b8e 100644
--- a/packages/nc-gui/components/smartsheet/Grid.vue
+++ b/packages/nc-gui/components/smartsheet/Grid.vue
@@ -229,7 +229,6 @@ const { isCellSelected, activeCell, handleMouseDown, handleMouseOver, handleCell
           case 'ArrowUp':
             e.preventDefault()
             clearSelectedRange()
-            $e('c:shortcut', { key: 'CTRL + ArrowUp' })
             activeCell.row = 0
             activeCell.col = activeCell.col ?? 0
             scrollToCell?.()

From 5c19bd3c9a2cdd7c1d776ac40682122beb9b622d Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 21 Dec 2022 18:46:17 +0800
Subject: [PATCH 035/103] fix(nc-gui): check undefined or null instead for
 boolean case

---
 packages/nc-gui/utils/dateTimeUtils.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nc-gui/utils/dateTimeUtils.ts b/packages/nc-gui/utils/dateTimeUtils.ts
index 8736221840..674b063854 100644
--- a/packages/nc-gui/utils/dateTimeUtils.ts
+++ b/packages/nc-gui/utils/dateTimeUtils.ts
@@ -17,7 +17,7 @@ export const dateFormats = [
 ]
 
 export const handleTZ = (val: any) => {
-  if (!val) {
+  if (val === undefined || val === null) {
     return
   }
   if (typeof val !== 'string') {

From eea2c6e5d0c30dd89b626b9e994704749d9d591a Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 21 Dec 2022 18:46:39 +0800
Subject: [PATCH 036/103] fix(nc-gui): missing result for PG

---
 .../lib/sql/formulav2/formulaQueryBuilderv2.ts       | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
index ecfd94e6ac..2637810013 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
@@ -721,6 +721,18 @@ export default async function formulaQueryBuilderv2(
               : pt.right.value === ''
             : 0
         }) ${colAlias}`;
+      } else if (knex.clientType() === 'pg') {
+        sql = `COALESCE(${left} ${pt.operator} ${right}, ${
+          pt.operator === '='
+            ? pt.left.type === 'Literal'
+              ? pt.left.value === ''
+              : pt.right.value === ''
+            : pt.operator === '!='
+            ? pt.left.type !== 'Literal'
+              ? pt.left.value === ''
+              : pt.right.value === ''
+            : false
+        }) ${colAlias}`;
       }
 
       const query = knex.raw(sql);

From aa91fb2cca2d42982ceaad39af75a73bb47a926e Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 21 Dec 2022 18:56:54 +0800
Subject: [PATCH 037/103] fix(nocodb): missing result for sqlite3

---
 .../lib/sql/formulav2/formulaQueryBuilderv2.ts               | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
index 2637810013..91240d6e92 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
@@ -721,7 +721,10 @@ export default async function formulaQueryBuilderv2(
               : pt.right.value === ''
             : 0
         }) ${colAlias}`;
-      } else if (knex.clientType() === 'pg') {
+      } else if (
+        knex.clientType() === 'pg' ||
+        knex.clientType() === 'sqlite3'
+      ) {
         sql = `COALESCE(${left} ${pt.operator} ${right}, ${
           pt.operator === '='
             ? pt.left.type === 'Literal'

From f584211eaa7d206805d47b869a689958327b891e Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 21 Dec 2022 21:28:25 +0800
Subject: [PATCH 038/103] fix(nocodb): add case when for AND and OR in MSSQL fn

---
 .../lib/sql/functionMappings/mssql.ts         | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/mssql.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/mssql.ts
index 1358a87411..903478af5f 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/mssql.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/mssql.ts
@@ -123,6 +123,30 @@ const mssql = {
       )} % 7 + 7) % 7 ${colAlias}`
     );
   },
+  AND: (args: MapFnArgs) => {
+    return args.knex.raw(
+      `CASE WHEN ${args.knex
+        .raw(
+          `${args.pt.arguments
+            .map((ar) => args.fn(ar, '', 'AND').toQuery())
+            .join(' AND ')}`
+        )
+        .wrap('(', ')')
+        .toQuery()} THEN 1 ELSE 0 END ${args.colAlias}`
+    );
+  },
+  OR: (args: MapFnArgs) => {
+    return args.knex.raw(
+      `CASE WHEN ${args.knex
+        .raw(
+          `${args.pt.arguments
+            .map((ar) => args.fn(ar, '', 'OR').toQuery())
+            .join(' OR ')}`
+        )
+        .wrap('(', ')')
+        .toQuery()} THEN 1 ELSE 0 END ${args.colAlias}`
+    );
+  },
 };
 
 export default mssql;

From 4cef10222db474d5b3a07f597a691f4afce61ea5 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 21 Dec 2022 21:29:07 +0800
Subject: [PATCH 039/103] fix(nocodb): empty result for MSSQL

---
 .../sql/formulav2/formulaQueryBuilderv2.ts    | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
index 91240d6e92..8b091d2fa8 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
@@ -736,8 +736,27 @@ export default async function formulaQueryBuilderv2(
               : pt.right.value === ''
             : false
         }) ${colAlias}`;
-      }
+      } else if (knex.clientType() === 'mssql') {
+        if (pt.operator === '=') {
+          if (pt.left.type === 'Literal' && pt.left.value === '') {
+            sql = `${right} IS NULL OR ${right} = ''`;
+          } else if (pt.right.type === 'Literal' && pt.right.value === '') {
+            sql = `${left} IS NULL OR ${left} = ''`;
+          }
+        } else if (pt.operator === '!=') {
+          if (pt.left.type === 'Literal' && pt.left.value === '') {
+            sql = `${right} IS NOT NULL AND ${right} != ''`;
+          } else if (pt.right.type === 'Literal' && pt.right.value === '') {
+            sql = `${left} IS NOT NULL AND ${left} != ''`;
+          }
+        }
 
+        if (prevBinaryOp !== 'AND' && prevBinaryOp !== 'OR') {
+          sql = `CASE WHEN ${sql} THEN 1 ELSE 0 END ${colAlias}`;
+        } else {
+          sql = `${sql} ${colAlias}`;
+        }
+      }
       const query = knex.raw(sql);
       if (prevBinaryOp && pt.operator !== prevBinaryOp) {
         query.wrap('(', ')');

From addb773fa25de1f921672f3f63d1f3760d295848 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 21 Dec 2022 21:39:01 +0800
Subject: [PATCH 040/103] refactor(nocodb): rename extractRawQueryAndExec to
 execAndParse

---
 .../sql-data-mapper/lib/sql/BaseModelSqlv2.ts | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
index f6771498a6..6554e721a0 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
@@ -100,7 +100,7 @@ class BaseModelSqlv2 {
 
     qb.where(_wherePk(this.model.primaryKeys, id));
 
-    let data = (await this.extractRawQueryAndExec(qb))?.[0];
+    let data = (await this.execAndParse(qb))?.[0];
 
     if (data) {
       const proto = await this.getProto();
@@ -252,7 +252,7 @@ class BaseModelSqlv2 {
 
     if (!ignoreViewFilterAndSort) applyPaginate(qb, rest);
     const proto = await this.getProto();
-    let data = await this.extractRawQueryAndExec(qb);
+    let data = await this.execAndParse(qb);
 
     return data?.map((d) => {
       d.__proto__ = proto;
@@ -423,7 +423,7 @@ class BaseModelSqlv2 {
           .as('list')
       );
 
-      let children = await this.extractRawQueryAndExec(childQb, childTable);
+      let children = await this.execAndParse(childQb, childTable);
       const proto = await (
         await Model.getBaseModelSQL({
           id: childTable.id,
@@ -550,7 +550,7 @@ class BaseModelSqlv2 {
 
       await childModel.selectObject({ qb });
 
-      let children = await this.extractRawQueryAndExec(qb, childTable);
+      let children = await this.execAndParse(qb, childTable);
 
       const proto = await (
         await Model.getBaseModelSQL({
@@ -667,7 +667,7 @@ class BaseModelSqlv2 {
       !this.isSqlite
     );
 
-    let children = await this.extractRawQueryAndExec(finalQb, childTable);
+    let children = await this.execAndParse(finalQb, childTable);
     if (this.isMySQL) {
       children = children[0];
     }
@@ -735,7 +735,7 @@ class BaseModelSqlv2 {
     qb.limit(+rest?.limit || 25);
     qb.offset(+rest?.offset || 0);
 
-    let children = await this.extractRawQueryAndExec(qb, childTable);
+    let children = await this.execAndParse(qb, childTable);
     const proto = await (
       await Model.getBaseModelSQL({ id: rtnId, dbDriver: this.dbDriver })
     ).getProto();
@@ -1075,7 +1075,7 @@ class BaseModelSqlv2 {
     applyPaginate(qb, rest);
 
     const proto = await childModel.getProto();
-    let data = await this.extractRawQueryAndExec(qb, childTable);
+    let data = await this.execAndParse(qb, childTable);
 
     return data.map((c) => {
       c.__proto__ = proto;
@@ -1193,7 +1193,7 @@ class BaseModelSqlv2 {
     applyPaginate(qb, rest);
 
     const proto = await parentModel.getProto();
-    let data = await this.extractRawQueryAndExec(qb, childTable);
+    let data = await this.execAndParse(qb, childTable);
 
     return data.map((c) => {
       c.__proto__ = proto;
@@ -1525,7 +1525,7 @@ class BaseModelSqlv2 {
         query.returning(
           `${this.model.primaryKey.column_name} as ${this.model.primaryKey.title}`
         );
-        response = await this.extractRawQueryAndExec(query);
+        response = await this.execAndParse(query);
       }
 
       const ai = this.model.columns.find((c) => c.ai);
@@ -1535,7 +1535,7 @@ class BaseModelSqlv2 {
 
       // handle if autogenerated primary key is used
       if (ag) {
-        if (!response) await this.extractRawQueryAndExec(query);
+        if (!response) await this.execAndParse(query);
         response = await this.readByPk(data[ag.title]);
       } else if (
         !response ||
@@ -1545,7 +1545,7 @@ class BaseModelSqlv2 {
         if (response?.length) {
           id = response[0];
         } else {
-          const res = await this.extractRawQueryAndExec(query);
+          const res = await this.execAndParse(query);
           id = res?.id ?? res[0]?.insertId;
         }
 
@@ -1650,7 +1650,7 @@ class BaseModelSqlv2 {
         .update(updateObj)
         .where(await this._wherePk(id));
 
-      await this.extractRawQueryAndExec(query);
+      await this.execAndParse(query);
 
       const response = await this.readByPk(id);
       await this.afterUpdate(response, trx, cookie);
@@ -2755,7 +2755,7 @@ class BaseModelSqlv2 {
     return await qb;
   }
 
-  private async extractRawQueryAndExec(
+  private async execAndParse(
     qb: Knex.QueryBuilder,
     childTable?: Model
   ) {

From 9105cd8cd910ed703f98642f20dbe6b1e4b26c0f Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 21 Dec 2022 21:51:08 +0800
Subject: [PATCH 041/103] refactor(nocodb): move the logic to switch

---
 .../lib/sql/helpers/convertUnits.ts           | 202 ++++++++----------
 1 file changed, 92 insertions(+), 110 deletions(-)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/helpers/convertUnits.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/helpers/convertUnits.ts
index 22daefe71c..961a9d26d3 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/helpers/convertUnits.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/helpers/convertUnits.ts
@@ -5,149 +5,131 @@ export function convertUnits(
   switch (unit) {
     case 'milliseconds':
     case 'ms': {
-      if (type === 'mssql') {
-        return 'millisecond';
+      switch (type) {
+        case 'mssql':
+          return 'millisecond';
+        case 'mysql':
+          // MySQL doesn't support millisecond
+          // hence change from MICROSECOND to millisecond manually
+          return 'MICROSECOND';
+        case 'pg':
+        case 'sqlite':
+          return 'milliseconds';
+        default:
+          return unit;
       }
-
-      if (type === 'mysql') {
-        // MySQL doesn't support millisecond
-        // hence change from MICROSECOND to millisecond manually
-        return 'MICROSECOND';
-      }
-
-      if (type === 'pg' || type === 'sqlite') {
-        return 'milliseconds';
-      }
-
-      return unit;
     }
     case 'seconds':
     case 's': {
-      if (type === 'mssql' || type === 'pg') {
-        return 'second';
-      }
-
-      if (type === 'mysql') {
-        return 'SECOND';
+      switch (type) {
+        case 'mssql':
+        case 'pg':
+          return 'second';
+        case 'mysql':
+          return 'SECOND';
+        case 'sqlite':
+          return 'seconds';
+        default:
+          return unit;
       }
-
-      if (type === 'sqlite') {
-        return 'seconds';
-      }
-
-      return unit;
     }
     case 'minutes':
     case 'm': {
-      if (type === 'mssql' || type === 'pg') {
-        return 'minute';
-      }
-
-      if (type === 'mysql') {
-        return 'MINUTE';
+      switch (type) {
+        case 'mssql':
+        case 'pg':
+          return 'minute';
+        case 'mysql':
+          return 'MINUTE';
+        case 'sqlite':
+          return 'minutes';
+        default:
+          return unit;
       }
-
-      if (type === 'sqlite') {
-        return 'minutes';
-      }
-
-      return unit;
     }
     case 'hours':
     case 'h': {
-      if (type === 'mssql' || type === 'pg') {
-        return 'hour';
-      }
-
-      if (type === 'mysql') {
-        return 'HOUR';
-      }
-
-      if (type === 'sqlite') {
-        return 'hours';
+      switch (type) {
+        case 'mssql':
+        case 'pg':
+          return 'hour';
+        case 'mysql':
+          return 'HOUR';
+        case 'sqlite':
+          return 'hours';
+        default:
+          return unit;
       }
-
-      return unit;
     }
     case 'days':
     case 'd': {
-      if (type === 'mssql' || type === 'pg') {
-        return 'day';
-      }
-
-      if (type === 'mysql') {
-        return 'DAY';
-      }
-
-      if (type === 'sqlite') {
-        return 'days';
+      switch (type) {
+        case 'mssql':
+        case 'pg':
+          return 'day';
+        case 'mysql':
+          return 'DAY';
+        case 'sqlite':
+          return 'days';
+        default:
+          return unit;
       }
-
-      return unit;
     }
     case 'weeks':
     case 'w': {
-      if (type === 'mssql' || type === 'pg') {
-        return 'week';
-      }
-
-      if (type === 'mysql') {
-        return 'WEEK';
+      switch (type) {
+        case 'mssql':
+        case 'pg':
+          return 'week';
+        case 'mysql':
+          return 'WEEK';
+        case 'sqlite':
+          return 'weeks';
+        default:
+          return unit;
       }
-
-      if (type === 'sqlite') {
-        return 'weeks';
-      }
-
-      return unit;
     }
     case 'months':
     case 'M': {
-      if (type === 'mssql' || type === 'pg') {
-        return 'month';
+      switch (type) {
+        case 'mssql':
+        case 'pg':
+          return 'month';
+        case 'mysql':
+          return 'MONTH';
+        case 'sqlite':
+          return 'months';
+        default:
+          return unit;
       }
-
-      if (type === 'mysql') {
-        return 'MONTH';
-      }
-
-      if (type === 'sqlite') {
-        return 'months';
-      }
-
-      return unit;
     }
     case 'quarters':
     case 'Q': {
-      if (type === 'mssql' || type === 'pg') {
-        return 'quarter';
+      switch (type) {
+        case 'mssql':
+        case 'pg':
+          return 'quarter';
+        case 'mysql':
+          return 'QUARTER';
+        case 'sqlite':
+          return 'quarters';
+        default:
+          return unit;
       }
-
-      if (type === 'mysql') {
-        return 'QUARTER';
-      }
-
-      if (type === 'sqlite') {
-        return 'quarters';
-      }
-
-      return unit;
     }
     case 'years':
     case 'y': {
-      if (type === 'mssql' || type === 'pg') {
-        return 'year';
+      switch (type) {
+        case 'mssql':
+        case 'pg':
+          return 'year';
+        case 'mysql':
+          return 'YEAR';
+        case 'sqlite':
+          return 'years';
+        default:
+          return unit;
       }
-
-      if (type === 'mysql') {
-        return 'YEAR';
-      }
-
-      if (type === 'sqlite') {
-        return 'years';
-      }
-
-      return unit;
     }
     default:
       return unit;

From f51458b73b26cc96f3c288a9d58d816183cd54eb Mon Sep 17 00:00:00 2001
From: Vijay Rathore <professional.vijay8492@gmail.com>
Date: Wed, 21 Dec 2022 20:09:35 +0530
Subject: [PATCH 042/103] Correct parameter in delete token

---
 packages/nocodb/src/lib/meta/api/apiTokenApis.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nocodb/src/lib/meta/api/apiTokenApis.ts b/packages/nocodb/src/lib/meta/api/apiTokenApis.ts
index 11b9b3627c..dea013346d 100644
--- a/packages/nocodb/src/lib/meta/api/apiTokenApis.ts
+++ b/packages/nocodb/src/lib/meta/api/apiTokenApis.ts
@@ -14,7 +14,7 @@ export async function apiTokenCreate(req: Request, res: Response) {
   res.json(await ApiToken.insert({ ...req.body, fk_user_id: req['user'].id }));
 }
 export async function apiTokenDelete(req: Request, res: Response) {
-  const apiToken = await ApiToken.getByToken(req.params.apiTokenId);
+  const apiToken = await ApiToken.getByToken(req.params.token);
   if (
     !req['user'].roles.includes(OrgUserRoles.SUPER_ADMIN) &&
     apiToken.fk_user_id !== req['user'].id

From badf05c8f2ed05a2ba76fea2e1a7e0698fccfb57 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Fri, 9 Dec 2022 14:26:47 +0300
Subject: [PATCH 043/103] feat: SnowflakeClient alfa

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 .../nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts   | 1981 +++++++++++++
 .../nocodb-sdk/src/lib/sqlUi/SqlUiFactory.ts  |    5 +
 packages/nocodb-sdk/src/lib/sqlUi/index.ts    |    1 +
 .../lib/db/sql-client/lib/SqlClientFactory.ts |    5 +
 .../lib/snowflake/SnowflakeClient.ts          | 2443 +++++++++++++++++
 .../lib/snowflake/snowflake.queries.ts        |    5 +
 .../sql-data-mapper/lib/sql/BaseModelSqlv2.ts |   10 +-
 .../db/sql-data-mapper/lib/sql/CustomKnex.ts  |    5 +-
 .../code/models/xc/ModelXcMetaFactory.ts      |    3 +
 .../code/models/xc/ModelXcMetaSnowflake.ts    |  975 +++++++
 10 files changed, 5429 insertions(+), 4 deletions(-)
 create mode 100644 packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts
 create mode 100644 packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
 create mode 100644 packages/nocodb/src/lib/db/sql-client/lib/snowflake/snowflake.queries.ts
 create mode 100644 packages/nocodb/src/lib/db/sql-mgr/code/models/xc/ModelXcMetaSnowflake.ts

diff --git a/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts b/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts
new file mode 100644
index 0000000000..ce3fa80b9a
--- /dev/null
+++ b/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts
@@ -0,0 +1,1981 @@
+import UITypes from '../UITypes';
+import { IDType } from './index';
+
+const dbTypes = [
+  'int',
+  'integer',
+  'bigint',
+  'bigserial',
+  'char',
+  'int2',
+  'int4',
+  'int8',
+  'int4range',
+  'int8range',
+  'serial',
+  'serial2',
+  'serial8',
+  'character',
+  'bit',
+  'bool',
+  'boolean',
+  'date',
+  'double precision',
+  'event_trigger',
+  'fdw_handler',
+  'float4',
+  'float8',
+  'uuid',
+  'smallint',
+  'smallserial',
+  'character varying',
+  'text',
+  'real',
+  'time',
+  'time without time zone',
+  'timestamp',
+  'timestamp without time zone',
+  'timestamptz',
+  'timestamp with time zone',
+  'timetz',
+  'time with time zone',
+  'daterange',
+  'json',
+  'jsonb',
+  'gtsvector',
+  'index_am_handler',
+  'anyenum',
+  'anynonarray',
+  'anyrange',
+  'box',
+  'bpchar',
+  'bytea',
+  'cid',
+  'cidr',
+  'circle',
+  'cstring',
+  'inet',
+  'internal',
+  'interval',
+  'language_handler',
+  'line',
+  'lsec',
+  'macaddr',
+  'money',
+  'name',
+  'numeric',
+  'numrange',
+  'oid',
+  'opaque',
+  'path',
+  'pg_ddl_command',
+  'pg_lsn',
+  'pg_node_tree',
+  'point',
+  'polygon',
+  'record',
+  'refcursor',
+  'regclass',
+  'regconfig',
+  'regdictionary',
+  'regnamespace',
+  'regoper',
+  'regoperator',
+  'regproc',
+  'regpreocedure',
+  'regrole',
+  'regtype',
+  'reltime',
+  'smgr',
+  'tid',
+  'tinterval',
+  'trigger',
+  'tsm_handler',
+  'tsquery',
+  'tsrange',
+  'tstzrange',
+  'tsvector',
+  'txid_snapshot',
+  'unknown',
+  'void',
+  'xid',
+  'xml',
+];
+
+export class SnowflakeUi {
+  static getNewTableColumns() {
+    return [
+      {
+        column_name: 'id',
+        title: 'Id',
+        dt: 'int4',
+        dtx: 'integer',
+        ct: 'int(11)',
+        nrqd: false,
+        rqd: true,
+        ck: false,
+        pk: true,
+        un: false,
+        ai: true,
+        cdf: null,
+        clen: null,
+        np: 11,
+        ns: 0,
+        dtxp: '11',
+        dtxs: '',
+        altered: 1,
+        uidt: 'ID',
+        uip: '',
+        uicn: '',
+      },
+      {
+        column_name: 'title',
+        title: 'Title',
+        dt: 'character varying',
+        dtx: 'specificType',
+        ct: 'varchar(45)',
+        nrqd: true,
+        rqd: false,
+        ck: false,
+        pk: false,
+        un: false,
+        ai: false,
+        cdf: null,
+        clen: 45,
+        np: null,
+        ns: null,
+        dtxp: '45',
+        dtxs: '',
+        altered: 1,
+        uidt: 'SingleLineText',
+        uip: '',
+        uicn: '',
+      },
+      {
+        column_name: 'created_at',
+        title: 'CreatedAt',
+        dt: 'timestamp',
+        dtx: 'specificType',
+        ct: 'varchar(45)',
+        nrqd: true,
+        rqd: false,
+        ck: false,
+        pk: false,
+        un: false,
+        ai: false,
+        cdf: 'now()',
+        clen: 45,
+        np: null,
+        ns: null,
+        dtxp: '',
+        dtxs: '',
+        altered: 1,
+        uidt: UITypes.DateTime,
+        uip: '',
+        uicn: '',
+      },
+      {
+        column_name: 'updated_at',
+        title: 'UpdatedAt',
+        dt: 'timestamp',
+        dtx: 'specificType',
+        ct: 'varchar(45)',
+        nrqd: true,
+        rqd: false,
+        ck: false,
+        pk: false,
+        un: false,
+        ai: false,
+        au: true,
+        cdf: 'now()',
+        clen: 45,
+        np: null,
+        ns: null,
+        dtxp: '',
+        dtxs: '',
+        altered: 1,
+        uidt: UITypes.DateTime,
+        uip: '',
+        uicn: '',
+      },
+    ];
+  }
+
+  static getNewColumn(suffix) {
+    return {
+      column_name: 'title' + suffix,
+      dt: 'character varying',
+      dtx: 'specificType',
+      ct: 'varchar(45)',
+      nrqd: true,
+      rqd: false,
+      ck: false,
+      pk: false,
+      un: false,
+      ai: false,
+      cdf: null,
+      clen: 45,
+      np: null,
+      ns: null,
+      dtxp: '45',
+      dtxs: '',
+      altered: 1,
+      uidt: 'SingleLineText',
+      uip: '',
+      uicn: '',
+    };
+  }
+
+  // static getDefaultLengthForDatatype(type) {
+  //   switch (type) {
+  //     case "int":
+  //       return 11;
+  //       break;
+  //     case "tinyint":
+  //       return 1;
+  //       break;
+  //     case "smallint":
+  //       return 5;
+  //       break;
+  //
+  //     case "mediumint":
+  //       return 9;
+  //       break;
+  //     case "bigint":
+  //       return 20;
+  //       break;
+  //     case "bit":
+  //       return 64;
+  //       break;
+  //     case "boolean":
+  //       return '';
+  //       break;
+  //     case "float":
+  //       return 12;
+  //       break;
+  //     case "decimal":
+  //       return 10;
+  //       break;
+  //     case "double":
+  //       return 22;
+  //       break;
+  //     case "serial":
+  //       return 20;
+  //       break;
+  //     case "date":
+  //       return '';
+  //       break;
+  //     case "datetime":
+  //     case "timestamp":
+  //       return 6;
+  //       break;
+  //     case "time":
+  //       return '';
+  //       break;
+  //     case "year":
+  //       return '';
+  //       break;
+  //     case "char":
+  //       return 255;
+  //       break;
+  //     case "varchar":
+  //       return 45;
+  //       break;
+  //     case "nchar":
+  //       return 255;
+  //       break;
+  //     case "text":
+  //       return '';
+  //       break;
+  //     case "tinytext":
+  //       return '';
+  //       break;
+  //     case "mediumtext":
+  //       return '';
+  //       break;
+  //     case "longtext":
+  //       return ''
+  //       break;
+  //     case "binary":
+  //       return 255;
+  //       break;
+  //     case "varbinary":
+  //       return 65500;
+  //       break;
+  //     case "blob":
+  //       return '';
+  //       break;
+  //     case "tinyblob":
+  //       return '';
+  //       break;
+  //     case "mediumblob":
+  //       return '';
+  //       break;
+  //     case "longblob":
+  //       return '';
+  //       break;
+  //     case "enum":
+  //       return '\'a\',\'b\'';
+  //       break;
+  //     case "set":
+  //       return '\'a\',\'b\'';
+  //       break;
+  //     case "geometry":
+  //       return '';
+  //     case "point":
+  //       return '';
+  //     case "linestring":
+  //       return '';
+  //     case "polygon":
+  //       return '';
+  //     case "multipoint":
+  //       return '';
+  //     case "multilinestring":
+  //       return '';
+  //     case "multipolygon":
+  //       return '';
+  //     case "json":
+  //       return ''
+  //       break;
+  //
+  //   }
+  //
+  // }
+
+  static getDefaultLengthForDatatype(type): any {
+    switch (type) {
+      case 'int':
+        return '';
+
+      case 'tinyint':
+        return '';
+
+      case 'smallint':
+        return '';
+
+      case 'mediumint':
+        return '';
+
+      case 'bigint':
+        return '';
+
+      case 'bit':
+        return '';
+
+      case 'boolean':
+        return '';
+
+      case 'float':
+        return '';
+
+      case 'decimal':
+        return '';
+
+      case 'double':
+        return '';
+
+      case 'serial':
+        return '';
+
+      case 'date':
+        return '';
+
+      case 'datetime':
+      case 'timestamp':
+        return '';
+
+      case 'time':
+        return '';
+
+      case 'year':
+        return '';
+
+      case 'char':
+        return '';
+
+      case 'varchar':
+        return '';
+
+      case 'nchar':
+        return '';
+
+      case 'text':
+        return '';
+
+      case 'tinytext':
+        return '';
+
+      case 'mediumtext':
+        return '';
+
+      case 'longtext':
+        return '';
+
+      case 'binary':
+        return '';
+
+      case 'varbinary':
+        return '';
+
+      case 'blob':
+        return '';
+
+      case 'tinyblob':
+        return '';
+
+      case 'mediumblob':
+        return '';
+
+      case 'longblob':
+        return '';
+
+      case 'enum':
+        return '';
+
+      case 'set':
+        return '';
+
+      case 'geometry':
+        return '';
+      case 'point':
+        return '';
+      case 'linestring':
+        return '';
+      case 'polygon':
+        return '';
+      case 'multipoint':
+        return '';
+      case 'multilinestring':
+        return '';
+      case 'multipolygon':
+        return '';
+      case 'json':
+        return '';
+    }
+  }
+
+  static getDefaultLengthIsDisabled(type): any {
+    switch (type) {
+      case 'anyenum':
+      case 'anynonarray':
+      case 'anyrange':
+      case 'bigint':
+      case 'bigserial':
+      case 'bit':
+      case 'bool':
+      case 'box':
+      case 'bpchar':
+      case 'bytea':
+      case 'char':
+      case 'character':
+      case 'cid':
+      case 'cidr':
+      case 'circle':
+      case 'cstring':
+      case 'date':
+      case 'daterange':
+      case 'double precision':
+      case 'event_trigger':
+      case 'fdw_handler':
+      case 'float4':
+      case 'float8':
+      case 'gtsvector':
+      case 'index_am_handler':
+      case 'inet':
+      case 'int':
+      case 'int2':
+      case 'int4':
+      case 'int8':
+      case 'int4range':
+      case 'int8range':
+      case 'integer':
+      case 'internal':
+      case 'interval':
+      case 'jsonb':
+      case 'language_handler':
+      case 'line':
+      case 'lsec':
+      case 'macaddr':
+      case 'money':
+      case 'name':
+      case 'numeric':
+      case 'numrange':
+      case 'oid':
+      case 'opaque':
+      case 'path':
+      case 'pg_ddl_command':
+      case 'pg_lsn':
+      case 'pg_node_tree':
+      case 'real':
+      case 'record':
+      case 'refcursor':
+      case 'regclass':
+      case 'regconfig':
+      case 'regdictionary':
+      case 'regnamespace':
+      case 'regoper':
+      case 'regoperator':
+      case 'regproc':
+      case 'regpreocedure':
+      case 'regrole':
+      case 'regtype':
+      case 'reltime':
+      case 'serial':
+      case 'serial2':
+      case 'serial8':
+      case 'smallint':
+      case 'smallserial':
+      case 'smgr':
+      case 'text':
+      case 'tid':
+      case 'time':
+      case 'time without time zone':
+      case 'timestamp':
+      case 'timestamp without time zone':
+      case 'timestamptz':
+      case 'timestamp with time zone':
+      case 'timetz':
+      case 'time with time zone':
+      case 'tinterval':
+      case 'trigger':
+      case 'tsm_handler':
+      case 'tsquery':
+      case 'tsrange':
+      case 'tstzrange':
+      case 'tsvector':
+      case 'txid_snapshot':
+      case 'unknown':
+      case 'void':
+      case 'xid':
+      case 'xml':
+      case 'character varying':
+      case 'tinyint':
+      case 'mediumint':
+      case 'float':
+      case 'decimal':
+      case 'double':
+      case 'boolean':
+      case 'datetime':
+      case 'uuid':
+      case 'year':
+      case 'varchar':
+      case 'nchar':
+      case 'tinytext':
+      case 'mediumtext':
+      case 'longtext':
+      case 'binary':
+      case 'varbinary':
+      case 'blob':
+      case 'tinyblob':
+      case 'mediumblob':
+      case 'longblob':
+      case 'enum':
+      case 'set':
+      case 'geometry':
+      case 'point':
+      case 'linestring':
+      case 'polygon':
+      case 'multipoint':
+      case 'multilinestring':
+      case 'multipolygon':
+      case 'json':
+        return true;
+    }
+  }
+
+  static getDefaultValueForDatatype(type): any {
+    switch (type) {
+      case 'anyenum':
+        return 'eg: ';
+
+      case 'anynonarray':
+        return 'eg: ';
+
+      case 'anyrange':
+        return 'eg: ';
+
+      case 'bigint':
+        return 'eg: ';
+
+      case 'bigserial':
+        return 'eg: ';
+
+      case 'bit':
+        return 'eg: ';
+
+      case 'bool':
+        return 'eg: ';
+
+      case 'box':
+        return 'eg: ';
+
+      case 'bpchar':
+        return 'eg: ';
+
+      case 'bytea':
+        return 'eg: ';
+
+      case 'char':
+        return 'eg: ';
+
+      case 'character':
+        return "eg: 'sample'";
+
+      case 'cid':
+        return 'eg: ';
+
+      case 'cidr':
+        return 'eg: ';
+
+      case 'circle':
+        return 'eg: ';
+
+      case 'cstring':
+        return 'eg: ';
+
+      case 'date':
+        return "eg: '2020-09-09'";
+
+      case 'daterange':
+        return 'eg: ';
+
+      case 'double precision':
+        return 'eg: 1.2';
+
+      case 'event_trigger':
+        return 'eg: ';
+
+      case 'fdw_handler':
+        return 'eg: ';
+
+      case 'float4':
+        return 'eg: 1.2';
+
+      case 'float8':
+        return 'eg: 1.2';
+
+      case 'gtsvector':
+        return 'eg: ';
+
+      case 'index_am_handler':
+        return 'eg: ';
+
+      case 'inet':
+        return 'eg: ';
+
+      case 'int':
+        return 'eg: ';
+
+      case 'int2':
+        return 'eg: ';
+
+      case 'int4':
+        return 'eg: ';
+
+      case 'int8':
+        return 'eg: ';
+
+      case 'int4range':
+        return 'eg: ';
+
+      case 'int8range':
+        return 'eg: ';
+
+      case 'integer':
+        return 'eg: ';
+
+      case 'internal':
+        return 'eg: ';
+
+      case 'interval':
+        return 'eg: ';
+
+      case 'json':
+        return 'eg: ';
+
+      case 'jsonb':
+        return 'eg: ';
+
+      case 'language_handler':
+        return 'eg: ';
+
+      case 'line':
+        return 'eg: ';
+
+      case 'lsec':
+        return 'eg: ';
+
+      case 'macaddr':
+        return 'eg: ';
+
+      case 'money':
+        return 'eg: ';
+
+      case 'name':
+        return 'eg: ';
+
+      case 'numeric':
+        return 'eg: ';
+
+      case 'numrange':
+        return 'eg: ';
+
+      case 'oid':
+        return 'eg: ';
+
+      case 'opaque':
+        return 'eg: ';
+
+      case 'path':
+        return 'eg: ';
+
+      case 'pg_ddl_command':
+        return 'eg: ';
+
+      case 'pg_lsn':
+        return 'eg: ';
+
+      case 'pg_node_tree':
+        return 'eg: ';
+
+      case 'point':
+        return 'eg: ';
+
+      case 'polygon':
+        return 'eg: ';
+
+      case 'real':
+        return 'eg: 1.2';
+
+      case 'record':
+        return 'eg: ';
+
+      case 'refcursor':
+        return 'eg: ';
+
+      case 'regclass':
+        return 'eg: ';
+
+      case 'regconfig':
+        return 'eg: ';
+
+      case 'regdictionary':
+        return 'eg: ';
+
+      case 'regnamespace':
+        return 'eg: ';
+
+      case 'regoper':
+        return 'eg: ';
+
+      case 'regoperator':
+        return 'eg: ';
+
+      case 'regproc':
+        return 'eg: ';
+
+      case 'regpreocedure':
+        return 'eg: ';
+
+      case 'regrole':
+        return 'eg: ';
+
+      case 'regtype':
+        return 'eg: ';
+
+      case 'reltime':
+        return 'eg: ';
+
+      case 'serial':
+        return 'eg: ';
+
+      case 'serial2':
+        return 'eg: ';
+
+      case 'serial8':
+        return 'eg: ';
+
+      case 'smallint':
+        return 'eg: ';
+
+      case 'smallserial':
+        return 'eg: ';
+
+      case 'smgr':
+        return 'eg: ';
+
+      case 'text':
+        return "eg: 'sample text'";
+
+      case 'tid':
+        return 'eg: ';
+
+      case 'time':
+        return "eg: now()\n\n'04:05:06.789'";
+
+      case 'time without time zone':
+        return "eg: now()\n\n'04:05:06.789'";
+
+      case 'timestamp':
+        return "eg: now()\n\n'2016-06-22 19:10:25-07'";
+
+      case 'timestamp without time zone':
+        return "eg: now()\n\n'2016-06-22 19:10:25-07'";
+
+      case 'timestamptz':
+        return "eg: timezone('America/New_York','2016-06-01 00:00')\n\nnow()\n\n'2016-06-22 19:10:25-07'";
+
+      case 'timestamp with time zone':
+        return "eg: now()\n\n'2016-06-22 19:10:25-07'";
+
+      case 'timetz':
+        return 'eg: now()';
+
+      case 'time with time zone':
+        return 'eg: now()';
+
+      case 'tinterval':
+        return 'eg: ';
+
+      case 'trigger':
+        return 'eg: ';
+
+      case 'tsm_handler':
+        return 'eg: ';
+
+      case 'tsquery':
+        return 'eg: ';
+
+      case 'tsrange':
+        return 'eg: ';
+
+      case 'tstzrange':
+        return 'eg: ';
+
+      case 'tsvector':
+        return 'eg: ';
+
+      case 'txid_snapshot':
+        return 'eg: ';
+
+      case 'unknown':
+        return 'eg: ';
+
+      case 'void':
+        return 'eg: ';
+
+      case 'xid':
+        return 'eg: ';
+
+      case 'xml':
+        return 'eg: ';
+
+      case 'character varying':
+        return "eg: 'sample text'";
+
+      case 'tinyint':
+        return 'eg: ';
+
+      case 'mediumint':
+        return 'eg: ';
+
+      case 'float':
+        return 'eg: ';
+
+      case 'decimal':
+        return 'eg: ';
+
+      case 'double':
+        return 'eg: 1.2';
+
+      case 'boolean':
+        return 'eg: true\n\nfalse';
+
+      case 'datetime':
+        return 'eg: ';
+
+      case 'uuid':
+        return 'eg: ';
+
+      case 'year':
+        return 'eg: ';
+
+      case 'varchar':
+        return 'eg: ';
+
+      case 'nchar':
+        return 'eg: ';
+
+      case 'tinytext':
+        return 'eg: ';
+
+      case 'mediumtext':
+        return 'eg: ';
+
+      case 'longtext':
+        return 'eg: ';
+
+      case 'binary':
+        return 'eg: ';
+
+      case 'varbinary':
+        return 'eg: ';
+
+      case 'blob':
+        return 'eg: ';
+
+      case 'tinyblob':
+        return 'eg: ';
+
+      case 'mediumblob':
+        return 'eg: ';
+
+      case 'longblob':
+        return 'eg: ';
+
+      case 'enum':
+        return 'eg: ';
+
+      case 'set':
+        return 'eg: ';
+
+      case 'geometry':
+        return 'eg: ';
+
+      case 'linestring':
+        return 'eg: ';
+
+      case 'multipoint':
+        return 'eg: ';
+
+      case 'multilinestring':
+        return 'eg: ';
+
+      case 'multipolygon':
+        return 'eg: ';
+    }
+  }
+
+  static getDefaultScaleForDatatype(type): any {
+    switch (type) {
+      case 'int':
+        return ' ';
+
+      case 'tinyint':
+        return ' ';
+
+      case 'smallint':
+        return ' ';
+
+      case 'mediumint':
+        return ' ';
+
+      case 'bigint':
+        return ' ';
+
+      case 'bit':
+        return ' ';
+
+      case 'boolean':
+        return ' ';
+
+      case 'float':
+        return '2';
+
+      case 'decimal':
+        return '2';
+
+      case 'double':
+        return '2';
+
+      case 'serial':
+        return ' ';
+
+      case 'date':
+      case 'datetime':
+      case 'timestamp':
+        return ' ';
+
+      case 'time':
+        return ' ';
+
+      case 'year':
+        return ' ';
+
+      case 'char':
+        return ' ';
+
+      case 'varchar':
+        return ' ';
+
+      case 'nchar':
+        return ' ';
+
+      case 'text':
+        return ' ';
+
+      case 'tinytext':
+        return ' ';
+
+      case 'mediumtext':
+        return ' ';
+
+      case 'longtext':
+        return ' ';
+
+      case 'binary':
+        return ' ';
+
+      case 'varbinary':
+        return ' ';
+
+      case 'blob':
+        return ' ';
+
+      case 'tinyblob':
+        return ' ';
+
+      case 'mediumblob':
+        return ' ';
+
+      case 'longblob':
+        return ' ';
+
+      case 'enum':
+        return ' ';
+
+      case 'set':
+        return ' ';
+
+      case 'geometry':
+        return ' ';
+      case 'point':
+        return ' ';
+      case 'linestring':
+        return ' ';
+      case 'polygon':
+        return ' ';
+      case 'multipoint':
+        return ' ';
+      case 'multilinestring':
+        return ' ';
+      case 'multipolygon':
+        return ' ';
+      case 'json':
+        return ' ';
+    }
+  }
+
+  static colPropAIDisabled(col, columns) {
+    // console.log(col);
+    if (
+      col.dt === 'int4' ||
+      col.dt === 'integer' ||
+      col.dt === 'bigint' ||
+      col.dt === 'smallint'
+    ) {
+      for (let i = 0; i < columns.length; ++i) {
+        if (columns[i].cn !== col.cn && columns[i].ai) {
+          return true;
+        }
+      }
+      return false;
+    } else {
+      return true;
+    }
+  }
+
+  static colPropUNDisabled(_col) {
+    // console.log(col);
+    return true;
+    // if (col.dt === 'int' ||
+    //   col.dt === 'tinyint' ||
+    //   col.dt === 'smallint' ||
+    //   col.dt === 'mediumint' ||
+    //   col.dt === 'bigint') {
+    //   return false;
+    // } else {
+    //   return true;
+    // }
+  }
+
+  static onCheckboxChangeAI(col) {
+    console.log(col);
+    if (
+      col.dt === 'int' ||
+      col.dt === 'bigint' ||
+      col.dt === 'smallint' ||
+      col.dt === 'tinyint'
+    ) {
+      col.altered = col.altered || 2;
+    }
+
+    // if (!col.ai) {
+    //   col.dtx = 'specificType'
+    // } else {
+    //   col.dtx = ''
+    // }
+  }
+
+  static onCheckboxChangeAU(col) {
+    console.log(col);
+    // if (1) {
+    col.altered = col.altered || 2;
+    // }
+    if (col.au) {
+      col.cdf = 'now()';
+    }
+
+    // if (!col.ai) {
+    //   col.dtx = 'specificType'
+    // } else {
+    //   col.dtx = ''
+    // }
+  }
+
+  static showScale(_columnObj) {
+    return false;
+  }
+
+  static removeUnsigned(columns) {
+    for (let i = 0; i < columns.length; ++i) {
+      if (
+        columns[i].altered === 1 &&
+        !(
+          columns[i].dt === 'int' ||
+          columns[i].dt === 'bigint' ||
+          columns[i].dt === 'tinyint' ||
+          columns[i].dt === 'smallint' ||
+          columns[i].dt === 'mediumint'
+        )
+      ) {
+        columns[i].un = false;
+        console.log('>> resetting unsigned value', columns[i].cn);
+      }
+      console.log(columns[i].cn);
+    }
+  }
+
+  static columnEditable(colObj) {
+    return colObj.tn !== '_evolutions' || colObj.tn !== 'nc_evolutions';
+  }
+
+  static extractFunctionName(query) {
+    const reg =
+      /^\s*CREATE\s+(?:OR\s+REPLACE\s*)?\s*FUNCTION\s+(?:[\w\d_]+\.)?([\w_\d]+)/i;
+    const match = query.match(reg);
+    return match && match[1];
+  }
+
+  static extractProcedureName(query) {
+    const reg =
+      /^\s*CREATE\s+(?:OR\s+REPLACE\s*)?\s*PROCEDURE\s+(?:[\w\d_]+\.)?([\w_\d]+)/i;
+    const match = query.match(reg);
+    return match && match[1];
+  }
+
+  static handleRawOutput(result, headers) {
+    if (['DELETE', 'INSERT', 'UPDATE'].includes(result.command.toUpperCase())) {
+      headers.push({ text: 'Row count', value: 'rowCount', sortable: false });
+      result = [
+        {
+          rowCount: result.rowCount,
+        },
+      ];
+    } else {
+      result = result.rows;
+      if (Array.isArray(result) && result[0]) {
+        const keys = Object.keys(result[0]);
+        // set headers before settings result
+        for (let i = 0; i < keys.length; i++) {
+          const text = keys[i];
+          headers.push({ text, value: text, sortable: false });
+        }
+      }
+    }
+    return result;
+  }
+
+  static splitQueries(query) {
+    /***
+     * we are splitting based on semicolon
+     * there are mechanism to escape semicolon within single/double quotes(string)
+     */
+    return query.match(/\b("[^"]*;[^"]*"|'[^']*;[^']*'|[^;])*;/g);
+  }
+
+  /**
+   * if sql statement is SELECT - it limits to a number
+   * @param args
+   * @returns {string|*}
+   */
+  sanitiseQuery(args) {
+    let q = args.query.trim().split(';');
+
+    if (q[0].startsWith('Select')) {
+      q = q[0] + ` LIMIT 0,${args.limit ? args.limit : 100};`;
+    } else if (q[0].startsWith('select')) {
+      q = q[0] + ` LIMIT 0,${args.limit ? args.limit : 100};`;
+    } else if (q[0].startsWith('SELECT')) {
+      q = q[0] + ` LIMIT 0,${args.limit ? args.limit : 100};`;
+    } else {
+      return args.query;
+    }
+
+    return q;
+  }
+
+  static getColumnsFromJson(json, tn) {
+    const columns = [];
+
+    try {
+      if (typeof json === 'object' && !Array.isArray(json)) {
+        const keys = Object.keys(json);
+        for (let i = 0; i < keys.length; ++i) {
+          const column = {
+            dp: null,
+            tn,
+            column_name: keys[i],
+            cno: keys[i],
+            np: 10,
+            ns: 0,
+            clen: null,
+            cop: 1,
+            pk: false,
+            nrqd: false,
+            rqd: false,
+            un: false,
+            ct: 'int(11) unsigned',
+            ai: false,
+            unique: false,
+            cdf: null,
+            cc: '',
+            csn: null,
+            dtx: 'specificType',
+            dtxp: null,
+            dtxs: 0,
+            altered: 1,
+          };
+
+          switch (typeof json[keys[i]]) {
+            case 'number':
+              if (Number.isInteger(json[keys[i]])) {
+                if (SnowflakeUi.isValidTimestamp(keys[i], json[keys[i]])) {
+                  Object.assign(column, {
+                    dt: 'timestamp',
+                  });
+                } else {
+                  Object.assign(column, {
+                    dt: 'int',
+                    np: 10,
+                    ns: 0,
+                  });
+                }
+              } else {
+                Object.assign(column, {
+                  dt: 'float4',
+                  np: null,
+                  ns: null,
+                  dtxp: null,
+                  dtxs: null,
+                });
+              }
+              break;
+            case 'string':
+              if (SnowflakeUi.isValidDate(json[keys[i]])) {
+                Object.assign(column, {
+                  dt: 'date',
+                });
+              } else if (json[keys[i]].length <= 255) {
+                Object.assign(column, {
+                  dt: 'character varying',
+                  np: null,
+                  ns: 0,
+                  dtxp: null,
+                });
+              } else {
+                Object.assign(column, {
+                  dt: 'text',
+                });
+              }
+              break;
+            case 'boolean':
+              Object.assign(column, {
+                dt: 'boolean',
+                np: 3,
+                ns: 0,
+              });
+              break;
+            case 'object':
+              Object.assign(column, {
+                dt: 'json',
+                np: 3,
+                ns: 0,
+              });
+              break;
+            default:
+              break;
+          }
+          columns.push(column);
+        }
+      }
+    } catch (e) {
+      console.log('Error in getColumnsFromJson', e);
+    }
+
+    return columns;
+  }
+
+  static isValidTimestamp(key, value) {
+    if (typeof value !== 'number') {
+      return false;
+    }
+    return new Date(value).getTime() > 0 && /(?:_|(?=A))[aA]t$/.test(key);
+  }
+
+  static isValidDate(value) {
+    return new Date(value).getTime() > 0;
+  }
+
+  static colPropAuDisabled(col) {
+    if (col.altered !== 1) {
+      return true;
+    }
+
+    switch (col.dt) {
+      case 'time':
+      case 'time without time zone':
+      case 'timestamp':
+      case 'timestamp without time zone':
+      case 'timestamptz':
+      case 'timestamp with time zone':
+      case 'timetz':
+      case 'time with time zone':
+        return false;
+      default:
+        return true;
+    }
+  }
+
+  static getAbstractType(col): any {
+    switch ((col.dt || col.dt).toLowerCase()) {
+      case 'anyenum':
+        return 'enum';
+      case 'anynonarray':
+      case 'anyrange':
+        return 'string';
+
+      case 'bit':
+        return 'integer';
+      case 'bigint':
+      case 'bigserial':
+        return 'string';
+
+      case 'bool':
+        return 'boolean';
+
+      case 'box':
+      case 'bpchar':
+      case 'bytea':
+      case 'char':
+      case 'character':
+        return 'string';
+
+      case 'cid':
+      case 'cidr':
+      case 'circle':
+      case 'cstring':
+        return 'string';
+
+      case 'date':
+        return 'date';
+      case 'daterange':
+        return 'string';
+      case 'double precision':
+        return 'string';
+
+      case 'event_trigger':
+      case 'fdw_handler':
+        return 'string';
+
+      case 'float4':
+      case 'float8':
+        return 'float';
+
+      case 'gtsvector':
+      case 'index_am_handler':
+      case 'inet':
+        return 'string';
+
+      case 'int':
+      case 'int2':
+      case 'int4':
+      case 'int8':
+      case 'integer':
+        return 'integer';
+      case 'int4range':
+      case 'int8range':
+      case 'internal':
+      case 'interval':
+        return 'string';
+      case 'jsonb':
+        return 'string';
+
+      case 'language_handler':
+      case 'line':
+      case 'lsec':
+      case 'macaddr':
+      case 'money':
+      case 'name':
+      case 'numeric':
+      case 'numrange':
+      case 'oid':
+      case 'opaque':
+      case 'path':
+      case 'pg_ddl_command':
+      case 'pg_lsn':
+      case 'pg_node_tree':
+      case 'point':
+      case 'polygon':
+        return 'string';
+      case 'real':
+        return 'float';
+      case 'record':
+      case 'refcursor':
+      case 'regclass':
+      case 'regconfig':
+      case 'regdictionary':
+      case 'regnamespace':
+      case 'regoper':
+      case 'regoperator':
+      case 'regproc':
+      case 'regpreocedure':
+      case 'regrole':
+      case 'regtype':
+      case 'reltime':
+        return 'string';
+      case 'serial':
+      case 'serial2':
+      case 'serial8':
+      case 'smallint':
+      case 'smallserial':
+        return 'integer';
+      case 'smgr':
+        return 'string';
+      case 'text':
+        return 'text';
+      case 'tid':
+        return 'string';
+      case 'time':
+      case 'time without time zone':
+        return 'time';
+      case 'timestamp':
+      case 'timestamp without time zone':
+      case 'timestamptz':
+      case 'timestamp with time zone':
+        return 'datetime';
+      case 'timetz':
+      case 'time with time zone':
+        return 'time';
+
+      case 'tinterval':
+      case 'trigger':
+      case 'tsm_handler':
+      case 'tsquery':
+      case 'tsrange':
+      case 'tstzrange':
+      case 'tsvector':
+      case 'txid_snapshot':
+      case 'unknown':
+      case 'void':
+      case 'xid':
+      case 'character varying':
+      case 'xml':
+        return 'string';
+
+      case 'tinyint':
+      case 'mediumint':
+        return 'integer';
+
+      case 'float':
+      case 'decimal':
+      case 'double':
+        return 'float';
+      case 'boolean':
+        return 'boolean';
+      case 'datetime':
+        return 'datetime';
+
+      case 'uuid':
+      case 'year':
+      case 'varchar':
+      case 'nchar':
+        return 'string';
+      case 'tinytext':
+      case 'mediumtext':
+      case 'longtext':
+        return 'text';
+      case 'binary':
+      case 'varbinary':
+        return 'string';
+      case 'blob':
+      case 'tinyblob':
+      case 'mediumblob':
+      case 'longblob':
+        return 'blob';
+      case 'enum':
+        return 'enum';
+      case 'set':
+        return 'set';
+      case 'geometry':
+      case 'linestring':
+      case 'multipoint':
+      case 'multilinestring':
+      case 'multipolygon':
+        return 'string';
+      case 'json':
+        return 'json';
+    }
+  }
+
+  static getUIType(col): any {
+    switch (this.getAbstractType(col)) {
+      case 'integer':
+        return 'Number';
+      case 'boolean':
+        return 'Checkbox';
+      case 'float':
+        return 'Decimal';
+      case 'date':
+        return 'Date';
+      case 'datetime':
+        return 'CreateTime';
+      case 'time':
+        return 'Time';
+      case 'year':
+        return 'Year';
+      case 'string':
+        return 'SingleLineText';
+      case 'text':
+        return 'LongText';
+      case 'blob':
+        return 'Attachment';
+      case 'enum':
+        return 'SingleSelect';
+      case 'set':
+        return 'MultiSelect';
+      case 'json':
+        return 'LongText';
+    }
+  }
+
+  static getDataTypeForUiType(col: { uidt: UITypes }, idType?: IDType) {
+    const colProp: any = {};
+    switch (col.uidt) {
+      case 'ID':
+        {
+          const isAutoIncId = idType === 'AI';
+          const isAutoGenId = idType === 'AG';
+          colProp.dt = isAutoGenId ? 'character varying' : 'int4';
+          colProp.pk = true;
+          colProp.un = isAutoIncId;
+          colProp.ai = isAutoIncId;
+          colProp.rqd = true;
+          colProp.meta = isAutoGenId ? { ag: 'nc' } : undefined;
+        }
+        break;
+      case 'ForeignKey':
+        colProp.dt = 'character varying';
+        break;
+      case 'SingleLineText':
+        colProp.dt = 'character varying';
+        break;
+      case 'LongText':
+        colProp.dt = 'text';
+        break;
+      case 'Attachment':
+        colProp.dt = 'text';
+        break;
+      case 'Checkbox':
+        colProp.dt = 'bool';
+        break;
+      case 'MultiSelect':
+        colProp.dt = 'text';
+        break;
+      case 'SingleSelect':
+        colProp.dt = 'text';
+        break;
+      case 'Collaborator':
+        colProp.dt = 'character varying';
+        break;
+      case 'Date':
+        colProp.dt = 'date';
+
+        break;
+      case 'Year':
+        colProp.dt = 'int';
+        break;
+      case 'Time':
+        colProp.dt = 'time';
+        break;
+      case 'PhoneNumber':
+        colProp.dt = 'character varying';
+        colProp.validate = {
+          func: ['isMobilePhone'],
+          args: [''],
+          msg: ['Validation failed : isMobilePhone'],
+        };
+        break;
+      case 'Email':
+        colProp.dt = 'character varying';
+        colProp.validate = {
+          func: ['isEmail'],
+          args: [''],
+          msg: ['Validation failed : isEmail'],
+        };
+        break;
+      case 'URL':
+        colProp.dt = 'character varying';
+        colProp.validate = {
+          func: ['isURL'],
+          args: [''],
+          msg: ['Validation failed : isURL'],
+        };
+        break;
+      case 'Number':
+        colProp.dt = 'bigint';
+        break;
+      case 'Decimal':
+        colProp.dt = 'decimal';
+        break;
+      case 'Currency':
+        colProp.dt = 'decimal';
+        colProp.validate = {
+          func: ['isCurrency'],
+          args: [''],
+          msg: ['Validation failed : isCurrency'],
+        };
+        break;
+      case 'Percent':
+        colProp.dt = 'double precision';
+        break;
+      case 'Duration':
+        colProp.dt = 'decimal';
+        break;
+      case 'Rating':
+        colProp.dt = 'smallint';
+        break;
+      case 'Formula':
+        colProp.dt = 'character varying';
+        break;
+      case 'Rollup':
+        colProp.dt = 'character varying';
+        break;
+      case 'Count':
+        colProp.dt = 'int8';
+        break;
+      case 'Lookup':
+        colProp.dt = 'character varying';
+        break;
+      case 'DateTime':
+        colProp.dt = 'timestamp';
+        break;
+      case 'CreateTime':
+        colProp.dt = 'timestamp';
+        break;
+      case 'LastModifiedTime':
+        colProp.dt = 'timestamp';
+        break;
+      case 'AutoNumber':
+        colProp.dt = 'int';
+        break;
+      case 'Barcode':
+        colProp.dt = 'character varying';
+        break;
+      case 'Button':
+        colProp.dt = 'character varying';
+        break;
+      case 'JSON':
+        colProp.dt = 'json';
+        break;
+      default:
+        colProp.dt = 'character varying';
+        break;
+    }
+    return colProp;
+  }
+
+  static getDataTypeListForUiType(col: { uidt: UITypes }, idType: IDType) {
+    switch (col.uidt) {
+      case 'ID':
+        if (idType === 'AG') {
+          return ['char', 'character', 'character varying'];
+        } else if (idType === 'AI') {
+          return [
+            'int',
+            'integer',
+            'bigint',
+            'bigserial',
+            'int2',
+            'int4',
+            'int8',
+            'serial',
+            'serial2',
+            'serial8',
+            'smallint',
+            'smallserial',
+          ];
+        } else {
+          return dbTypes;
+        }
+      case 'ForeignKey':
+        return dbTypes;
+
+      case 'SingleLineText':
+      case 'LongText':
+      case 'Collaborator':
+        return ['char', 'character', 'character varying', 'text'];
+
+      case 'Attachment':
+        return ['json', 'char', 'character', 'character varying', 'text'];
+
+      case 'JSON':
+        return ['json', 'jsonb', 'text'];
+      case 'Checkbox':
+        return [
+          'bit',
+          'bool',
+          'int2',
+          'int4',
+          'int8',
+          'boolean',
+          'smallint',
+          'int',
+          'integer',
+          'bigint',
+          'char',
+          'int4range',
+          'int8range',
+        ];
+
+      case 'MultiSelect':
+        return ['text'];
+
+      case 'SingleSelect':
+        return ['text'];
+
+      case 'Year':
+        return ['int'];
+
+      case 'Time':
+        return [
+          'time',
+          'time without time zone',
+          'timestamp',
+          'timestamp without time zone',
+          'timestamptz',
+          'timestamp with time zone',
+          'timetz',
+          'time with time zone',
+        ];
+
+      case 'PhoneNumber':
+      case 'Email':
+        return ['character varying'];
+
+      case 'URL':
+        return ['character varying', 'text'];
+
+      case 'Number':
+        return [
+          'int',
+          'integer',
+          'bigint',
+          'int2',
+          'int4',
+          'int8',
+          'double precision',
+          'float4',
+          'float8',
+          'smallint',
+          'numeric',
+        ];
+
+      case 'Decimal':
+        return ['double precision', 'float4', 'float8', 'numeric'];
+
+      case 'Currency':
+        return [
+          'int',
+          'integer',
+          'bigint',
+          'int2',
+          'int4',
+          'int8',
+          'double precision',
+          'money',
+          'float4',
+          'float8',
+          'numeric',
+        ];
+
+      case 'Percent':
+        return [
+          'int',
+          'integer',
+          'bigint',
+          'int2',
+          'int4',
+          'int8',
+          'double precision',
+          'float4',
+          'float8',
+          'smallint',
+          'numeric',
+        ];
+
+      case 'Duration':
+        return [
+          'int',
+          'integer',
+          'bigint',
+          'int2',
+          'int4',
+          'int8',
+          'double precision',
+          'float4',
+          'float8',
+          'smallint',
+          'smallserial',
+          'numeric',
+        ];
+
+      case 'Rating':
+        return [
+          'int',
+          'integer',
+          'bigint',
+          'bigserial',
+          'int2',
+          'int4',
+          'int8',
+          'serial',
+          'serial2',
+          'serial8',
+          'double precision',
+          'float4',
+          'float8',
+          'smallint',
+          'smallserial',
+          'numeric',
+        ];
+
+      case 'Formula':
+        return ['text', 'character varying'];
+
+      case 'Rollup':
+        return ['character varying'];
+
+      case 'Count':
+        return [
+          'int',
+          'integer',
+          'bigint',
+          'bigserial',
+          'int2',
+          'int4',
+          'int8',
+          'serial',
+          'serial2',
+          'serial8',
+          'smallint',
+          'smallserial',
+        ];
+
+      case 'Lookup':
+        return ['character varying'];
+
+      case 'Date':
+        return [
+          'date',
+          'timestamp',
+          'timestamp without time zone',
+          'timestamptz',
+          'timestamp with time zone',
+        ];
+
+      case 'DateTime':
+      case 'CreateTime':
+      case 'LastModifiedTime':
+        return [
+          'timestamp',
+          'timestamp without time zone',
+          'timestamptz',
+          'timestamp with time zone',
+        ];
+
+      case 'AutoNumber':
+        return [
+          'int',
+          'integer',
+          'bigint',
+          'bigserial',
+          'int2',
+          'int4',
+          'int8',
+          'serial',
+          'serial2',
+          'serial8',
+          'smallint',
+          'smallserial',
+        ];
+
+      case 'Barcode':
+        return ['character varying'];
+
+      case 'Geometry':
+        return [
+          'polygon',
+          'point',
+          'circle',
+          'box',
+          'line',
+          'lseg',
+          'path',
+          'circle',
+        ];
+
+      case 'Button':
+      default:
+        return dbTypes;
+    }
+  }
+
+  static getUnsupportedFnList() {
+    return [];
+  }
+}
+
+// module.exports = SnowflakeUiHelp;
+/**
+ * @copyright Copyright (c) 2021, Xgene Cloud Ltd
+ *
+ * @author Naveen MR <oof1lab@gmail.com>
+ * @author Pranav C Balan <pranavxc@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/packages/nocodb-sdk/src/lib/sqlUi/SqlUiFactory.ts b/packages/nocodb-sdk/src/lib/sqlUi/SqlUiFactory.ts
index c48ae6c94c..6e79066cad 100644
--- a/packages/nocodb-sdk/src/lib/sqlUi/SqlUiFactory.ts
+++ b/packages/nocodb-sdk/src/lib/sqlUi/SqlUiFactory.ts
@@ -5,6 +5,7 @@ import { MysqlUi } from './MysqlUi';
 import { OracleUi } from './OracleUi';
 import { PgUi } from './PgUi';
 import { SqliteUi } from './SqliteUi';
+import { SnowflakeUi } from './SnowflakeUi';
 
 // import {YugabyteUi} from "./YugabyteUi";
 // import {TidbUi} from "./TidbUi";
@@ -42,6 +43,10 @@ export class SqlUiFactory {
       return PgUi;
     }
 
+    if (connectionConfig.client === 'snowflake') {
+      return SnowflakeUi;
+    }
+
     throw new Error('Database not supported');
   }
 }
diff --git a/packages/nocodb-sdk/src/lib/sqlUi/index.ts b/packages/nocodb-sdk/src/lib/sqlUi/index.ts
index 5d3c4aecaa..bdc9600add 100644
--- a/packages/nocodb-sdk/src/lib/sqlUi/index.ts
+++ b/packages/nocodb-sdk/src/lib/sqlUi/index.ts
@@ -5,4 +5,5 @@ export * from './PgUi';
 export * from './MssqlUi';
 export * from './OracleUi';
 export * from './SqliteUi';
+export * from './SnowflakeUi';
 export * from './SqlUiFactory';
diff --git a/packages/nocodb/src/lib/db/sql-client/lib/SqlClientFactory.ts b/packages/nocodb/src/lib/db/sql-client/lib/SqlClientFactory.ts
index cbc5d22a6c..a3a6af266e 100644
--- a/packages/nocodb/src/lib/db/sql-client/lib/SqlClientFactory.ts
+++ b/packages/nocodb/src/lib/db/sql-client/lib/SqlClientFactory.ts
@@ -6,6 +6,8 @@ import PgClient from './pg/PgClient';
 import YugabyteClient from './pg/YugabyteClient';
 import TidbClient from './mysql/TidbClient';
 import VitessClient from './mysql/VitessClient';
+import SfClient from './snowflake/SnowflakeClient';
+import { SnowflakeClient } from 'knex-snowflake';
 
 class SqlClientFactory {
   static create(connectionConfig) {
@@ -31,6 +33,9 @@ class SqlClientFactory {
       if (connectionConfig.meta.dbtype === 'yugabyte')
         return new YugabyteClient(connectionConfig);
       return new PgClient(connectionConfig);
+    } else if (connectionConfig.client === 'snowflake') {
+      connectionConfig.client = SnowflakeClient;
+      return new SfClient(connectionConfig);
     }
 
     throw new Error('Database not supported');
diff --git a/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts b/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
new file mode 100644
index 0000000000..b47c50f62c
--- /dev/null
+++ b/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
@@ -0,0 +1,2443 @@
+import { nanoid } from 'nanoid';
+
+import _ from 'lodash';
+import KnexClient from '../KnexClient';
+import Debug from '../../../util/Debug';
+import Result from '../../../util/Result';
+import queries from './snowflake.queries';
+import lodash from 'lodash';
+const log = new Debug('SnowflakeClient');
+
+const rowsToLower = (arr) => {
+  for(const a of arr) {
+    for(const [k, v] of Object.entries(a)) {
+      delete a[k];
+      a[k.toLowerCase()] = v;
+    }
+  }
+  return arr;
+}
+
+class SnowflakeClient extends KnexClient {
+  private queries: any;
+  private _version: any;
+  constructor(connectionConfig) {
+    super(connectionConfig);
+    // this.sqlClient = null;
+    this.queries = queries;
+    this._version = {};
+  }
+
+  /**
+   *
+   *
+   * @param {Object} args
+   * @returns {Object} result
+   * @returns {Number} code
+   * @returns {String} message
+   */
+  async schemaCreateWithCredentials(args) {
+    const func = this.schemaCreateWithCredentials.name;
+    const result = new Result();
+    log.api(`${func}:args:`, args);
+
+    try {
+      if (!args.schema) {
+        args.schema = `nc${nanoid(8)}`;
+      }
+
+      // const connectionParamsWithoutDb = JSON.parse(
+      //   JSON.stringify(this.connectionConfig)
+      // );
+      //
+      // delete connectionParamsWithoutDb.connection.database;
+      //
+      // const tempSqlClient = knex(connectionParamsWithoutDb);
+
+      const data = await this.sqlClient.raw('create schema ?', [args.schema]);
+
+      // postgres=# create database mydb;
+      // postgres=# create user myuser with encrypted password 'mypass';
+      // postgres=# grant all privileges on database mydb to myuser;
+
+      log.debug('Create database if not exists', data);
+
+      // create new knex client
+      // this.sqlClient = knex(this.connectionConfig);
+      // tempSqlClient.destroy();
+      result.object = args;
+    } catch (e) {
+      // log.ppe(e);
+      result.code = -1;
+      result.message = e.message;
+      result.object = e;
+    }
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args
+   * @param args.sequence_name
+   * @returns {Promise<{upStatement, downStatement}>}
+   */
+  async sequenceDelete(args: any = {}) {
+    const _func = this.sequenceDelete.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    try {
+      const query = `${this.querySeparator()}DROP SEQUENCE ${
+        args.sequence_name
+      }`;
+      await this.sqlClient.raw(query);
+      result.data.object = {
+        upStatement: [{ sql: query }],
+        downStatement: [
+          {
+            sql: `${this.querySeparator()}CREATE SEQUENCE ${
+              args.sequence_name
+            }`,
+          },
+        ],
+      };
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @returns {Object[]} - sequences
+   * @property {String} - sequences[].sequence_name
+   * @property {String} - sequences[].type
+   * @property {String} - sequences[].definer
+   * @property {String} - sequences[].modified
+   * @property {String} - sequences[].created
+   * @property {String} - sequences[].security_type
+   * @property {String} - sequences[].comment
+   * @property {String} - sequences[].character_set_client
+   * @property {String} - sequences[].collation_connection
+   * @property {String} - sequences[].database collation
+   */
+  async sequenceList(args: any = {}) {
+    const _func = this.sequenceList.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      args.databaseName = this.connectionConfig.connection.database;
+      const { rows } = await this.raw(`select *
+              from INFORMATION_SCHEMA.sequences;`);
+
+      result.data.list = rowsToLower(rows).map((seq) => {
+        return {
+          ...seq,
+          original_sequence_name: seq.sequence_name,
+        };
+      });
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {String} - args.sequence_name
+   * @param {String} - args.start_value
+   * @param {String} - args.min_value
+   * @param {String} - args.max_value
+   * @param {String} - args.increment_by
+   * @returns {Object} - result
+   */
+  async sequenceCreate(args: any = {}) {
+    const func = this.sequenceCreate.name;
+    const result = new Result();
+    log.api(`${func}:args:`, args);
+    try {
+      const query =
+        this.querySeparator() + `CREATE SEQUENCE ${args.sequence_name}`;
+      await this.sqlClient.raw(query);
+      result.data.object = {
+        upStatement: [{ sql: query }],
+        downStatement: [
+          {
+            sql: this.querySeparator() + `DROP SEQUENCE ${args.sequence_name}`,
+          },
+        ],
+      };
+    } catch (e) {
+      log.ppe(e, func);
+      throw e;
+    }
+
+    log.api(`${func}: result`, result);
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {String} - args.sequence_name
+   * @param {String} - args.start_value
+   * @param {String} - args.min_value
+   * @param {String} - args.max_value
+   * @param {String} - args.increment_by
+   * @returns {Object} - result
+   */
+  async sequenceUpdate(args: any = {}) {
+    const func = this.sequenceUpdate.name;
+    const result = new Result();
+    log.api(`${func}:args:`, args);
+    try {
+      const upQuery =
+        this.querySeparator() +
+        `ALTER SEQUENCE ${args.original_sequence_name} RENAME TO ${args.sequence_name};`;
+      const downQuery =
+        this.querySeparator() +
+        `ALTER SEQUENCE ${args.sequence_name} RENAME TO ${args.original_sequence_name};`;
+
+      await this.sqlClient.raw(upQuery);
+      result.data.object = {
+        upStatement: [{ sql: upQuery }],
+        downStatement: [{ sql: downQuery }],
+      };
+    } catch (e) {
+      log.ppe(e, func);
+      throw e;
+    }
+
+    log.api(`${func}: result`, result);
+    return result;
+  }
+
+  /**
+   * @param {Object} args
+   * @returns {Object} result
+   * @returns {Number} code
+   * @returns {String} message
+   */
+   async testConnection(args: any = {}) {
+    const func = this.testConnection.name;
+    const result = new Result();
+    log.api(`${func}:args:`, args);
+
+    try {
+      await this.sqlClient.raw('SELECT 1+1 as data');
+    } catch (e) {
+      // log.ppe(e);
+      result.code = -1;
+      result.message = e.message;
+      result.object = e;
+    } finally {
+      if (result.code) {
+        this.emitE(`TestConnection result: ${result.message}`);
+      } else {
+        this.emit(`TestConnection result: ${result.code}`);
+      }
+    }
+    return result;
+  }
+
+  getKnexDataTypes() {
+    const result = new Result();
+
+    result.data.list = [      
+      'NUMBER',
+      'DECIMAL',
+      'NUMERIC',
+      'INT',
+      'INTEGER',
+      'BIGINT',
+      'SMALLINT',
+      'TINYINT',
+      'BYTEINT',
+      'FLOAT',
+      'FLOAT4',
+      'FLOAT8',
+      'DOUBLE',
+      'DOUBLE PRECISION',
+      'REAL',
+      'VARCHAR',
+      'CHAR',
+      'CHARACTER',
+      'STRING',
+      'TEXT',
+      'BINARY',
+      'VARBINARY',
+      'BOOLEAN',
+      'DATE',
+      'DATETIME',
+      'TIME',
+      'TIMESTAMP',
+      'TIMESTAMP_LTZ',
+      'TIMESTAMP_NTZ',
+      'TIMESTAMP_TZ',
+      'VARIANT',
+      'OBJECT',
+      'ARRAY',
+      'GEOGRAPHY',
+    ];
+
+    return result;
+  }
+
+  /**
+   *
+   *
+   * @param {Object} args
+   * @returns {Object} result
+   * @returns {Number} code
+   * @returns {String} message
+   * @returns {Object} object - {version, primary, major, minor}
+   */
+  async version(args: any = {}) {
+    const _func = this.version.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    try {
+      result.data.object = {};
+      const data = await this.sqlClient.raw('SELECT CURRENT_VERSION() as "server_version"');
+      log.debug(data.rows[0]);
+      result.data.object.version = data.rows[0].server_version;
+      const versions = data.rows[0].server_version.split('.');
+
+      if (versions.length && (versions.length === 3 || versions.length === 2)) {
+        result.data.object.primary = versions[0];
+        result.data.object.major = versions[1];
+        result.data.object.minor =
+          versions.length > 2 ? versions[2] : versions[1];
+        result.data.object.key = versions[0] + versions[1];
+      } else {
+        result.code = -1;
+        result.message = `Invalid version : ${data.rows[0].server_version}`;
+      }
+    } catch (e) {
+      log.ppe(e);
+      result.code = -1;
+      result.message = e.message;
+    } finally {
+      log.api(`${_func} :result: %o`, result);
+    }
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} args
+   * @param {String} args.database
+   * @returns {Result}
+   */
+  async createDatabaseIfNotExists(args: any = {}) {
+    const _func = this.createDatabaseIfNotExists.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    let tempSqlClient;
+
+    try {
+      let rows = [];
+      try {
+        log.debug('checking if db exists');
+        rows = (
+          await this.sqlClient.raw(
+            `SELECT DATABASE_NAME as database FROM information_schema.DATABASES WHERE DATABASE_NAME = '${args.database}'`
+          )
+        ).rows;
+      } catch (e) {
+        log.debug('db does not exist');
+      }
+      if (rows.length === 0) {
+        log.debug('creating database:', args);
+        await this.sqlClient.raw(`CREATE DATABASE ??`, [args.database]);
+        await this.sqlClient.raw(`USE ??`, [args.database]);
+      }
+
+      await this.sqlClient.raw(`CREATE SCHEMA IF NOT EXISTS ??`,[this.schema]);
+
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    } finally {
+      if (tempSqlClient) {
+        await tempSqlClient.destroy();
+      }
+    }
+
+    log.api(`${_func}: result`, result);
+    return result;
+  }
+
+  async dropDatabase(args) {
+    const _func = this.dropDatabase.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    try {
+      await this.sqlClient.raw(`DROP DATABASE ${args.database};`);
+    } catch (e) {
+      log.ppe(e, _func);
+      // throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+    return result;
+  }
+
+  /**
+   *
+   * @param args {tn}
+   * @returns
+   */
+  async createTableIfNotExists(args) {
+    const _func = this.createTableIfNotExists.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    try {
+      /** ************** START : create _evolution table if not exists *************** */
+      const exists = await this.sqlClient.raw(
+        `SELECT table_schema,table_name as "tn", table_catalog
+          FROM information_schema.tables
+          where table_schema=? and table_name = ?`,
+        [this.schema, args.tn]
+      );
+
+      if (exists.rows.length === 0) {
+        const data = await this.sqlClient.schema.createTable(
+          args.tn,
+          function (table) {
+            table.increments();
+            table.string('title').notNullable();
+            table.string('titleDown').nullable();
+            table.string('description').nullable();
+            table.integer('batch').nullable();
+            table.string('checksum').nullable();
+            table.integer('status').nullable();
+            table.dateTime('created');
+            table.timestamps();
+          }
+        );
+        log.debug('Table created:', `${args.tn}`, data);
+      } else {
+        log.debug(`${args.tn} tables exists`);
+      }
+      /** ************** END : create _evolution table if not exists *************** */
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  async hasTable(args: any = {}) {
+    const _func = this.hasTable.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    try {
+      const { rows } = await this.sqlClient.raw(
+        `SELECT table_schema,table_name as "tn", table_catalog FROM information_schema.tables where table_schema = ? and table_name = ? and table_catalog = ?`,
+        [this.schema, args.tn, this.connectionConfig.connection.database]
+      );
+      result.data.value = rows.length > 0;
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  async hasDatabase(args: any = {}) {
+    const _func = this.hasDatabase.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    try {
+      const { rows } = await this.sqlClient.raw(
+        `SELECT DATABASE_NAME as database FROM information_schema.DATABASES WHERE DATABASE_NAME = ?`,
+        [args.databaseName]
+      );
+      result.data.value = rows.length > 0;
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - for future reasons
+   * @returns {Object[]} - databases
+   * @property {String} - databases[].database_name
+   */
+  async databaseList(args: any = {}) {
+    const _func = this.databaseList.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    try {
+      const { rows } = await this.sqlClient.raw(
+        `SELECT DATABASE_NAME as database_name FROM information_schema.DATABASES;`
+      );
+      result.data.list = rows;
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - for future reasons
+   * @returns {Object[]} - tables
+   * @property {String} - tables[].tn
+   */
+  async tableList(args: any = {}) {
+    const _func = this.tableList.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      const { rows } = await this.raw(
+        `SELECT table_schema as "ts", table_name as "tn", table_type as "table_type"
+              FROM information_schema.tables
+              where table_schema = ?
+              ORDER BY table_schema, table_name`,
+        [this.schema]
+      );
+
+      result.data.list = rows.filter(
+        ({ table_type }) => table_type.toLowerCase() === 'base table'
+      );
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  async schemaList(args: any = {}) {
+    const _func = this.schemaList.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    try {
+      const { rows } = await this
+        .raw(`SELECT SCHEMA_NAME as "schema_name" FROM information_schema.SCHEMATA order by schema_name;`);
+
+      result.data.list = rows;
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {Object} - args.tn -
+   * @returns {Object[]} - columns
+   * @property {String} - columns[].tn
+   * @property {String} - columns[].cn
+   * @property {String} - columns[].dt
+   * @property {String} - columns[].dtx
+   * @property {String} - columns[].np
+   * @property {String} - columns[].ns -
+   * @property {String} - columns[].clen -
+   * @property {String} - columns[].dp -
+   * @property {String} - columns[].cop -
+   * @property {String} - columns[].pk -
+   * @property {String} - columns[].nrqd -
+   * @property {String} - columns[].not_nullable -
+   * @property {String} - columns[].ct -
+   * @property {String} - columns[].un -
+   * @property {String} - columns[].ai -
+   * @property {String} - columns[].unique -
+   * @property {String} - columns[].cdf -
+   * @property {String} - columns[].cc -
+   * @property {String} - columns[].csn -
+   */
+
+  async columnList(args: any = {}) {
+    const _func = this.columnList.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      args.databaseName = this.connectionConfig.connection.database;
+      await this.sqlClient.raw(`SHOW PRIMARY KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`);
+      await this.sqlClient.raw(`SHOW UNIQUE KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`);
+
+      const lastQueries = await this.sqlClient.raw(`
+        select * from table(information_schema.query_history())
+        WHERE query_text like 'SHOW%'
+        ORDER BY start_time DESC
+        LIMIT 200`
+      );
+
+      let pk_query_id, uq_query_id;
+      for (const r of lastQueries.rows) {
+        if (r.QUERY_TEXT === `SHOW PRIMARY KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`) {
+          pk_query_id = r.QUERY_ID;
+        } else if (r.QUERY_TEXT === `SHOW UNIQUE KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`) {
+          uq_query_id = r.QUERY_ID;
+        }
+        if (pk_query_id && uq_query_id) {
+          break;
+        }
+      }
+
+      const response = await this.sqlClient.raw(
+        `SELECT
+            cl.table_name as "tn",
+            column_name as "cn",
+            data_type as "dt",
+            is_identity as "au",
+            tc.constraint_type as "ck",
+            character_maximum_length as "clen",
+            numeric_precision as "np",
+            numeric_scale as "ns",
+            ordinal_position as "cop",
+            is_nullable as "nrqd",
+            column_default as "cdf",
+            identity_generation as "generation_expression",
+            character_octet_length as "character_octet_length",
+            character_set_name as "csn",
+            "PK"."key_sequence" as "pk_ordinal_position",
+            "PK"."constraint_name" as "pk_constraint_name",
+            udt_name
+        FROM information_schema.COLUMNS cl
+        LEFT JOIN (select * from table(result_scan('${pk_query_id}')) UNION select * from table(result_scan('${uq_query_id}'))) pk
+        LEFT JOIN information_schema.table_constraints tc ON tc.constraint_name = "PK"."constraint_name" 
+        ON "PK"."schema_name" = cl.table_schema and "PK"."table_name" = cl.table_name and pk."column_name" = cl.column_name
+        WHERE cl.table_catalog = ? and cl.table_schema = ? and cl.table_name = ?;`,
+        [this.connectionConfig.connection.database, this.schema, args.tn]
+      );
+
+      const columns = [];
+
+      for (let i = 0; i < response.rows.length; ++i) {
+        const column: any = {};
+
+        column.tn = response.rows[i].tn;
+        column.cn = response.rows[i].cn;
+        column.cno = response.rows[i].cn;
+        column.dt = response.rows[i].dt;
+        column.np = response.rows[i].np;
+        column.ns = response.rows[i].ns;
+        column.clen = response.rows[i].clen;
+        column.dp = response.rows[i].dp;
+        column.cop = response.rows[i].cop;
+
+        // todo : there are lot of types in pg - handle them
+        //column.dtx = this.getKnexDataType(column.dt);
+        column.dtx = response.rows[i].dt;
+        column.pk = response.rows[i].pk_constraint_name !== null;
+
+        column.nrqd = response.rows[i].nrqd !== 'NO';
+        column.not_nullable = !column.nrqd;
+        column.rqd = !column.nrqd;
+
+        // todo: there is no type of unsigned in postgres
+        response.rows[i].ct = response.rows[i].dt || '';
+        column.un = response.rows[i].ct.indexOf('unsigned') !== -1;
+
+        column.ai = false;
+        if (response.rows[i].cdf) {
+          column.ai = response.rows[i].cdf.indexOf('nextval') !== -1;
+        }
+
+        // todo : need to find if column is unique or not
+        // column['unique'] = response.rows[i]['cst'].indexOf('UNIQUE') === -1 ? false : true;
+
+        column.cdf = response.rows[i].cdf;
+        // ? response.rows[i].cdf.split("::")[0].replace(/'/g, "")
+        // : response.rows[i].cdf;
+
+        // todo : need to find column comment
+        column.cc = response.rows[i].cc;
+
+        column.csn = response.rows[i].csn;
+        column.dtxp =
+          response.rows[i].clen || response.rows[i].np || response.rows[i].dp;
+        column.dtxs = response.rows[i].ns;
+        column.au = response.rows[i].au;
+        column.data_type_custom = response.rows[i].udt_name;
+        if (column.dt === 'USER-DEFINED') {
+          column.dtxp = response.rows[i].enum_values;
+        }
+
+        columns.push(column);
+      }
+
+      result.data.list = columns;
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {Object} - args.tn -
+   * @returns {Object[]} - indexes
+   * @property {String} - indexes[].table -
+   * @property {String} - indexes[].cn -
+   * @property {String} - indexes[].key_name -
+   * @property {String} - indexes[].non_unique -
+   * @property {String} - indexes[].seq_in_index -
+   * @property {String} - indexes[].collation -
+   * @property {String} - indexes[].cardinality -
+   * @property {String} - indexes[].sub_part -
+   * @property {String} - indexes[].packed -
+   * @property {String} - indexes[].null -
+   * @property {String} - indexes[].index_type -
+   * @property {String} - indexes[].comment -
+   * @property {String} - indexes[].index_comment -
+   * @property {String} - indexes[].cstn -
+   * @property {String} - indexes[].cst - c = check constraint, f = foreign key constraint, p = primary key constraint, u = unique constraint, t = constraint trigger, x = exclusion constraint
+   */
+  async indexList(args: any = {}) {
+    const _func = this.indexList.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      // TODO indexList
+      result.data.list = [];
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {Object} - args.tn -
+   * @returns {Object[]} - indexes
+   * @property {String} - indexes[].cstn -
+   * @property {String} - indexes[].cn -
+   * @property {String} - indexes[].op -
+   * @property {String} - indexes[].puc -
+   * @property {String} - indexes[].cst -
+   */
+  async constraintList(args: any = {}) {
+    const _func = this.constraintList.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      await this.sqlClient.raw(`SHOW PRIMARY KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`);
+      await this.sqlClient.raw(`SHOW UNIQUE KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`);
+
+      const lastQueries = await this.sqlClient.raw(`
+        select * from table(information_schema.query_history())
+        WHERE query_text like 'SHOW%'
+        ORDER BY start_time DESC
+        LIMIT 200`
+      );
+
+      let pk_query_id, uq_query_id;
+      for (const r of lastQueries.rows) {
+        if (r.QUERY_TEXT === `SHOW PRIMARY KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`) {
+          pk_query_id = r.QUERY_ID;
+        } else if (r.QUERY_TEXT === `SHOW UNIQUE KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`) {
+          uq_query_id = r.QUERY_ID;
+        }
+        if (pk_query_id && uq_query_id) {
+          break;
+        }
+      }
+
+      const { rows } = await this.sqlClient.raw(
+        `SELECT
+            constraint_name as "cstn",
+            "PK"."column_name" as "cn",
+            constraint_type as "cst"
+        FROM information_schema.table_constraints tc
+        LEFT JOIN (select * from table(result_scan('${pk_query_id}')) UNION select * from table(result_scan('${uq_query_id}'))) pk
+        ON "PK"."constraint_name" = tc.constraint_name
+        WHERE tc.table_catalog = ? and tc.table_schema = ? and tc.table_name = ?;`,
+        [this.connectionConfig.connection.database, this.schema, args.tn]);
+
+      result.data.list = rows;
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {Object} - args.tn -
+   * @returns {Object[]} - relations
+   * @property {String} - relations[].tn
+   * @property {String} - relations[].cstn -
+   * @property {String} - relations[].tn -
+   * @property {String} - relations[].cn -
+   * @property {String} - relations[].rtn -
+   * @property {String} - relations[].rcn -
+   * @property {String} - relations[].puc -
+   * @property {String} - relations[].ur -
+   * @property {String} - relations[].dr -
+   * @property {String} - relations[].mo -
+   */
+  async relationList(args: any = {}) {
+    const _func = this.relationList.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      result.data.list = [];
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {Object} - args.tn -
+   * @returns {Object[]} - relations
+   * @property {String} - relations[].tn
+   * @property {String} - relations[].cstn -
+   * @property {String} - relations[].tn -
+   * @property {String} - relations[].cn -
+   * @property {String} - relations[].rtn -
+   * @property {String} - relations[].rcn -
+   * @property {String} - relations[].puc -
+   * @property {String} - relations[].ur -
+   * @property {String} - relations[].dr -
+   * @property {String} - relations[].mo -
+   */
+  async relationListAll(args: any = {}) {
+    const _func = this.relationList.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      result.data.list = [];
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {Object} - args.tn -
+   * @returns {Object[]} - triggers
+   * @property {String} - triggers[].trigger
+   * @property {String} - triggers[].event
+   * @property {String} - triggers[].table
+   * @property {String} - triggers[].statement
+   * @property {String} - triggers[].timing
+   * @property {String} - triggers[].created
+   * @property {String} - triggers[].sql_mode
+   * @property {String} - triggers[].definer
+   * @property {String} - triggers[].character_set_client
+   * @property {String} - triggers[].collation_connection
+   * @property {String} - triggers[].database collation
+   */
+  async triggerList(args: any = {}) {
+    const _func = this.triggerList.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      result.data.list = [];
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @returns {Object[]} - functions
+   * @property {String} - functions[].function_name
+   * @property {String} - functions[].type
+   * @property {String} - functions[].definer
+   * @property {String} - functions[].modified
+   * @property {String} - functions[].created
+   * @property {String} - functions[].security_type
+   * @property {String} - functions[].comment
+   * @property {String} - functions[].character_set_client
+   * @property {String} - functions[].collation_connection
+   * @property {String} - functions[].database collation
+   */
+  async functionList(args: any = {}) {
+    const _func = this.functionList.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      result.data.list = [];
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   * @todo Remove the function - pg doesn't support procedure
+   *
+   * @param {Object} - args - For future reasons
+   * @returns {Object[]} - procedures
+   * @property {String} - procedures[].procedure_name
+   * @property {String} - procedures[].type
+   * @property {String} - procedures[].definer
+   * @property {String} - procedures[].modified
+   * @property {String} - procedures[].created
+   * @property {String} - procedures[].security_type
+   * @property {String} - procedures[].comment
+   * @property {String} - procedures[].definer
+   * @property {String} - procedures[].character_set_client
+   * @property {String} - procedures[].collation_connection
+   * @property {String} - procedures[].database collation
+   */
+  async procedureList(args: any = {}) {
+    const _func = this.procedureList.name;
+    const result = new Result();
+    result.data.list = [];
+    log.api(`${_func}:args:`, args);
+
+    // todo: update query - https://dataedo.com/kb/query/postgresql/list-stored-procedures
+    try {
+      result.data.list = [];
+    } catch (e) {
+      // todo: enable log
+      // log.ppe(e, _func);
+      // throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @returns {Object[]} - views
+   * @property {String} - views[].sql_mode
+   * @property {String} - views[].create_function
+   * @property {String} - views[].database collation
+   * @property {String} - views[].collation_connection
+   * @property {String} - views[].character_set_client
+   */
+  async viewList(args: any = {}) {
+    const _func = this.viewList.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      const { rows } = await this.sqlClient.raw(
+        `select * from INFORMATION_SCHEMA.views WHERE table_schema = ?;`,
+          [this.schema]
+      );
+
+      for (let i = 0; i < rows.length; ++i) {
+        rows[i].view_name = rows[i].TABLE_NAME;
+      }
+
+      result.data.list = rows;
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {Object} - args.function_name -
+   * @returns {Object[]} - functions
+   * @property {String} - create_function
+   * @property {String} - function_declaration
+   */
+  async functionRead(args: any = {}) {
+    const _func = this.functionRead.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      result.data.list = [];
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   * @todo Remove the function - pg doesn't support procedure
+   *
+   * @param {Object} - args - Input arguments
+   * @param {Object} - args.procedure_name -
+   * @returns {Object[]} - functions
+   * @property {String} - sql_mode
+   * @property {String} - create_function
+   * @property {String} - database collation
+   * @property {String} - collation_connection
+   * @property {String} - character_set_client
+   */
+  async procedureRead(args: any = {}) {
+    const _func = this.procedureRead.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      result.data.list = [];
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {Object} - args.view_name -
+   * @returns {Object[]} - views
+   * @property {String} - views[].tn
+   */
+  async viewRead(args: any = {}) {
+    const _func = this.viewRead.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      args.databaseName = this.connectionConfig.connection.database;
+
+      const { rows } = await this.sqlClient.raw(
+        `select * from INFORMATION_SCHEMA.views WHERE table_name='${args.view_name}' and table_schema = ${this.schema};`
+      );
+
+      for (let i = 0; i < rows.length; ++i) {
+        rows[i].view_name = rows[i].TABLE_NAME;
+        // rows[i].view_definition = rows[i].view_definition;
+      }
+
+      result.data.list = rows;
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  async triggerRead(args: any = {}) {
+    const _func = this.triggerRead.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      result.data.list = [];
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  async schemaCreate(args: any = {}) {
+    const _func = this.schemaCreate.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    try {
+      await this.sqlClient.raw(`create schema ${args.database_name}`);
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  async schemaDelete(args: any = {}) {
+    const _func = this.schemaDelete.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    try {
+      await this.sqlClient.raw(`drop schema ${args.database_name}`);
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  async triggerDelete(args: any = {}) {
+    const _func = this.triggerDelete.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      throw new Error('Function not supported for Snowflake yet');
+      const upQuery = this.genQuery(`DROP TRIGGER IF EXISTS ?? ON ??`, [
+        args.trigger_name,
+        args.tn,
+      ]);
+      await this.sqlClient.raw(upQuery);
+      result.data.object = {
+        upStatement: [{ sql: this.querySeparator() + upQuery }],
+        downStatement: [
+          {
+            sql:
+              this.querySeparator() +
+              this.genQuery(
+                `CREATE TRIGGER ?? \n${args.timing} ${args.event}\nON ?? FOR EACH ROW\n${args.statement}`,
+                [args.trigger_name, args.tn]
+              ),
+          },
+        ],
+      };
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {String} - args.function_name
+   * @param {String} - args.function_declaration
+   * @param {String} - args.create_function
+   * @returns {Object[]} - result rows
+   */
+  async functionDelete(args: any = {}) {
+    const _func = this.functionDelete.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    const upQuery =
+      this.querySeparator() +
+      `DROP FUNCTION IF EXISTS ${args.function_declaration}`;
+    const downQuery = this.querySeparator() + args.create_function;
+    try {
+      throw new Error('Function not supported for Snowflake yet');
+      await this.sqlClient.raw(upQuery);
+      result.data.object = {
+        upStatement: [{ sql: upQuery }],
+        downStatement: [{ sql: downQuery }],
+      };
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  // @todo Remove the function - pg doesn't support procedure
+  async procedureDelete(args: any = {}) {
+    const _func = this.procedureDelete.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      throw new Error('Function not supported for Snowflake yet');
+      await this.sqlClient.raw(
+        `DROP PROCEDURE IF EXISTS ${args.procedure_name}`
+      );
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+    log.api(`${_func}: result`, result);
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} args
+   * @param {String} func : function name
+   * @returns {Result}
+   * @returns {Object} - Result.data
+   * @returns {String} - Result.data.value - sql query
+   */
+  async _getQuery(args) {
+    try {
+      if (_.isEmpty(this._version)) {
+        const result = await this.version();
+        this._version = result.data.object;
+        log.debug(
+          `Version was empty for ${args.func}: population version for database as`,
+          this._version
+        );
+      }
+
+      // log.debug(this._version, args);
+
+      if (this._version.key in this.queries[args.func]) {
+        return this.queries[args.func][this._version.key].sql;
+      }
+      return this.queries[args.func].default.sql;
+    } catch (error) {
+      log.ppe(error, this._getQuery.name);
+      throw error;
+    }
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {String} - args.function_name
+   * @param {String} - args.create_function
+   * @returns {Object[]} - result rows
+   */
+  async functionCreate(args: any = {}) {
+    const func = this.functionCreate.name;
+    const result = new Result();
+
+    log.api(`${func}:args:`, args);
+
+    try {
+      throw new Error('Function not supported for Snowflake yet');
+      const upQuery = this.querySeparator() + args.create_function;
+
+      await this.sqlClient.raw(upQuery);
+
+      const functionCreated = await this.functionRead({
+        function_name: args.function_name,
+      });
+
+      const downQuery =
+        this.querySeparator() +
+        `DROP FUNCTION IF EXISTS ${functionCreated.data.list[0].function_declaration}`;
+
+      result.data.object = {
+        upStatement: [{ sql: upQuery }],
+        downStatement: [{ sql: downQuery }],
+      };
+    } catch (e) {
+      log.ppe(e, func);
+      throw e;
+    }
+
+    log.api(`${func}: result`, result);
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {String} - args.tn
+   * @param {String} - args.function_name
+   * @param {String} - args.event
+   * @param {String} - args.timing
+   * @returns {Object[]} - result rows
+   */
+  async functionUpdate(args: any = {}) {
+    const func = this.functionUpdate.name;
+    const result = new Result();
+    log.api(`${func}:args:`, args);
+    try {
+      throw new Error('Function not supported for Snowflake yet');
+      const upQuery = this.querySeparator() + args.create_function;
+      let downQuery = this.querySeparator() + args.oldCreateFunction;
+
+      await this.sqlClient.raw(
+        `DROP FUNCTION IF EXISTS ${args.function_declaration};`
+      );
+      await this.sqlClient.raw(upQuery);
+
+      const functionCreated = await this.functionRead({
+        function_name: args.function_name,
+      });
+
+      downQuery =
+        `DROP FUNCTION IF EXISTS ${functionCreated.data.list[0].function_declaration};` +
+        downQuery;
+
+      result.data.object = {
+        upStatement: [{ sql: upQuery }],
+        downStatement: [{ sql: downQuery }],
+      };
+    } catch (e) {
+      log.ppe(e, func);
+      throw e;
+    }
+
+    log.api(`${func}: result`, result);
+    return result;
+  }
+
+  /**
+   * @todo Remove the function - pg doesn't support procedure
+   *
+   * @param {Object} - args - Input arguments
+   * @param {String} - args.tn
+   * @param {String} - args.procedure_name
+   * @param {String} - args.event
+   * @param {String} - args.timing
+   * @returns {Object[]} - result rows
+   *
+   */
+  async procedureCreate(args: any = {}) {
+    const func = this.procedureCreate.name;
+    const result = new Result();
+    log.api(`${func}:args:`, args);
+    try {
+      throw new Error('Function not supported for Snowflake yet');
+      const upQuery =
+        this.querySeparator() +
+        `CREATE TRIGGER \`${args.procedure_name}\` \n${args.timing} ${args.event}\nON "${args.tn}" FOR EACH ROW\n${args.statement}`;
+      await this.sqlClient.raw(upQuery);
+      const downQuery =
+        this.querySeparator() +
+        `DROP PROCEDURE IF EXISTS ${args.procedure_name}`;
+      result.data.object = {
+        upStatement: [{ sql: upQuery }],
+        downStatement: [{ sql: downQuery }],
+      };
+    } catch (e) {
+      log.ppe(e, func);
+      throw e;
+    }
+
+    log.api(`${func}: result`, result);
+    return result;
+  }
+
+  /**
+   * @todo Remove the function - pg doesn't support procedure
+   *
+   * @param {Object} - args - Input arguments
+   * @param {String} - args.tn
+   * @param {String} - args.procedure_name
+   * @param {String} - args.event
+   * @param {String} - args.timing
+   * @returns {Object[]} - result rows
+   */
+  async procedureUpdate(args: any = {}) {
+    const func = this.procedureUpdate.name;
+    const result = new Result();
+    log.api(`${func}:args:`, args);
+    try {
+      throw new Error('Function not supported for Snowflake yet');
+      const query =
+        this.querySeparator() + `DROP TRIGGER ${args.procedure_name}`;
+      const upQuery =
+        this.querySeparator() +
+        `CREATE TRIGGER \`${args.procedure_name}\` \n${args.timing} ${args.event}\nON "${args.tn}" FOR EACH ROW\n${args.statement}`;
+
+      await this.sqlClient.raw(query);
+      await this.sqlClient.raw(upQuery);
+
+      result.data.object = {
+        upStatement: [{ sql: upQuery }],
+        downStatement: [{ sql: ';' }],
+      };
+    } catch (e) {
+      log.ppe(e, func);
+      throw e;
+    }
+
+    log.api(`${func}: result`, result);
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {String} - args.tn
+   * @param {String} - args.trigger_name
+   * @param {String} - args.event
+   * @param {String} - args.timing
+   * @returns {Object[]} - result rows
+   */
+  async triggerCreate(args: any = {}) {
+    const func = this.triggerCreate.name;
+    const result = new Result();
+    log.api(`${func}:args:`, args);
+    try {
+      throw new Error('Function not supported for Snowflake yet');
+      const upQuery =
+        this.querySeparator() +
+        `CREATE TRIGGER ${args.trigger_name} \n${args.timing} ${args.event}\nON "${args.tn}" FOR EACH ROW\n${args.statement}`;
+      await this.sqlClient.raw(upQuery);
+      result.data.object = {
+        upStatement: [{ sql: upQuery }],
+        downStatement: [
+          { sql: this.querySeparator() + `DROP TRIGGER ${args.trigger_name}` },
+        ],
+      };
+    } catch (e) {
+      log.ppe(e, func);
+      throw e;
+    }
+
+    log.api(`${func}: result`, result);
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {String} - args.tn
+   * @param {String} - args.trigger_name
+   * @param {String} - args.event
+   * @param {String} - args.timing
+   * @param {String} - args.oldStatement
+   * @returns {Object[]} - result rows
+   */
+  async triggerUpdate(args: any = {}) {
+    const func = this.triggerUpdate.name;
+    const result = new Result();
+    log.api(`${func}:args:`, args);
+    try {
+      throw new Error('Function not supported for Snowflake yet');
+      await this.sqlClient.raw(
+        `DROP TRIGGER ${args.trigger_name} ON ${args.tn}`
+      );
+      await this.sqlClient.raw(
+        `CREATE TRIGGER ${args.trigger_name} \n${args.timing} ${args.event}\nON "${args.tn}" FOR EACH ROW\n${args.statement}`
+      );
+
+      result.data.object = {
+        upStatement:
+          this.querySeparator() +
+          `DROP TRIGGER ${args.trigger_name} ON ${
+            args.tn
+          };${this.querySeparator()}CREATE TRIGGER ${args.trigger_name} \n${
+            args.timing
+          } ${args.event}\nON "${args.tn}" FOR EACH ROW\n${args.statement}`,
+        downStatement:
+          this.querySeparator() +
+          `CREATE TRIGGER ${args.trigger_name} \n${args.timing} ${args.event}\nON "${args.tn}" FOR EACH ROW\n${args.oldStatement}`,
+      };
+    } catch (e) {
+      log.ppe(e, func);
+      throw e;
+    }
+
+    log.api(`${func}: result`, result);
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {String} - args.view_name
+   * @param {String} - args.view_definition
+   * @returns {Object} - up and down statements
+   */
+  async viewCreate(args: any = {}) {
+    const func = this.viewCreate.name;
+    const result = new Result();
+    log.api(`${func}:args:`, args);
+    try {
+      const query = args.view_definition;
+
+      await this.sqlClient.raw(query);
+      result.data.object = {
+        upStatement: [{ sql: this.querySeparator() + query }],
+        downStatement: [
+          { sql: this.querySeparator() + `DROP VIEW "${args.view_name}"` },
+        ],
+      };
+    } catch (e) {
+      log.ppe(e, func);
+      throw e;
+    }
+
+    log.api(`${func}: result`, result);
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {String} - args.view_name
+   * @param {String} - args.view_definition
+   * @param {String} - args.oldViewDefination
+   * @returns {Object} - up and down statements
+   */
+  async viewUpdate(args: any = {}) {
+    const func = this.viewUpdate.name;
+    const result = new Result();
+    log.api(`${func}:args:`, args);
+    try {
+      const query = `CREATE OR REPLACE VIEW "${args.view_name}" AS \n${args.view_definition}`;
+
+      await this.sqlClient.raw(query);
+      result.data.object = {
+        upStatement: this.querySeparator() + query,
+        downStatement:
+          this.querySeparator() +
+          `CREATE VIEW "${args.view_name}" AS \n${args.oldViewDefination}`,
+      };
+    } catch (e) {
+      log.ppe(e, func);
+      throw e;
+    }
+
+    log.api(`${func}: result`, result);
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args - Input arguments
+   * @param {String} - args.view_name
+   * @param {String} - args.view_definition
+   * @param {String} - args.oldViewDefination
+   * @returns {Object} - up and down statements
+   */
+  async viewDelete(args: any = {}) {
+    const func = this.viewDelete.name;
+    const result = new Result();
+    log.api(`${func}:args:`, args);
+    // `DROP TRIGGER ${args.view_name}`
+    try {
+      const query = `DROP VIEW ${args.view_name}`;
+
+      await this.sqlClient.raw(query);
+
+      result.data.object = {
+        upStatement: [{ sql: this.querySeparator() + query }],
+        downStatement: [
+          {
+            sql:
+              this.querySeparator() +
+              `CREATE VIEW "${args.view_name}" AS \n${args.oldViewDefination}`,
+          },
+        ],
+      };
+    } catch (e) {
+      log.ppe(e, func);
+      throw e;
+    }
+
+    log.api(`${func}: result`, result);
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args
+   * @param {String} - args.tn
+   * @param {Object[]} - args.columns
+   * @param {String} - args.columns[].tn
+   * @param {String} - args.columns[].cn
+   * @param {String} - args.columns[].dt
+   * @param {String} - args.columns[].np
+   * @param {String} - args.columns[].ns -
+   * @param {String} - args.columns[].clen -
+   * @param {String} - args.columns[].dp -
+   * @param {String} - args.columns[].cop -
+   * @param {String} - args.columns[].pk -
+   * @param {String} - args.columns[].nrqd -
+   * @param {String} - args.columns[].not_nullable -
+   * @param {String} - args.columns[].ct -
+   * @param {String} - args.columns[].un -
+   * @param {String} - args.columns[].ai -
+   * @param {String} - args.columns[].unique -
+   * @param {String} - args.columns[].cdf -
+   * @param {String} - args.columns[].cc -
+   * @param {String} - args.columns[].csn -
+   * @param {String} - args.columns[].dtx
+   *                     - value will be 'specificType' for all cols except ai
+   *                     - for ai it will be integer, bigInteger
+   *                     - tiny, small and medium Int auto increement is not supported
+   * @param {String} - args.columns[].dtxp - to use in UI
+   * @param {String} - args.columns[].dtxs - to use in UI
+   * @returns {Promise<{upStatement, downStatement}>}
+   */
+  async tableCreate(args) {
+    const _func = this.tableCreate.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    try {
+      args.table = args.tn;
+      args.sqlClient = this.sqlClient;
+
+      /**************** create table ****************/
+      const upQuery = this.querySeparator() + this.createTable(args.tn, args);
+      await this.sqlClient.raw(upQuery);
+
+      const downStatement =
+        this.querySeparator() +
+        this.sqlClient.schema.dropTable(args.table).toString();
+
+      this.emit(`Success : ${upQuery}`);
+
+      const triggerStatements = await this.afterTableCreate(args);
+
+      /**************** return files *************** */
+      result.data.object = {
+        upStatement: [{ sql: upQuery }, ...triggerStatements.upStatement],
+        downStatement: [
+          ...triggerStatements.downStatement,
+          { sql: downStatement },
+        ],
+      };
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    return result;
+  }
+
+  async afterTableCreate(args) {
+    const result = { upStatement: [], downStatement: [] };
+    let upQuery = '';
+    let downQuery = '';
+
+    // TODO handle
+    for (let i = 0; i < 0; i++) {
+      const column = args.columns[i];
+      if (column.au) {
+        const triggerFnName = `xc_au_${args.tn}_${column.cn}`;
+        const triggerName = `xc_trigger_${args.tn}_${column.cn}`;
+
+        const triggerFnQuery = this.genQuery(
+          `CREATE OR REPLACE FUNCTION ??()
+                          RETURNS TRIGGER AS $$
+                          BEGIN
+                            NEW.?? = NOW();
+                            RETURN NEW;
+                          END;
+                          $$ LANGUAGE plpgsql;`,
+          [triggerFnName, column.cn]
+        );
+
+        upQuery +=
+          this.querySeparator() +
+          triggerFnQuery +
+          this.querySeparator() +
+          this.genQuery(
+            `CREATE TRIGGER ??
+            BEFORE UPDATE ON ??
+            FOR EACH ROW
+            EXECUTE PROCEDURE ??();`,
+            [triggerName, args.tn, triggerFnName]
+          );
+
+        downQuery +=
+          this.querySeparator() +
+          this.genQuery(`DROP TRIGGER IF EXISTS ?? ON ??;`, [
+            triggerName,
+            args.tn,
+          ]) +
+          this.querySeparator() +
+          this.genQuery(`DROP FUNCTION IF EXISTS ??()`, [triggerFnName]);
+      }
+    }
+    await this.sqlClient.raw(upQuery);
+    result.upStatement[0] = { sql: upQuery };
+    result.downStatement[0] = { sql: downQuery };
+
+    return result;
+  }
+
+  async afterTableUpdate(args) {
+    const result = { upStatement: [], downStatement: [] };
+    let upQuery = '';
+    let downQuery = '';
+
+    // TODO handle
+    for (let i = 0; i < 0; i++) {
+      const column = args.columns[i];
+      if (column.au && column.altered === 1) {
+        const triggerFnName = `xc_au_${args.tn}_${column.cn}`;
+        const triggerName = `xc_trigger_${args.tn}_${column.cn}`;
+
+        const triggerFnQuery = this.genQuery(
+          `CREATE OR REPLACE FUNCTION ??()
+                          RETURNS TRIGGER AS $$
+                          BEGIN
+                            NEW.?? = NOW();
+                            RETURN NEW;
+                          END;
+                          $$ LANGUAGE plpgsql;`,
+          [triggerFnName, column.cn]
+        );
+
+        upQuery +=
+          this.querySeparator() +
+          triggerFnQuery +
+          this.querySeparator() +
+          this.genQuery(
+            `CREATE TRIGGER ??
+            BEFORE UPDATE ON ??
+            FOR EACH ROW
+            EXECUTE PROCEDURE ??();`,
+            [triggerName, args.tn, triggerFnName]
+          );
+
+        downQuery +=
+          this.querySeparator() +
+          this.genQuery(`DROP TRIGGER IF EXISTS ?? ON ??;`, [
+            triggerName,
+            args.tn,
+          ]) +
+          this.querySeparator() +
+          this.genQuery(`DROP FUNCTION IF EXISTS ??()`, [triggerFnName]);
+      }
+    }
+    await this.sqlClient.raw(upQuery);
+    result.upStatement[0] = { sql: upQuery };
+    result.downStatement[0] = { sql: downQuery };
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args
+   * @param {String} - args.table
+   * @param {String} - args.table
+   * @param {Object[]} - args.columns
+   * @param {String} - args.columns[].tn
+   * @param {String} - args.columns[].cn
+   * @param {String} - args.columns[].dt
+   * @param {String} - args.columns[].np
+   * @param {String} - args.columns[].ns -
+   * @param {String} - args.columns[].clen -
+   * @param {String} - args.columns[].dp -
+   * @param {String} - args.columns[].cop -
+   * @param {String} - args.columns[].pk -
+   * @param {String} - args.columns[].nrqd -
+   * @param {String} - args.columns[].not_nullable -
+   * @param {String} - args.columns[].ct -
+   * @param {String} - args.columns[].un -
+   * @param {String} - args.columns[].ai -
+   * @param {String} - args.columns[].unique -
+   * @param {String} - args.columns[].cdf -
+   * @param {String} - args.columns[].cc -
+   * @param {String} - args.columns[].csn -
+   * @param {Number} - args.columns[].altered - 1,2,4 = addition,edited,deleted
+   * @returns {Promise<{upStatement, downStatement}>}
+   */
+  async tableUpdate(args) {
+    const _func = this.tableUpdate.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    try {
+      args.table = args.tn;
+      const originalColumns = args.originalColumns;
+      args.connectionConfig = this._connectionConfig;
+      args.sqlClient = this.sqlClient;
+
+      let upQuery = '';
+      let downQuery = '';
+
+      for (let i = 0; i < args.columns.length; ++i) {
+        const oldColumn = lodash.find(originalColumns, {
+          cn: args.columns[i].cno,
+        });
+
+        if (args.columns[i].altered & 4) {
+          // col remove
+          upQuery += this.alterTableRemoveColumn(
+            args.table,
+            args.columns[i],
+            oldColumn,
+            upQuery
+          );
+          downQuery += this.alterTableAddColumn(
+            args.table,
+            oldColumn,
+            args.columns[i],
+            downQuery
+          );
+        } else if (args.columns[i].altered & 2 || args.columns[i].altered & 8) {
+          // col edit
+          upQuery += this.alterTableChangeColumn(
+            args.table,
+            args.columns[i],
+            oldColumn,
+            upQuery
+          );
+          downQuery += this.alterTableChangeColumn(
+            args.table,
+            oldColumn,
+            args.columns[i],
+            downQuery
+          );
+        } else if (args.columns[i].altered & 1) {
+          // col addition
+          upQuery += this.alterTableAddColumn(
+            args.table,
+            args.columns[i],
+            oldColumn,
+            upQuery
+          );
+          downQuery += this.alterTableRemoveColumn(
+            args.table,
+            args.columns[i],
+            oldColumn,
+            downQuery
+          );
+        }
+      }
+
+      upQuery +=
+        (upQuery ? ';' : '') +
+        this.alterTablePK(
+          args.table,
+          args.columns,
+          args.originalColumns,
+          upQuery
+        );
+      downQuery +=
+        (downQuery ? ';' : '') +
+        this.alterTablePK(
+          args.table,
+          args.originalColumns,
+          args.columns,
+          downQuery
+        );
+
+      if (upQuery) {
+        //upQuery = `ALTER TABLE "${args.columns[0].tn}" ${upQuery};`;
+        //downQuery = `ALTER TABLE "${args.columns[0].tn}" ${downQuery};`;
+      }
+
+      await this.sqlClient.raw(upQuery);
+
+      // console.log(upQuery);
+
+      const afterUpdate = await this.afterTableUpdate(args);
+
+      result.data.object = {
+        upStatement: [
+          { sql: this.querySeparator() + upQuery },
+          ...afterUpdate.upStatement,
+        ],
+        downStatement: [
+          ...afterUpdate.downStatement,
+          { sql: this.querySeparator() + downQuery },
+        ],
+      };
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args
+   * @param args.tn
+   * @returns {Promise<{upStatement, downStatement}>}
+   */
+  async tableDelete(args) {
+    const _func = this.tableDelete.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      // const { columns } = args;
+      args.sqlClient = this.sqlClient;
+
+      /** ************** create up & down statements *************** */
+      const upStatement =
+        this.querySeparator() +
+        this.sqlClient.schema.dropTable(args.tn).toString();
+      let downQuery = this.createTable(args.tn, args);
+
+      /**
+
+       columnList
+       relationList
+       indexesList
+       createAggregatedIndexes
+       filterOutPkAndFk
+
+       downQuery
+       create table    - via columnList - we are doing this
+       + create fks      - via relationList
+       + create indexes  - slightly tricky
+
+       */
+
+      let relationsList: any = await this.relationList(args);
+
+      relationsList = relationsList.data.list;
+
+      for (const relation of relationsList) {
+        downQuery +=
+          this.querySeparator() +
+          (await this.sqlClient.schema
+            .table(relation.tn, function (table) {
+              table = table
+                .foreign(relation.cn, null)
+                .references(relation.rcn)
+                .on(relation.rtn);
+
+              if (relation.ur) {
+                table = table.onUpdate(relation.ur);
+              }
+              if (relation.dr) {
+                table = table.onDelete(relation.dr);
+              }
+            })
+            .toQuery());
+      }
+
+      let indexList: any = await this.indexList(args);
+
+      indexList = indexList.data.list.filter(
+        ({ cst }) => cst !== 'p' && cst !== 'f'
+      );
+
+      const indexesMap: { [key: string]: any } = {};
+
+      for (const { key_name, non_unique, cn } of indexList) {
+        if (!(key_name in indexesMap)) {
+          indexesMap[key_name] = {
+            tn: args.tn,
+            indexName: key_name,
+            non_unique,
+            columns: [],
+          };
+        }
+        indexesMap[key_name].columns.push(cn);
+      }
+
+      for (const { non_unique, tn, columns, indexName } of Object.values(
+        indexesMap
+      )) {
+        downQuery +=
+          this.querySeparator() +
+          this.sqlClient.schema
+            .table(tn, function (table) {
+              if (non_unique) {
+                table.index(columns, indexName);
+              } else {
+                table.unique(columns, indexName);
+              }
+            })
+            .toQuery();
+      }
+
+      this.emit(`Success : ${upStatement}`);
+
+      /** ************** drop tn *************** */
+      await this.sqlClient.schema.dropTable(args.tn);
+
+      /** ************** return files *************** */
+      result.data.object = {
+        upStatement: [{ sql: upStatement }],
+        downStatement: [{ sql: this.querySeparator() + downQuery }],
+      };
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    return result;
+  }
+
+  /**
+   *
+   * @param args
+   * @param args.tn
+   * @returns {Object} Result
+   * @returns {String} result.data
+   */
+  async tableCreateStatement(args) {
+    const _func = this.tableCreateStatement.name;
+    let result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      result = await this.columnList(args);
+      const upQuery = this.createTable(args.tn, {
+        tn: args.tn,
+        columns: result.data.list,
+      });
+      result.data = upQuery;
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    return result;
+  }
+
+  /**
+   *
+   * @param args
+   * @param args.tn
+   * @returns {Object} Result
+   * @returns {String} result.data
+   */
+  async tableInsertStatement(args) {
+    const _func = this.tableCreateStatement.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      result.data = `INSERT INTO \`${args.tn}\` (`;
+      let values = ' VALUES (';
+      const response = await this.columnList(args);
+      if (response.data && response.data.list) {
+        for (let i = 0; i < response.data.list.length; ++i) {
+          if (!i) {
+            result.data += `\n"${response.data.list[i].cn}"\n\t`;
+            values += `\n<${response.data.list[i].cn}>\n\t`;
+          } else {
+            result.data += `, \`"${response.data.list[i].cn}"\`\n\t`;
+            values += `, <${response.data.list[i].cn}>\n\t`;
+          }
+        }
+      }
+
+      result.data += `)`;
+      values += `);`;
+      result.data += values;
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    return result;
+  }
+
+  /**
+   *
+   * @param args
+   * @param args.tn
+   * @returns {Object} Result
+   * @returns {String} result.data
+   */
+  async tableUpdateStatement(args) {
+    const _func = this.tableUpdateStatement.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    try {
+      result.data = `UPDATE "${args.tn}" \nSET\n`;
+      const response = await this.columnList(args);
+      if (response.data && response.data.list) {
+        for (let i = 0; i < response.data.list.length; ++i) {
+          if (!i) {
+            result.data += `"${response.data.list[i].cn}" = <\`${response.data.list[i].cn}\`>\n\t`;
+          } else {
+            result.data += `,"${response.data.list[i].cn}" = <\`${response.data.list[i].cn}\`>\n\t`;
+          }
+        }
+      }
+
+      result.data += ';';
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    return result;
+  }
+
+  /**
+   *
+   * @param args
+   * @param args.tn
+   * @returns {Object} Result
+   * @returns {String} result.data
+   */
+  async tableDeleteStatement(args) {
+    const _func = this.tableDeleteStatement.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      result.data = `DELETE FROM "${args.tn}" where ;`;
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    return result;
+  }
+
+  /**
+   *
+   * @param args
+   * @param args.tn
+   * @returns {Object} Result
+   * @returns {String} result.data
+   */
+  async tableTruncateStatement(args) {
+    const _func = this.tableTruncateStatement.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+    try {
+      result.data = `TRUNCATE TABLE "${args.tn}";`;
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    return result;
+  }
+
+  /**
+   *
+   * @param args
+   * @param args.tn
+   * @returns {Object} Result
+   * @returns {String} result.data
+   */
+  async tableSelectStatement(args) {
+    const _func = this.tableSelectStatement.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    try {
+      result.data = `SELECT `;
+      const response = await this.columnList(args);
+      if (response.data && response.data.list) {
+        for (let i = 0; i < response.data.list.length; ++i) {
+          if (!i) {
+            result.data += `"${response.data.list[i].cn}"\n\t`;
+          } else {
+            result.data += `, "${response.data.list[i].cn}"\n\t`;
+          }
+        }
+      }
+
+      result.data += ` FROM "${args.tn}";`;
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    return result;
+  }
+
+  alterTablePK(t, n, o, _existingQuery, createTable = false) {
+    const numOfPksInOriginal = [];
+    const numOfPksInNew = [];
+    let pksChanged = 0;
+
+    for (let i = 0; i < n.length; ++i) {
+      if (n[i].pk) {
+        if (n[i].altered !== 4) numOfPksInNew.push(n[i].cn);
+      }
+    }
+
+    for (let i = 0; i < o.length; ++i) {
+      if (o[i].pk) {
+        numOfPksInOriginal.push(o[i].cn);
+      }
+    }
+
+    if (numOfPksInNew.length === numOfPksInOriginal.length) {
+      for (let i = 0; i < numOfPksInNew.length; ++i) {
+        if (numOfPksInOriginal[i] !== numOfPksInNew[i]) {
+          pksChanged = 1;
+          break;
+        }
+      }
+    } else {
+      pksChanged = numOfPksInNew.length - numOfPksInOriginal.length;
+    }
+
+    let query = '';
+    if (!numOfPksInNew.length && !numOfPksInOriginal.length) {
+      // do nothing
+    } else if (pksChanged) {
+      query += numOfPksInOriginal.length
+        ? this.genQuery(`alter TABLE ?? drop constraint IF EXISTS ??;`, [
+            t,
+            `${t}_pkey`,
+          ])
+        : '';
+      if (numOfPksInNew.length) {
+        if (createTable) {
+          query += this.genQuery(`, PRIMARY KEY(??)`, [numOfPksInNew]);
+        } else {
+          query += this.genQuery(
+            `alter TABLE ?? add constraint ?? PRIMARY KEY(??);`,
+            [t, `${t}_pkey`, numOfPksInNew]
+          );
+        }
+      }
+    }
+
+    return query;
+  }
+
+  alterTableRemoveColumn(t, n, _o, existingQuery) {
+    const shouldSanitize = true;
+    let query = existingQuery ? ',' : '';
+    query += this.genQuery(
+      `ALTER TABLE ?? DROP COLUMN ??`,
+      [t, n.cn],
+      shouldSanitize
+    );
+    return query;
+  }
+
+  createTableColumn(t, n, o, existingQuery) {
+    return this.alterTableColumn(t, n, o, existingQuery, 0);
+  }
+
+  alterTableAddColumn(t, n, o, existingQuery) {
+    return this.alterTableColumn(t, n, o, existingQuery, 1);
+  }
+
+  alterTableChangeColumn(t, n, o, existingQuery) {
+    return this.alterTableColumn(t, n, o, existingQuery, 2);
+  }
+
+  createTable(table, args) {
+    let query = '';
+
+    for (let i = 0; i < args.columns.length; ++i) {
+      query += this.createTableColumn(table, args.columns[i], null, query);
+    }
+
+    query += this.alterTablePK(table, args.columns, [], query, true);
+
+    query = this.genQuery(`CREATE TABLE ?? (${query});`, [args.tn]);
+
+    return query;
+  }
+
+  alterTableColumn(t, n, o, existingQuery, change = 2) {
+    let query = '';
+
+    const defaultValue = getDefaultValue(n);
+    const shouldSanitize = true;
+
+    if (change === 0) {
+      query = existingQuery ? ',' : '';
+      if (n.ai) {
+        if (n.dt === 'int8' || n.dt.indexOf('bigint') > -1) {
+          query += this.genQuery(` ?? bigserial`, [n.cn], shouldSanitize);
+        } else if (n.dt === 'int2' || n.dt.indexOf('smallint') > -1) {
+          query += this.genQuery(` ?? smallserial`, [n.cn], shouldSanitize);
+        } else {
+          query += this.genQuery(` ?? serial`, [n.cn], shouldSanitize);
+        }
+      } else {
+        query += this.genQuery(` ?? ${n.dt}`, [n.cn], shouldSanitize);
+        query += n.rqd ? ' NOT NULL' : ' NULL';
+        query += defaultValue ? ` DEFAULT ${defaultValue}` : '';
+      }
+    } else if (change === 1) {
+      query += this.genQuery(` ADD ?? ${n.dt}`, [n.cn], shouldSanitize);
+      query += n.rqd ? ' NOT NULL' : ' NULL';
+      query += defaultValue ? ` DEFAULT ${defaultValue}` : '';
+      query = this.genQuery(`ALTER TABLE ?? ${query};`, [t], shouldSanitize);
+    } else {
+      if (n.cn !== o.cn) {
+        query += this.genQuery(
+          `\nALTER TABLE ?? RENAME COLUMN ?? TO ?? ;\n`,
+          [t, o.cn, n.cn],
+          shouldSanitize
+        );
+      }
+
+      if (n.dt !== o.dt) {
+        query += this.genQuery(
+          `\nALTER TABLE ?? ALTER COLUMN ?? TYPE ${n.dt} USING ??::${n.dt};\n`,
+          [t, n.cn, n.cn],
+          shouldSanitize
+        );
+      }
+
+      if (n.rqd !== o.rqd) {
+        query += this.genQuery(
+          `\nALTER TABLE ?? ALTER COLUMN ?? `,
+          [t, n.cn],
+          shouldSanitize
+        );
+        query += n.rqd ? ` SET NOT NULL;\n` : ` DROP NOT NULL;\n`;
+      }
+
+      if (n.cdf !== o.cdf) {
+        query += this.genQuery(
+          `\nALTER TABLE ?? ALTER COLUMN ?? `,
+          [t, n.cn],
+          shouldSanitize
+        );
+        query += n.cdf ? ` SET DEFAULT ${n.cdf};\n` : ` DROP DEFAULT;\n`;
+      }
+    }
+    return query;
+  }
+
+  get schema() {
+    return (
+      (this.connectionConfig &&
+        this.connectionConfig.connection.schema)
+    );
+  }
+
+  /**
+   *
+   * @param {Object} args
+   * @returns {Object} result
+   * @returns {Number} code
+   * @returns {String} message
+   */
+  async totalRecords(args: any = {}) {
+    const func = this.totalRecords.name;
+    const result = new Result();
+    log.api(`${func}:args:`, args);
+
+    try {
+      const data = await this.sqlClient.raw(
+        `SELECT SUM(record_count) as "TotalRecords" FROM 
+        (SELECT t.table_schema || '.' ||  t.table_name as "table_name",t.row_count as record_count
+          FROM information_schema.tables t
+          WHERE t.table_type = 'BASE TABLE and table_schema = ?'
+        )`,
+        [this.schema]
+      );
+      result.data = data.rows[0];
+    } catch (e) {
+      result.code = -1;
+      result.message = e.message;
+      result.object = e;
+    } finally {
+      log.api(`${func} :result: ${result}`);
+    }
+    return result;
+  }
+}
+
+function getDefaultValue(n) {
+  if (n.cdf === undefined || n.cdf === null) return n.cdf;
+  switch (n.dt) {
+    case 'serial':
+    case 'bigserial':
+    case 'smallserial':
+      return '';
+      break;
+    case 'boolean':
+    case 'bool':
+    case 'tinyint':
+    case 'int':
+    case 'samllint':
+    case 'bigint':
+    case 'integer':
+    case 'mediumint':
+    case 'int2':
+    case 'int4':
+    case 'int8':
+    case 'long':
+    case 'number':
+    case 'float':
+    case 'double':
+    case 'decimal':
+    case 'numeric':
+    case 'real':
+    case 'double precision':
+    case 'money':
+    case 'smallmoney':
+    case 'dec':
+      return n.cdf;
+      break;
+
+    case 'datetime':
+    case 'timestamp':
+    case 'date':
+    case 'time':
+      if (
+        n.cdf.indexOf('CURRENT_TIMESTAMP') > -1 ||
+        /\(([\d\w'", ]*)\)$/.test(n.cdf)
+      ) {
+        return n.cdf;
+      }
+      // return JSON.stringify(n.cdf);
+      break;
+    default:
+      // return JSON.stringify(n.cdf);
+      break;
+  }
+  return n.cdf;
+}
+
+export default SnowflakeClient;
diff --git a/packages/nocodb/src/lib/db/sql-client/lib/snowflake/snowflake.queries.ts b/packages/nocodb/src/lib/db/sql-client/lib/snowflake/snowflake.queries.ts
new file mode 100644
index 0000000000..0cf8d6a46e
--- /dev/null
+++ b/packages/nocodb/src/lib/db/sql-client/lib/snowflake/snowflake.queries.ts
@@ -0,0 +1,5 @@
+// Snowflake queries
+
+const sfQueries = {};
+
+export default sfQueries;
diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
index 25d3461b84..12265b76c0 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
@@ -320,7 +320,7 @@ class BaseModelSqlv2 {
       as: 'count',
     }).first();
     const res = (await this.dbDriver.raw(unsanitize(qb.toQuery()))) as any;
-    return (this.isPg ? res.rows[0] : res[0][0] ?? res[0]).count;
+    return ((this.isPg || this.isSnowflake) ? res.rows[0] : res[0][0] ?? res[0]).count;
   }
 
   // todo: add support for sortArrJson and filterArrJson
@@ -1696,6 +1696,10 @@ class BaseModelSqlv2 {
     return this.clientType === 'mysql2' || this.clientType === 'mysql';
   }
 
+  get isSnowflake() {
+    return this.clientType === 'snowflake';
+  }
+
   get clientType() {
     return this.dbDriver.clientType();
   }
@@ -2764,13 +2768,13 @@ class BaseModelSqlv2 {
     childTable?: Model
   ) {
     let query = qb.toQuery();
-    if (!this.isPg && !this.isMssql) {
+    if (!this.isPg && !this.isMssql && !this.isSnowflake) {
       query = unsanitize(qb.toQuery());
     } else {
       query = sanitize(query);
     }
     return this.convertAttachmentType(
-      this.isPg
+      this.isPg || this.isSnowflake
         ? (await this.dbDriver.raw(query))?.rows
         : query.slice(0, 6) === 'select' && !this.isMssql
         ? await this.dbDriver.from(
diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/CustomKnex.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/CustomKnex.ts
index b114d11526..426e0860c6 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/CustomKnex.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/CustomKnex.ts
@@ -1,4 +1,5 @@
 import { Knex, knex } from 'knex';
+import { SnowflakeClient } from 'knex-snowflake';
 
 const types = require('pg').types;
 // override parsing date column to Date()
@@ -993,6 +994,8 @@ function CustomKnex(arg: string | Knex.Config<any> | any): CustomKnex {
     arg.useNullAsDefault = true;
   }
 
+  if (arg?.client === 'snowflake') arg.client = SnowflakeClient;
+
   const kn: any = knex(arg);
 
   const knexRaw = kn.raw;
@@ -1019,7 +1022,7 @@ function CustomKnex(arg: string | Knex.Config<any> | any): CustomKnex {
       value: () => {
         return typeof arg === 'string'
           ? arg.match(/^(\w+):/) ?? [1]
-          : arg.client;
+          : (arg.client?.name === 'SnowflakeClient') ? 'snowflake' : arg.client;
       },
     },
     searchPath: {
diff --git a/packages/nocodb/src/lib/db/sql-mgr/code/models/xc/ModelXcMetaFactory.ts b/packages/nocodb/src/lib/db/sql-mgr/code/models/xc/ModelXcMetaFactory.ts
index 62c4cfd28c..996a74beed 100644
--- a/packages/nocodb/src/lib/db/sql-mgr/code/models/xc/ModelXcMetaFactory.ts
+++ b/packages/nocodb/src/lib/db/sql-mgr/code/models/xc/ModelXcMetaFactory.ts
@@ -4,6 +4,7 @@ import ModelXcMetaMysql from './ModelXcMetaMysql';
 import ModelXcMetaOracle from './ModelXcMetaOracle';
 import ModelXcMetaPg from './ModelXcMetaPg';
 import ModelXcMetaSqlite from './ModelXcMetaSqlite';
+import ModelXcMetaSnowflake from './ModelXcMetaSnowflake';
 
 class ModelXcMetaFactory {
   public static create(connectionConfig, args): BaseModelXcMeta {
@@ -20,6 +21,8 @@ class ModelXcMetaFactory {
       return new ModelXcMetaPg(args);
     } else if (connectionConfig.client === 'oracledb') {
       return new ModelXcMetaOracle(args);
+    } else if (connectionConfig.client === 'snowflake') {
+      return new ModelXcMetaSnowflake(args);
     }
 
     throw new Error('Database not supported');
diff --git a/packages/nocodb/src/lib/db/sql-mgr/code/models/xc/ModelXcMetaSnowflake.ts b/packages/nocodb/src/lib/db/sql-mgr/code/models/xc/ModelXcMetaSnowflake.ts
new file mode 100644
index 0000000000..07ef5edd72
--- /dev/null
+++ b/packages/nocodb/src/lib/db/sql-mgr/code/models/xc/ModelXcMetaSnowflake.ts
@@ -0,0 +1,975 @@
+import BaseModelXcMeta from './BaseModelXcMeta';
+
+class ModelXcMetaSnowflake extends BaseModelXcMeta {
+  /**
+   * @param dir
+   * @param filename
+   * @param ctx
+   * @param ctx.tn
+   * @param ctx.columns
+   * @param ctx.relations
+   */
+  constructor({ dir, filename, ctx }) {
+    super({ dir, filename, ctx });
+  }
+
+  /**
+   *  Prepare variables used in code template
+   */
+  prepare() {
+    const data: any = {};
+
+    /* run of simple variable */
+    data.tn = this.ctx.tn;
+    data.dbType = this.ctx.dbType;
+
+    /* for complex code provide a func and args - do derivation within the func cbk */
+    data.columns = {
+      func: this._renderXcColumns.bind(this),
+      args: {
+        tn: this.ctx.tn,
+        columns: this.ctx.columns,
+        relations: this.ctx.relations,
+      },
+    };
+
+    /* for complex code provide a func and args - do derivation within the func cbk */
+    data.hasMany = {
+      func: this._renderXcHasMany.bind(this),
+      args: {
+        tn: this.ctx.tn,
+        columns: this.ctx.columns,
+        hasMany: this.ctx.hasMany,
+      },
+    };
+
+    /* for complex code provide a func and args - do derivation within the func cbk */
+    data.belongsTo = {
+      func: this._renderXcBelongsTo.bind(this),
+      args: {
+        tn: this.ctx.tn,
+        columns: this.ctx.columns,
+        belongsTo: this.ctx.belongsTo,
+      },
+    };
+
+    return data;
+  }
+
+  _renderXcHasMany(args) {
+    return JSON.stringify(args.hasMany);
+  }
+
+  _renderXcBelongsTo(args) {
+    return JSON.stringify(args.belongsTo);
+  }
+
+  /**
+   *
+   * @param args
+   * @param args.columns
+   * @param args.relations
+   * @returns {string}
+   * @private
+   */
+  _renderXcColumns(args) {
+    let str = '[\r\n';
+
+    for (let i = 0; i < args.columns.length; ++i) {
+      str += `{\r\n`;
+      str += `cn: '${args.columns[i].cn}',\r\n`;
+      str += `type: '${this._getAbstractType(args.columns[i])}',\r\n`;
+      str += `dt: '${args.columns[i].dt}',\r\n`;
+      if (args.columns[i].rqd) str += `rqd: ${args.columns[i].rqd},\r\n`;
+
+      if (args.columns[i].cdf) {
+        str += `default: "${args.columns[i].cdf}",\r\n`;
+        str += `columnDefault: "${args.columns[i].cdf}",\r\n`;
+      }
+
+      if (args.columns[i].un) str += `un: ${args.columns[i].un},\r\n`;
+
+      if (args.columns[i].pk) str += `pk: ${args.columns[i].pk},\r\n`;
+
+      if (args.columns[i].ai) str += `ai: ${args.columns[i].ai},\r\n`;
+
+      if (args.columns[i].dtxp) str += `dtxp: "${args.columns[i].dtxp}",\r\n`;
+
+      if (args.columns[i].dtxs) str += `dtxs: ${args.columns[i].dtxs},\r\n`;
+
+      str += `validate: {
+                func: [],
+                args: [],
+                msg: []
+              },`;
+      str += `},\r\n`;
+    }
+
+    str += ']\r\n';
+
+    return str;
+  }
+
+  _getAbstractType(column) {
+    let str = '';
+    switch (column.dt) {
+      case 'int':
+        str = 'integer';
+        break;
+      case 'integer':
+        str = 'integer';
+        break;
+      case 'bigint':
+        str = 'bigInteger';
+        break;
+      case 'bigserial':
+        str = 'bigserial';
+        break;
+      case 'char':
+        str = 'string';
+        break;
+      case 'int2':
+        str = 'integer';
+        break;
+      case 'int4':
+        str = 'integer';
+        break;
+      case 'int8':
+        str = 'integer';
+        break;
+      case 'int4range':
+        str = 'int4range';
+        break;
+      case 'int8range':
+        str = 'int8range';
+        break;
+      case 'serial':
+        str = 'serial';
+        break;
+      case 'serial2':
+        str = 'serial2';
+        break;
+      case 'serial8':
+        str = 'serial8';
+        break;
+      case 'character':
+        str = 'string';
+        break;
+      case 'bit':
+        str = 'bit';
+        break;
+      case 'bool':
+        str = 'boolean';
+        break;
+      case 'boolean':
+        str = 'boolean';
+        break;
+      case 'date':
+        str = 'date';
+        break;
+      case 'double precision':
+        str = 'double';
+        break;
+      case 'event_trigger':
+        str = 'event_trigger';
+        break;
+      case 'fdw_handler':
+        str = 'fdw_handler';
+        break;
+      case 'float4':
+        str = 'float';
+        break;
+      case 'float8':
+        str = 'float';
+        break;
+      case 'uuid':
+        str = 'uuid';
+        break;
+      case 'smallint':
+        str = 'integer';
+        break;
+      case 'smallserial':
+        str = 'smallserial';
+        break;
+      case 'character varying':
+        str = 'string';
+        break;
+      case 'text':
+        str = 'text';
+        break;
+      case 'real':
+        str = 'float';
+        break;
+      case 'time':
+        str = 'time';
+        break;
+      case 'time without time zone':
+        str = 'time';
+        break;
+      case 'timestamp':
+        str = 'timestamp';
+        break;
+      case 'timestamp without time zone':
+        str = 'timestamp';
+        break;
+      case 'timestamptz':
+        str = 'timestampt';
+        break;
+      case 'timestamp with time zone':
+        str = 'timestamp';
+        break;
+      case 'timetz':
+        str = 'time';
+        break;
+      case 'time with time zone':
+        str = 'time';
+        break;
+      case 'daterange':
+        str = 'daterange';
+        break;
+      case 'json':
+        str = 'json';
+        break;
+      case 'jsonb':
+        str = 'jsonb';
+        break;
+      case 'gtsvector':
+        str = 'gtsvector';
+        break;
+      case 'index_am_handler':
+        str = 'index_am_handler';
+        break;
+      case 'anyenum':
+        str = 'enum';
+        break;
+      case 'anynonarray':
+        str = 'anynonarray';
+        break;
+      case 'anyrange':
+        str = 'anyrange';
+        break;
+      case 'box':
+        str = 'box';
+        break;
+      case 'bpchar':
+        str = 'bpchar';
+        break;
+      case 'bytea':
+        str = 'bytea';
+        break;
+      case 'cid':
+        str = 'cid';
+        break;
+      case 'cidr':
+        str = 'cidr';
+        break;
+      case 'circle':
+        str = 'circle';
+        break;
+      case 'cstring':
+        str = 'cstring';
+        break;
+      case 'inet':
+        str = 'inet';
+        break;
+      case 'internal':
+        str = 'internal';
+        break;
+      case 'interval':
+        str = 'interval';
+        break;
+      case 'language_handler':
+        str = 'language_handler';
+        break;
+      case 'line':
+        str = 'line';
+        break;
+      case 'lsec':
+        str = 'lsec';
+        break;
+      case 'macaddr':
+        str = 'macaddr';
+        break;
+      case 'money':
+        str = 'float';
+        break;
+      case 'name':
+        str = 'name';
+        break;
+      case 'numeric':
+        str = 'numeric';
+        break;
+      case 'numrange':
+        str = 'numrange';
+        break;
+      case 'oid':
+        str = 'oid';
+        break;
+      case 'opaque':
+        str = 'opaque';
+        break;
+      case 'path':
+        str = 'path';
+        break;
+      case 'pg_ddl_command':
+        str = 'pg_ddl_command';
+        break;
+      case 'pg_lsn':
+        str = 'pg_lsn';
+        break;
+      case 'pg_node_tree':
+        str = 'pg_node_tree';
+        break;
+      case 'point':
+        str = 'point';
+        break;
+      case 'polygon':
+        str = 'polygon';
+        break;
+      case 'record':
+        str = 'record';
+        break;
+      case 'refcursor':
+        str = 'refcursor';
+        break;
+      case 'regclass':
+        str = 'regclass';
+        break;
+      case 'regconfig':
+        str = 'regconfig';
+        break;
+      case 'regdictionary':
+        str = 'regdictionary';
+        break;
+      case 'regnamespace':
+        str = 'regnamespace';
+        break;
+      case 'regoper':
+        str = 'regoper';
+        break;
+      case 'regoperator':
+        str = 'regoperator';
+        break;
+      case 'regproc':
+        str = 'regproc';
+        break;
+      case 'regpreocedure':
+        str = 'regpreocedure';
+        break;
+      case 'regrole':
+        str = 'regrole';
+        break;
+      case 'regtype':
+        str = 'regtype';
+        break;
+      case 'reltime':
+        str = 'reltime';
+        break;
+      case 'smgr':
+        str = 'smgr';
+        break;
+      case 'tid':
+        str = 'tid';
+        break;
+      case 'tinterval':
+        str = 'tinterval';
+        break;
+      case 'trigger':
+        str = 'trigger';
+        break;
+      case 'tsm_handler':
+        str = 'tsm_handler';
+        break;
+      case 'tsquery':
+        str = 'tsquery';
+        break;
+      case 'tsrange':
+        str = 'tsrange';
+        break;
+      case 'tstzrange':
+        str = 'tstzrange';
+        break;
+      case 'tsvector':
+        str = 'tsvector';
+        break;
+      case 'txid_snapshot':
+        str = 'txid_snapshot';
+        break;
+      case 'unknown':
+        str = 'unknown';
+        break;
+      case 'void':
+        str = 'void';
+        break;
+      case 'xid':
+        str = 'xid';
+        break;
+      case 'xml':
+        str = 'xml';
+        break;
+      default:
+        str += `"${column.dt}"`;
+        break;
+    }
+    return str;
+  }
+
+  getUIDataType(col): any {
+    switch (this.getAbstractType(col)) {
+      case 'integer':
+        return 'Number';
+      case 'boolean':
+        return 'Checkbox';
+      case 'float':
+        return 'Decimal';
+      case 'date':
+        return 'Date';
+      case 'datetime':
+        return 'DateTime';
+      case 'time':
+        return 'Time';
+      case 'year':
+        return 'Year';
+      case 'string':
+        return 'SingleLineText';
+      case 'text':
+        return 'LongText';
+      case 'enum':
+        return 'SingleSelect';
+      case 'set':
+        return 'MultiSelect';
+      case 'json':
+        return 'JSON';
+      case 'blob':
+        return 'LongText';
+      case 'geometry':
+        return 'Geometry';
+      default:
+        return 'SpecificDBType';
+    }
+  }
+
+  getAbstractType(col): any {
+    const dt = col.dt.toLowerCase();
+    switch (dt) {
+      case 'anyenum':
+        return 'enum';
+      case 'anynonarray':
+      case 'anyrange':
+        return dt;
+
+      case 'bit':
+        return 'integer';
+      case 'bigint':
+      case 'bigserial':
+        return 'integer';
+
+      case 'bool':
+        return 'boolean';
+
+      case 'bpchar':
+      case 'bytea':
+        return dt;
+      case 'char':
+      case 'character':
+      case 'character varying':
+        return 'string';
+
+      case 'cid':
+      case 'cidr':
+      case 'cstring':
+        return dt;
+
+      case 'date':
+        return 'date';
+      case 'daterange':
+        return 'string';
+      case 'double precision':
+        return 'string';
+
+      case 'event_trigger':
+      case 'fdw_handler':
+        return dt;
+
+      case 'float4':
+      case 'float8':
+        return 'float';
+
+      case 'gtsvector':
+      case 'index_am_handler':
+      case 'inet':
+        return dt;
+
+      case 'int':
+      case 'int2':
+      case 'int4':
+      case 'int8':
+      case 'integer':
+        return 'integer';
+      case 'int4range':
+      case 'int8range':
+      case 'internal':
+      case 'interval':
+        return 'string';
+      case 'json':
+      case 'jsonb':
+        return 'json';
+
+      case 'language_handler':
+      case 'lsec':
+      case 'macaddr':
+      case 'money':
+      case 'name':
+      case 'numeric':
+      case 'numrange':
+      case 'oid':
+      case 'opaque':
+      case 'path':
+      case 'pg_ddl_command':
+      case 'pg_lsn':
+      case 'pg_node_tree':
+        return dt;
+      case 'real':
+        return 'float';
+      case 'record':
+      case 'refcursor':
+      case 'regclass':
+      case 'regconfig':
+      case 'regdictionary':
+      case 'regnamespace':
+      case 'regoper':
+      case 'regoperator':
+      case 'regproc':
+      case 'regpreocedure':
+      case 'regrole':
+      case 'regtype':
+      case 'reltime':
+        return dt;
+      case 'serial':
+      case 'serial2':
+      case 'serial8':
+      case 'smallint':
+      case 'smallserial':
+        return 'integer';
+      case 'smgr':
+        return dt;
+      case 'text':
+        return 'text';
+      case 'tid':
+        return dt;
+      case 'time':
+      case 'time without time zone':
+        return 'time';
+      case 'timestamp':
+      case 'timestamp without time zone':
+      case 'timestamptz':
+      case 'timestamp with time zone':
+        return 'datetime';
+      case 'timetz':
+      case 'time with time zone':
+        return 'time';
+
+      case 'tinterval':
+      case 'trigger':
+      case 'tsm_handler':
+      case 'tsquery':
+      case 'tsrange':
+      case 'tstzrange':
+      case 'tsvector':
+      case 'txid_snapshot':
+      case 'unknown':
+      case 'void':
+      case 'xid':
+      case 'xml':
+        return dt;
+
+      case 'tinyint':
+      case 'mediumint':
+        return 'integer';
+
+      case 'float':
+      case 'decimal':
+      case 'double':
+        return 'float';
+      case 'boolean':
+        return 'boolean';
+      case 'datetime':
+        return 'datetime';
+
+      case 'uuid':
+      case 'year':
+      case 'varchar':
+      case 'nchar':
+        return 'string';
+
+      case 'tinytext':
+      case 'mediumtext':
+      case 'longtext':
+        return 'text';
+
+      case 'binary':
+      case 'varbinary':
+        return 'text';
+
+      case 'blob':
+      case 'tinyblob':
+      case 'mediumblob':
+      case 'longblob':
+        return 'blob';
+      case 'enum':
+        return 'enum';
+      case 'set':
+        return 'set';
+
+      case 'line':
+      case 'point':
+      case 'polygon':
+      case 'circle':
+      case 'box':
+      case 'geometry':
+      case 'linestring':
+      case 'multipoint':
+      case 'multilinestring':
+      case 'multipolygon':
+        return 'geometry';
+    }
+  }
+
+  _sequelizeGetType(column) {
+    let str = '';
+    switch (column.dt) {
+      case 'int':
+        str += `DataTypes.INTEGER(${column.dtxp})`;
+        if (column.un) str += `.UNSIGNED`;
+        break;
+      case 'tinyint':
+        str += `DataTypes.INTEGER(${column.dtxp})`;
+        if (column.un) str += `.UNSIGNED`;
+
+        break;
+      case 'smallint':
+        str += `DataTypes.INTEGER(${column.dtxp})`;
+        if (column.un) str += `.UNSIGNED`;
+
+        break;
+      case 'mediumint':
+        str += `DataTypes.INTEGER(${column.dtxp})`;
+        if (column.un) str += `.UNSIGNED`;
+
+        break;
+      case 'bigint':
+        str += `DataTypes.BIGINT`;
+        if (column.un) str += `.UNSIGNED`;
+
+        break;
+      case 'float':
+        str += `DataTypes.FLOAT`;
+        break;
+      case 'decimal':
+        str += `DataTypes.DECIMAL`;
+        break;
+      case 'double':
+        str += `"DOUBLE(${column.dtxp},${column.ns})"`;
+        break;
+      case 'real':
+        str += `DataTypes.FLOAT`;
+        break;
+      case 'bit':
+        str += `DataTypes.BOOLEAN`;
+        break;
+      case 'boolean':
+        str += `DataTypes.STRING(45)`;
+        break;
+      case 'serial':
+        str += `DataTypes.BIGINT`;
+        break;
+      case 'date':
+        str += `DataTypes.DATEONLY`;
+        break;
+      case 'datetime':
+        str += `DataTypes.DATE`;
+        break;
+      case 'timestamp':
+        str += `DataTypes.DATE`;
+        break;
+      case 'time':
+        str += `DataTypes.TIME`;
+        break;
+      case 'year':
+        str += `"YEAR"`;
+        break;
+      case 'char':
+        str += `DataTypes.CHAR(${column.dtxp})`;
+        break;
+      case 'varchar':
+        str += `DataTypes.STRING(${column.dtxp})`;
+        break;
+      case 'nchar':
+        str += `DataTypes.CHAR(${column.dtxp})`;
+        break;
+      case 'text':
+        str += `DataTypes.TEXT`;
+        break;
+      case 'tinytext':
+        str += `DataTypes.TEXT`;
+        break;
+      case 'mediumtext':
+        str += `DataTypes.TEXT`;
+        break;
+      case 'longtext':
+        str += `DataTypes.TEXT`;
+        break;
+      case 'binary':
+        str += `"BINARY(${column.dtxp})"`;
+        break;
+      case 'varbinary':
+        str += `"VARBINARY(${column.dtxp})"`;
+        break;
+      case 'blob':
+        str += `"BLOB"`;
+        break;
+      case 'tinyblob':
+        str += `"TINYBLOB"`;
+        break;
+      case 'mediumblob':
+        str += `"MEDIUMBLOB"`;
+        break;
+      case 'longblob':
+        str += `"LONGBLOB"`;
+        break;
+      case 'enum':
+        str += `DataTypes.ENUM(${column.dtxp})`;
+        break;
+      case 'set':
+        str += `"SET(${column.dtxp})"`;
+        break;
+      case 'geometry':
+        str += `DataTypes.GEOMETRY`;
+        break;
+      case 'point':
+        str += `"POINT"`;
+        break;
+      case 'linestring':
+        str += `"LINESTRING"`;
+        break;
+      case 'polygon':
+        str += `"POLYGON"`;
+        break;
+      case 'multipoint':
+        str += `"MULTIPOINT"`;
+        break;
+      case 'multilinestring':
+        str += `"MULTILINESTRING"`;
+        break;
+      case 'multipolygon':
+        str += `"MULTIPOLYGON"`;
+        break;
+      case 'json':
+        str += `DataTypes.JSON`;
+        break;
+      default:
+        str += `"${column.dt}"`;
+        break;
+    }
+    return str;
+  }
+
+  _sequelizeGetDefault(column) {
+    let str = '';
+    switch (column.dt) {
+      case 'int':
+        str += `'${column.cdf}'`;
+        break;
+      case 'tinyint':
+        str += `'${column.cdf}'`;
+        break;
+      case 'smallint':
+        str += `'${column.cdf}'`;
+        break;
+      case 'mediumint':
+        str += `'${column.cdf}'`;
+        break;
+      case 'bigint':
+        str += `'${column.cdf}'`;
+        break;
+      case 'float':
+        str += `'${column.cdf}'`;
+        break;
+      case 'decimal':
+        str += `'${column.cdf}'`;
+        break;
+      case 'double':
+        str += `'${column.cdf}'`;
+        break;
+      case 'real':
+        str += `'${column.cdf}'`;
+        break;
+      case 'bit':
+        str += column.cdf ? column.cdf.split('b')[1] : column.cdf;
+        break;
+      case 'boolean':
+        str += column.cdf;
+        break;
+      case 'serial':
+        str += column.cdf;
+        break;
+      case 'date':
+        str += `sequelize.literal('${column.cdf_sequelize}')`;
+        break;
+      case 'datetime':
+        str += `sequelize.literal('${column.cdf_sequelize}')`;
+        break;
+      case 'timestamp':
+        str += `sequelize.literal('${column.cdf_sequelize}')`;
+        break;
+      case 'time':
+        str += `'${column.cdf}'`;
+        break;
+      case 'year':
+        str += `'${column.cdf}'`;
+        break;
+      case 'char':
+        str += `'${column.cdf}'`;
+        break;
+      case 'varchar':
+        str += `'${column.cdf}'`;
+        break;
+      case 'nchar':
+        str += `'${column.cdf}'`;
+        break;
+      case 'text':
+        str += column.cdf;
+        break;
+      case 'tinytext':
+        str += column.cdf;
+        break;
+      case 'mediumtext':
+        str += column.cdf;
+        break;
+      case 'longtext':
+        str += column.cdf;
+        break;
+      case 'binary':
+        str += column.cdf;
+        break;
+      case 'varbinary':
+        str += column.cdf;
+        break;
+      case 'blob':
+        str += column.cdf;
+        break;
+      case 'tinyblob':
+        str += column.cdf;
+        break;
+      case 'mediumblob':
+        str += column.cdf;
+        break;
+      case 'longblob':
+        str += column.cdf;
+        break;
+      case 'enum':
+        str += `'${column.cdf}'`;
+        break;
+      case 'set':
+        str += `'${column.cdf}'`;
+        break;
+      case 'geometry':
+        str += `'${column.cdf}'`;
+        break;
+      case 'point':
+        str += `'${column.cdf}'`;
+        break;
+      case 'linestring':
+        str += `'${column.cdf}'`;
+        break;
+      case 'polygon':
+        str += `'${column.cdf}'`;
+        break;
+      case 'multipoint':
+        str += `'${column.cdf}'`;
+        break;
+      case 'multilinestring':
+        str += `'${column.cdf}'`;
+        break;
+      case 'multipolygon':
+        str += `'${column.cdf}'`;
+        break;
+      case 'json':
+        str += column.cdf;
+        break;
+    }
+    return str;
+  }
+
+  /*  getXcColumnsObject(args) {
+    const columnsArr = [];
+
+    for (const column of args.columns) {
+      const columnObj = {
+        validate: {
+          func: [],
+          args: [],
+          msg: []
+        },
+        cn: column.cn,
+        _cn: column._cn || column.cn,
+        type: this._getAbstractType(column),
+        dt: column.dt,
+        uidt: column.uidt || this._getUIDataType(column),
+        uip: column.uip,
+        uicn: column.uicn,
+        ...column
+      };
+
+      if (column.rqd) {
+        columnObj.rqd = column.rqd;
+      }
+
+      if (column.cdf) {
+        columnObj.default = column.cdf;
+        columnObj.columnDefault = column.cdf;
+      }
+
+      if (column.un) {
+        columnObj.un = column.un;
+      }
+
+      if (column.pk) {
+        columnObj.pk = column.pk;
+      }
+
+      if (column.ai) {
+        columnObj.ai = column.ai;
+      }
+
+      if (column.dtxp) {
+        columnObj.dtxp = column.dtxp;
+      }
+
+      if (column.dtxs) {
+        columnObj.dtxs = column.dtxs;
+      }
+
+      columnsArr.push(columnObj);
+    }
+
+    this.mapDefaultPrimaryValue(columnsArr);
+    return columnsArr;
+  }*/
+
+  /*  getObject() {
+    return {
+      tn: this.ctx.tn,
+      _tn: this.ctx._tn,
+      columns: this.getXcColumnsObject(this.ctx),
+      pks: [],
+      hasMany: this.ctx.hasMany,
+      belongsTo: this.ctx.belongsTo,
+      dbType: this.ctx.dbType,
+      type: this.ctx.type,
+    }
+
+  }*/
+}
+
+export default ModelXcMetaSnowflake;

From b800f838a7e0ca0ce203fea4b35724544bfc1057 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Sun, 9 Oct 2022 20:25:44 +0300
Subject: [PATCH 044/103] feat: snowflake front-end

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 packages/nc-gui/lib/enums.ts                  |  1 +
 .../pages/index/index/create-external.vue     | 39 +++++++++++++++++++
 packages/nc-gui/utils/projectCreateUtils.ts   | 29 ++++++++++++--
 3 files changed, 66 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/lib/enums.ts b/packages/nc-gui/lib/enums.ts
index 776aadbcee..607ae6c0c8 100644
--- a/packages/nc-gui/lib/enums.ts
+++ b/packages/nc-gui/lib/enums.ts
@@ -20,6 +20,7 @@ export enum ClientType {
   PG = 'pg',
   SQLITE = 'sqlite3',
   VITESS = 'vitess',
+  SNOWFLAKE = 'snowflake',
 }
 
 export enum Language {
diff --git a/packages/nc-gui/pages/index/index/create-external.vue b/packages/nc-gui/pages/index/index/create-external.vue
index 58ae4ea4c1..af522124f0 100644
--- a/packages/nc-gui/pages/index/index/create-external.vue
+++ b/packages/nc-gui/pages/index/index/create-external.vue
@@ -79,6 +79,8 @@ const validators = computed(() => {
       ? {
           'dataSource.connection.connection.filename': [fieldRequiredValidator()],
         }
+      : formState.dataSource.client === ClientType.SNOWFLAKE
+      ? {}
       : {
           'dataSource.connection.host': [fieldRequiredValidator()],
           'dataSource.connection.port': [fieldRequiredValidator()],
@@ -385,6 +387,43 @@ onMounted(async () => {
         <a-input v-model:value="formState.dataSource.connection.connection.filename" />
       </a-form-item>
 
+      <template v-else-if="formState.dataSource.client === ClientType.SNOWFLAKE">
+        <!-- Account -->
+        <a-form-item label="Account">
+          <a-input v-model:value="formState.dataSource.connection.account" class="nc-extdb-account" />
+        </a-form-item>
+
+        <!-- Username -->
+        <a-form-item :label="$t('labels.username')" v-bind="validateInfos['dataSource.connection.user']">
+          <a-input v-model:value="formState.dataSource.connection.username" class="nc-extdb-host-user" />
+        </a-form-item>
+
+        <!-- Password -->
+        <a-form-item :label="$t('labels.password')">
+          <a-input-password v-model:value="formState.dataSource.connection.password" class="nc-extdb-host-password" />
+        </a-form-item>
+
+        <!-- Warehouse -->
+        <a-form-item label="Warehouse">
+          <a-input v-model:value="formState.dataSource.connection.warehouse" />
+        </a-form-item>
+
+        <!-- Database -->
+        <a-form-item :label="$t('labels.database')" v-bind="validateInfos['dataSource.connection.database']">
+          <!-- Database : create if not exists -->
+          <a-input
+            v-model:value="formState.dataSource.connection.database"
+            :placeholder="$t('labels.dbCreateIfNotExists')"
+            class="nc-extdb-host-database"
+          />
+        </a-form-item>
+
+        <!-- Schema name -->
+        <a-form-item :label="$t('labels.schemaName')">
+          <a-input v-model:value="formState.dataSource.connection.schema" />
+        </a-form-item>
+      </template>
+
       <template v-else>
         <!-- Host Address -->
         <a-form-item :label="$t('labels.hostAddress')" v-bind="validateInfos['dataSource.connection.host']">
diff --git a/packages/nc-gui/utils/projectCreateUtils.ts b/packages/nc-gui/utils/projectCreateUtils.ts
index 112ad19ab7..29d526a212 100644
--- a/packages/nc-gui/utils/projectCreateUtils.ts
+++ b/packages/nc-gui/utils/projectCreateUtils.ts
@@ -4,7 +4,7 @@ interface ProjectCreateForm {
   title: string
   dataSource: {
     client: ClientType
-    connection: DefaultConnection | SQLiteConnection
+    connection: DefaultConnection | SQLiteConnection | SnowflakeConnection
     searchPath?: string[]
   }
   inflection: {
@@ -33,6 +33,15 @@ interface SQLiteConnection {
   useNullAsDefault?: boolean
 }
 
+export interface SnowflakeConnection {
+  account: string
+  username: string
+  password: string
+  warehouse: string
+  database?: string
+  schema?: string
+}
+
 const defaultHost = 'localhost'
 
 const testDataBaseNames = {
@@ -66,12 +75,16 @@ export const clientTypes = [
     text: 'SQLite',
     value: ClientType.SQLITE,
   },
+  {
+    text: 'SnowFlake',
+    value: ClientType.SNOWFLAKE,
+  },
 ]
 
 const homeDir = ''
 
 type ConnectionClientType =
-  | Exclude<ClientType, ClientType.SQLITE>
+  | Exclude<ClientType, ClientType.SQLITE | ClientType.SNOWFLAKE>
   | 'tidb'
   | 'yugabyte'
   | 'citusdb'
@@ -79,7 +92,9 @@ type ConnectionClientType =
   | 'oracledb'
   | 'greenplum'
 
-const sampleConnectionData: { [key in ConnectionClientType]: DefaultConnection } & { [ClientType.SQLITE]: SQLiteConnection } = {
+const sampleConnectionData: { [key in ConnectionClientType]: DefaultConnection } & { [ClientType.SQLITE]: SQLiteConnection } & {
+  [ClientType.SNOWFLAKE]: SnowflakeConnection
+} = {
   [ClientType.PG]: {
     host: defaultHost,
     port: '5432',
@@ -116,6 +131,14 @@ const sampleConnectionData: { [key in ConnectionClientType]: DefaultConnection }
     },
     useNullAsDefault: true,
   },
+  [ClientType.SNOWFLAKE]: {
+    account: 'account',
+    username: 'username',
+    password: 'password',
+    warehouse: 'warehouse',
+    database: 'database',
+    schema: 'schema',
+  },
   tidb: {
     host: defaultHost,
     port: '4000',

From dc2ae31bf5a1007324ed51b214595846a31af683 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Mon, 10 Oct 2022 03:34:48 +0300
Subject: [PATCH 045/103] feat: snowflake improvements

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 .../nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts   | 1675 ++++-------------
 .../lib/snowflake/SnowflakeClient.ts          |  287 ++-
 .../sql-data-mapper/lib/sql/BaseModelSqlv2.ts |   43 +-
 3 files changed, 503 insertions(+), 1502 deletions(-)

diff --git a/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts b/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts
index ce3fa80b9a..4c8a06776a 100644
--- a/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts
+++ b/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts
@@ -2,104 +2,40 @@ import UITypes from '../UITypes';
 import { IDType } from './index';
 
 const dbTypes = [
-  'int',
-  'integer',
-  'bigint',
-  'bigserial',
-  'char',
-  'int2',
-  'int4',
-  'int8',
-  'int4range',
-  'int8range',
-  'serial',
-  'serial2',
-  'serial8',
-  'character',
-  'bit',
-  'bool',
-  'boolean',
-  'date',
-  'double precision',
-  'event_trigger',
-  'fdw_handler',
-  'float4',
-  'float8',
-  'uuid',
-  'smallint',
-  'smallserial',
-  'character varying',
-  'text',
-  'real',
-  'time',
-  'time without time zone',
-  'timestamp',
-  'timestamp without time zone',
-  'timestamptz',
-  'timestamp with time zone',
-  'timetz',
-  'time with time zone',
-  'daterange',
-  'json',
-  'jsonb',
-  'gtsvector',
-  'index_am_handler',
-  'anyenum',
-  'anynonarray',
-  'anyrange',
-  'box',
-  'bpchar',
-  'bytea',
-  'cid',
-  'cidr',
-  'circle',
-  'cstring',
-  'inet',
-  'internal',
-  'interval',
-  'language_handler',
-  'line',
-  'lsec',
-  'macaddr',
-  'money',
-  'name',
-  'numeric',
-  'numrange',
-  'oid',
-  'opaque',
-  'path',
-  'pg_ddl_command',
-  'pg_lsn',
-  'pg_node_tree',
-  'point',
-  'polygon',
-  'record',
-  'refcursor',
-  'regclass',
-  'regconfig',
-  'regdictionary',
-  'regnamespace',
-  'regoper',
-  'regoperator',
-  'regproc',
-  'regpreocedure',
-  'regrole',
-  'regtype',
-  'reltime',
-  'smgr',
-  'tid',
-  'tinterval',
-  'trigger',
-  'tsm_handler',
-  'tsquery',
-  'tsrange',
-  'tstzrange',
-  'tsvector',
-  'txid_snapshot',
-  'unknown',
-  'void',
-  'xid',
-  'xml',
+  'NUMBER',
+  'DECIMAL',
+  'NUMERIC',
+  'INT',
+  'INTEGER',
+  'BIGINT',
+  'SMALLINT',
+  'TINYINT',
+  'BYTEINT',
+  'FLOAT',
+  'FLOAT4',
+  'FLOAT8',
+  'DOUBLE',
+  'DOUBLE PRECISION',
+  'REAL',
+  'VARCHAR',
+  'CHAR',
+  'CHARACTER',
+  'STRING',
+  'TEXT',
+  'BINARY',
+  'VARBINARY',
+  'BOOLEAN',
+  'DATE',
+  'DATETIME',
+  'TIME',
+  'TIMESTAMP',
+  'TIMESTAMP_LTZ',
+  'TIMESTAMP_NTZ',
+  'TIMESTAMP_TZ',
+  'VARIANT',
+  'OBJECT',
+  'ARRAY',
+  'GEOGRAPHY',
 ];
 
 export class SnowflakeUi {
@@ -108,7 +44,7 @@ export class SnowflakeUi {
       {
         column_name: 'id',
         title: 'Id',
-        dt: 'int4',
+        dt: 'int',
         dtx: 'integer',
         ct: 'int(11)',
         nrqd: false,
@@ -131,7 +67,7 @@ export class SnowflakeUi {
       {
         column_name: 'title',
         title: 'Title',
-        dt: 'character varying',
+        dt: 'varchar',
         dtx: 'specificType',
         ct: 'varchar(45)',
         nrqd: true,
@@ -163,7 +99,7 @@ export class SnowflakeUi {
         pk: false,
         un: false,
         ai: false,
-        cdf: 'now()',
+        cdf: 'current_timestamp()',
         clen: 45,
         np: null,
         ns: null,
@@ -187,7 +123,7 @@ export class SnowflakeUi {
         un: false,
         ai: false,
         au: true,
-        cdf: 'now()',
+        cdf: 'current_timestamp()',
         clen: 45,
         np: null,
         ns: null,
@@ -204,7 +140,7 @@ export class SnowflakeUi {
   static getNewColumn(suffix) {
     return {
       column_name: 'title' + suffix,
-      dt: 'character varying',
+      dt: 'varchar',
       dtx: 'specificType',
       ct: 'varchar(45)',
       nrqd: true,
@@ -226,842 +162,129 @@ export class SnowflakeUi {
     };
   }
 
-  // static getDefaultLengthForDatatype(type) {
-  //   switch (type) {
-  //     case "int":
-  //       return 11;
-  //       break;
-  //     case "tinyint":
-  //       return 1;
-  //       break;
-  //     case "smallint":
-  //       return 5;
-  //       break;
-  //
-  //     case "mediumint":
-  //       return 9;
-  //       break;
-  //     case "bigint":
-  //       return 20;
-  //       break;
-  //     case "bit":
-  //       return 64;
-  //       break;
-  //     case "boolean":
-  //       return '';
-  //       break;
-  //     case "float":
-  //       return 12;
-  //       break;
-  //     case "decimal":
-  //       return 10;
-  //       break;
-  //     case "double":
-  //       return 22;
-  //       break;
-  //     case "serial":
-  //       return 20;
-  //       break;
-  //     case "date":
-  //       return '';
-  //       break;
-  //     case "datetime":
-  //     case "timestamp":
-  //       return 6;
-  //       break;
-  //     case "time":
-  //       return '';
-  //       break;
-  //     case "year":
-  //       return '';
-  //       break;
-  //     case "char":
-  //       return 255;
-  //       break;
-  //     case "varchar":
-  //       return 45;
-  //       break;
-  //     case "nchar":
-  //       return 255;
-  //       break;
-  //     case "text":
-  //       return '';
-  //       break;
-  //     case "tinytext":
-  //       return '';
-  //       break;
-  //     case "mediumtext":
-  //       return '';
-  //       break;
-  //     case "longtext":
-  //       return ''
-  //       break;
-  //     case "binary":
-  //       return 255;
-  //       break;
-  //     case "varbinary":
-  //       return 65500;
-  //       break;
-  //     case "blob":
-  //       return '';
-  //       break;
-  //     case "tinyblob":
-  //       return '';
-  //       break;
-  //     case "mediumblob":
-  //       return '';
-  //       break;
-  //     case "longblob":
-  //       return '';
-  //       break;
-  //     case "enum":
-  //       return '\'a\',\'b\'';
-  //       break;
-  //     case "set":
-  //       return '\'a\',\'b\'';
-  //       break;
-  //     case "geometry":
-  //       return '';
-  //     case "point":
-  //       return '';
-  //     case "linestring":
-  //       return '';
-  //     case "polygon":
-  //       return '';
-  //     case "multipoint":
-  //       return '';
-  //     case "multilinestring":
-  //       return '';
-  //     case "multipolygon":
-  //       return '';
-  //     case "json":
-  //       return ''
-  //       break;
-  //
-  //   }
-  //
-  // }
-
   static getDefaultLengthForDatatype(type): any {
     switch (type) {
-      case 'int':
-        return '';
-
-      case 'tinyint':
-        return '';
-
-      case 'smallint':
-        return '';
-
-      case 'mediumint':
-        return '';
-
-      case 'bigint':
-        return '';
-
-      case 'bit':
-        return '';
-
-      case 'boolean':
-        return '';
-
-      case 'float':
-        return '';
-
-      case 'decimal':
-        return '';
-
-      case 'double':
-        return '';
-
-      case 'serial':
-        return '';
-
-      case 'date':
-        return '';
-
-      case 'datetime':
-      case 'timestamp':
-        return '';
-
-      case 'time':
-        return '';
-
-      case 'year':
-        return '';
-
-      case 'char':
-        return '';
-
-      case 'varchar':
-        return '';
-
-      case 'nchar':
-        return '';
-
-      case 'text':
-        return '';
-
-      case 'tinytext':
-        return '';
-
-      case 'mediumtext':
-        return '';
-
-      case 'longtext':
-        return '';
-
-      case 'binary':
-        return '';
-
-      case 'varbinary':
-        return '';
-
-      case 'blob':
-        return '';
-
-      case 'tinyblob':
-        return '';
-
-      case 'mediumblob':
-        return '';
-
-      case 'longblob':
-        return '';
-
-      case 'enum':
-        return '';
-
-      case 'set':
-        return '';
-
-      case 'geometry':
-        return '';
-      case 'point':
-        return '';
-      case 'linestring':
-        return '';
-      case 'polygon':
-        return '';
-      case 'multipoint':
-        return '';
-      case 'multilinestring':
-        return '';
-      case 'multipolygon':
-        return '';
-      case 'json':
+      case 'NUMBER':
+      case 'DECIMAL':
+      case 'NUMERIC':
+      case 'INT':
+      case 'INTEGER':
+      case 'BIGINT':
+      case 'SMALLINT':
+      case 'TINYINT':
+      case 'BYTEINT':
+      case 'FLOAT':
+      case 'FLOAT4':
+      case 'FLOAT8':
+      case 'DOUBLE':
+      case 'DOUBLE PRECISION':
+      case 'REAL':
+      case 'VARCHAR':
+      case 'CHAR':
+      case 'CHARACTER':
+      case 'STRING':
+      case 'TEXT':
+      case 'BINARY':
+      case 'VARBINARY':
+      case 'BOOLEAN':
+      case 'DATE':
+      case 'DATETIME':
+      case 'TIME':
+      case 'TIMESTAMP':
+      case 'TIMESTAMP_LTZ':
+      case 'TIMESTAMP_NTZ':
+      case 'TIMESTAMP_TZ':
+      case 'VARIANT':
+      case 'OBJECT':
+      case 'ARRAY':
+      case 'GEOGRAPHY':
         return '';
     }
   }
 
   static getDefaultLengthIsDisabled(type): any {
     switch (type) {
-      case 'anyenum':
-      case 'anynonarray':
-      case 'anyrange':
-      case 'bigint':
-      case 'bigserial':
-      case 'bit':
-      case 'bool':
-      case 'box':
-      case 'bpchar':
-      case 'bytea':
-      case 'char':
-      case 'character':
-      case 'cid':
-      case 'cidr':
-      case 'circle':
-      case 'cstring':
-      case 'date':
-      case 'daterange':
-      case 'double precision':
-      case 'event_trigger':
-      case 'fdw_handler':
-      case 'float4':
-      case 'float8':
-      case 'gtsvector':
-      case 'index_am_handler':
-      case 'inet':
-      case 'int':
-      case 'int2':
-      case 'int4':
-      case 'int8':
-      case 'int4range':
-      case 'int8range':
-      case 'integer':
-      case 'internal':
-      case 'interval':
-      case 'jsonb':
-      case 'language_handler':
-      case 'line':
-      case 'lsec':
-      case 'macaddr':
-      case 'money':
-      case 'name':
-      case 'numeric':
-      case 'numrange':
-      case 'oid':
-      case 'opaque':
-      case 'path':
-      case 'pg_ddl_command':
-      case 'pg_lsn':
-      case 'pg_node_tree':
-      case 'real':
-      case 'record':
-      case 'refcursor':
-      case 'regclass':
-      case 'regconfig':
-      case 'regdictionary':
-      case 'regnamespace':
-      case 'regoper':
-      case 'regoperator':
-      case 'regproc':
-      case 'regpreocedure':
-      case 'regrole':
-      case 'regtype':
-      case 'reltime':
-      case 'serial':
-      case 'serial2':
-      case 'serial8':
-      case 'smallint':
-      case 'smallserial':
-      case 'smgr':
-      case 'text':
-      case 'tid':
-      case 'time':
-      case 'time without time zone':
-      case 'timestamp':
-      case 'timestamp without time zone':
-      case 'timestamptz':
-      case 'timestamp with time zone':
-      case 'timetz':
-      case 'time with time zone':
-      case 'tinterval':
-      case 'trigger':
-      case 'tsm_handler':
-      case 'tsquery':
-      case 'tsrange':
-      case 'tstzrange':
-      case 'tsvector':
-      case 'txid_snapshot':
-      case 'unknown':
-      case 'void':
-      case 'xid':
-      case 'xml':
-      case 'character varying':
-      case 'tinyint':
-      case 'mediumint':
-      case 'float':
-      case 'decimal':
-      case 'double':
-      case 'boolean':
-      case 'datetime':
-      case 'uuid':
-      case 'year':
-      case 'varchar':
-      case 'nchar':
-      case 'tinytext':
-      case 'mediumtext':
-      case 'longtext':
-      case 'binary':
-      case 'varbinary':
-      case 'blob':
-      case 'tinyblob':
-      case 'mediumblob':
-      case 'longblob':
-      case 'enum':
-      case 'set':
-      case 'geometry':
-      case 'point':
-      case 'linestring':
-      case 'polygon':
-      case 'multipoint':
-      case 'multilinestring':
-      case 'multipolygon':
-      case 'json':
+      case 'NUMBER':
+      case 'DECIMAL':
+      case 'NUMERIC':
+      case 'INT':
+      case 'INTEGER':
+      case 'BIGINT':
+      case 'SMALLINT':
+      case 'TINYINT':
+      case 'BYTEINT':
+      case 'FLOAT':
+      case 'FLOAT4':
+      case 'FLOAT8':
+      case 'DOUBLE':
+      case 'DOUBLE PRECISION':
+      case 'REAL':
+      case 'VARCHAR':
+      case 'CHAR':
+      case 'CHARACTER':
+      case 'STRING':
+      case 'TEXT':
+      case 'BINARY':
+      case 'VARBINARY':
+      case 'BOOLEAN':
+      case 'DATE':
+      case 'DATETIME':
+      case 'TIME':
+      case 'TIMESTAMP':
+      case 'TIMESTAMP_LTZ':
+      case 'TIMESTAMP_NTZ':
+      case 'TIMESTAMP_TZ':
+      case 'VARIANT':
+      case 'OBJECT':
+      case 'ARRAY':
+      case 'GEOGRAPHY':
         return true;
     }
   }
 
   static getDefaultValueForDatatype(type): any {
     switch (type) {
-      case 'anyenum':
-        return 'eg: ';
-
-      case 'anynonarray':
-        return 'eg: ';
-
-      case 'anyrange':
-        return 'eg: ';
-
-      case 'bigint':
-        return 'eg: ';
-
-      case 'bigserial':
-        return 'eg: ';
-
-      case 'bit':
-        return 'eg: ';
-
-      case 'bool':
-        return 'eg: ';
-
-      case 'box':
-        return 'eg: ';
-
-      case 'bpchar':
-        return 'eg: ';
-
-      case 'bytea':
-        return 'eg: ';
-
-      case 'char':
-        return 'eg: ';
-
-      case 'character':
-        return "eg: 'sample'";
-
-      case 'cid':
-        return 'eg: ';
-
-      case 'cidr':
-        return 'eg: ';
-
-      case 'circle':
-        return 'eg: ';
-
-      case 'cstring':
-        return 'eg: ';
-
-      case 'date':
-        return "eg: '2020-09-09'";
-
-      case 'daterange':
-        return 'eg: ';
-
-      case 'double precision':
-        return 'eg: 1.2';
-
-      case 'event_trigger':
-        return 'eg: ';
-
-      case 'fdw_handler':
-        return 'eg: ';
-
-      case 'float4':
-        return 'eg: 1.2';
-
-      case 'float8':
-        return 'eg: 1.2';
-
-      case 'gtsvector':
-        return 'eg: ';
-
-      case 'index_am_handler':
-        return 'eg: ';
-
-      case 'inet':
-        return 'eg: ';
-
-      case 'int':
-        return 'eg: ';
-
-      case 'int2':
-        return 'eg: ';
-
-      case 'int4':
-        return 'eg: ';
-
-      case 'int8':
-        return 'eg: ';
-
-      case 'int4range':
-        return 'eg: ';
-
-      case 'int8range':
-        return 'eg: ';
-
-      case 'integer':
-        return 'eg: ';
-
-      case 'internal':
-        return 'eg: ';
-
-      case 'interval':
-        return 'eg: ';
-
-      case 'json':
-        return 'eg: ';
-
-      case 'jsonb':
-        return 'eg: ';
-
-      case 'language_handler':
-        return 'eg: ';
-
-      case 'line':
-        return 'eg: ';
-
-      case 'lsec':
-        return 'eg: ';
-
-      case 'macaddr':
-        return 'eg: ';
-
-      case 'money':
-        return 'eg: ';
-
-      case 'name':
-        return 'eg: ';
-
-      case 'numeric':
-        return 'eg: ';
-
-      case 'numrange':
-        return 'eg: ';
-
-      case 'oid':
-        return 'eg: ';
-
-      case 'opaque':
-        return 'eg: ';
-
-      case 'path':
-        return 'eg: ';
-
-      case 'pg_ddl_command':
-        return 'eg: ';
-
-      case 'pg_lsn':
-        return 'eg: ';
-
-      case 'pg_node_tree':
-        return 'eg: ';
-
-      case 'point':
-        return 'eg: ';
-
-      case 'polygon':
-        return 'eg: ';
-
-      case 'real':
-        return 'eg: 1.2';
-
-      case 'record':
-        return 'eg: ';
-
-      case 'refcursor':
-        return 'eg: ';
-
-      case 'regclass':
-        return 'eg: ';
-
-      case 'regconfig':
-        return 'eg: ';
-
-      case 'regdictionary':
-        return 'eg: ';
-
-      case 'regnamespace':
-        return 'eg: ';
-
-      case 'regoper':
-        return 'eg: ';
-
-      case 'regoperator':
-        return 'eg: ';
-
-      case 'regproc':
-        return 'eg: ';
-
-      case 'regpreocedure':
-        return 'eg: ';
-
-      case 'regrole':
-        return 'eg: ';
-
-      case 'regtype':
-        return 'eg: ';
-
-      case 'reltime':
-        return 'eg: ';
-
-      case 'serial':
-        return 'eg: ';
-
-      case 'serial2':
-        return 'eg: ';
-
-      case 'serial8':
-        return 'eg: ';
-
-      case 'smallint':
-        return 'eg: ';
-
-      case 'smallserial':
-        return 'eg: ';
-
-      case 'smgr':
-        return 'eg: ';
-
-      case 'text':
-        return "eg: 'sample text'";
-
-      case 'tid':
-        return 'eg: ';
-
-      case 'time':
-        return "eg: now()\n\n'04:05:06.789'";
-
-      case 'time without time zone':
-        return "eg: now()\n\n'04:05:06.789'";
-
-      case 'timestamp':
-        return "eg: now()\n\n'2016-06-22 19:10:25-07'";
-
-      case 'timestamp without time zone':
-        return "eg: now()\n\n'2016-06-22 19:10:25-07'";
-
-      case 'timestamptz':
-        return "eg: timezone('America/New_York','2016-06-01 00:00')\n\nnow()\n\n'2016-06-22 19:10:25-07'";
-
-      case 'timestamp with time zone':
-        return "eg: now()\n\n'2016-06-22 19:10:25-07'";
-
-      case 'timetz':
-        return 'eg: now()';
-
-      case 'time with time zone':
-        return 'eg: now()';
-
-      case 'tinterval':
-        return 'eg: ';
-
-      case 'trigger':
-        return 'eg: ';
-
-      case 'tsm_handler':
-        return 'eg: ';
-
-      case 'tsquery':
-        return 'eg: ';
-
-      case 'tsrange':
-        return 'eg: ';
-
-      case 'tstzrange':
-        return 'eg: ';
-
-      case 'tsvector':
-        return 'eg: ';
-
-      case 'txid_snapshot':
-        return 'eg: ';
-
-      case 'unknown':
-        return 'eg: ';
-
-      case 'void':
-        return 'eg: ';
-
-      case 'xid':
-        return 'eg: ';
-
-      case 'xml':
-        return 'eg: ';
-
-      case 'character varying':
-        return "eg: 'sample text'";
-
-      case 'tinyint':
-        return 'eg: ';
-
-      case 'mediumint':
-        return 'eg: ';
-
-      case 'float':
-        return 'eg: ';
-
-      case 'decimal':
-        return 'eg: ';
-
-      case 'double':
-        return 'eg: 1.2';
-
-      case 'boolean':
-        return 'eg: true\n\nfalse';
-
-      case 'datetime':
-        return 'eg: ';
-
-      case 'uuid':
-        return 'eg: ';
-
-      case 'year':
-        return 'eg: ';
-
-      case 'varchar':
-        return 'eg: ';
-
-      case 'nchar':
-        return 'eg: ';
-
-      case 'tinytext':
-        return 'eg: ';
-
-      case 'mediumtext':
-        return 'eg: ';
-
-      case 'longtext':
-        return 'eg: ';
-
-      case 'binary':
-        return 'eg: ';
-
-      case 'varbinary':
-        return 'eg: ';
-
-      case 'blob':
-        return 'eg: ';
-
-      case 'tinyblob':
-        return 'eg: ';
-
-      case 'mediumblob':
-        return 'eg: ';
-
-      case 'longblob':
-        return 'eg: ';
-
-      case 'enum':
-        return 'eg: ';
-
-      case 'set':
-        return 'eg: ';
-
-      case 'geometry':
-        return 'eg: ';
-
-      case 'linestring':
-        return 'eg: ';
-
-      case 'multipoint':
-        return 'eg: ';
-
-      case 'multilinestring':
-        return 'eg: ';
-
-      case 'multipolygon':
+      default:
         return 'eg: ';
     }
   }
 
   static getDefaultScaleForDatatype(type): any {
     switch (type) {
-      case 'int':
-        return ' ';
-
-      case 'tinyint':
-        return ' ';
-
-      case 'smallint':
-        return ' ';
-
-      case 'mediumint':
-        return ' ';
-
-      case 'bigint':
-        return ' ';
-
-      case 'bit':
-        return ' ';
-
-      case 'boolean':
-        return ' ';
-
-      case 'float':
-        return '2';
-
-      case 'decimal':
-        return '2';
-
-      case 'double':
-        return '2';
-
-      case 'serial':
-        return ' ';
-
-      case 'date':
-      case 'datetime':
-      case 'timestamp':
-        return ' ';
-
-      case 'time':
-        return ' ';
-
-      case 'year':
-        return ' ';
-
-      case 'char':
-        return ' ';
-
-      case 'varchar':
-        return ' ';
-
-      case 'nchar':
-        return ' ';
-
-      case 'text':
-        return ' ';
-
-      case 'tinytext':
-        return ' ';
-
-      case 'mediumtext':
-        return ' ';
-
-      case 'longtext':
-        return ' ';
-
-      case 'binary':
-        return ' ';
-
-      case 'varbinary':
-        return ' ';
-
-      case 'blob':
-        return ' ';
-
-      case 'tinyblob':
-        return ' ';
-
-      case 'mediumblob':
-        return ' ';
-
-      case 'longblob':
-        return ' ';
-
-      case 'enum':
-        return ' ';
-
-      case 'set':
-        return ' ';
-
-      case 'geometry':
-        return ' ';
-      case 'point':
-        return ' ';
-      case 'linestring':
-        return ' ';
-      case 'polygon':
-        return ' ';
-      case 'multipoint':
-        return ' ';
-      case 'multilinestring':
-        return ' ';
-      case 'multipolygon':
-        return ' ';
-      case 'json':
+      case 'NUMBER':
+      case 'DECIMAL':
+      case 'NUMERIC':
+      case 'INT':
+      case 'INTEGER':
+      case 'BIGINT':
+      case 'SMALLINT':
+      case 'TINYINT':
+      case 'BYTEINT':
+      case 'FLOAT':
+      case 'FLOAT4':
+      case 'FLOAT8':
+      case 'DOUBLE':
+      case 'DOUBLE PRECISION':
+      case 'REAL':
+      case 'VARCHAR':
+      case 'CHAR':
+      case 'CHARACTER':
+      case 'STRING':
+      case 'TEXT':
+      case 'BINARY':
+      case 'VARBINARY':
+      case 'BOOLEAN':
+      case 'DATE':
+      case 'DATETIME':
+      case 'TIME':
+      case 'TIMESTAMP':
+      case 'TIMESTAMP_LTZ':
+      case 'TIMESTAMP_NTZ':
+      case 'TIMESTAMP_TZ':
+      case 'VARIANT':
+      case 'OBJECT':
+      case 'ARRAY':
+      case 'GEOGRAPHY':
         return ' ';
     }
   }
@@ -1069,10 +292,13 @@ export class SnowflakeUi {
   static colPropAIDisabled(col, columns) {
     // console.log(col);
     if (
-      col.dt === 'int4' ||
-      col.dt === 'integer' ||
-      col.dt === 'bigint' ||
-      col.dt === 'smallint'
+      col.dt === 'NUMBER' ||
+      col.dt === 'DECIMAL' ||
+      col.dt === 'NUMERIC' ||
+      col.dt === 'INT' ||
+      col.dt === 'INTEGER' ||
+      col.dt === 'BIGINT' ||
+      col.dt === 'SMALLINT'
     ) {
       for (let i = 0; i < columns.length; ++i) {
         if (columns[i].cn !== col.cn && columns[i].ai) {
@@ -1102,10 +328,13 @@ export class SnowflakeUi {
   static onCheckboxChangeAI(col) {
     console.log(col);
     if (
-      col.dt === 'int' ||
-      col.dt === 'bigint' ||
-      col.dt === 'smallint' ||
-      col.dt === 'tinyint'
+      col.dt === 'NUMBER' ||
+      col.dt === 'DECIMAL' ||
+      col.dt === 'NUMERIC' ||
+      col.dt === 'INT' ||
+      col.dt === 'INTEGER' ||
+      col.dt === 'BIGINT' ||
+      col.dt === 'SMALLINT'
     ) {
       col.altered = col.altered || 2;
     }
@@ -1123,7 +352,7 @@ export class SnowflakeUi {
     col.altered = col.altered || 2;
     // }
     if (col.au) {
-      col.cdf = 'now()';
+      col.cdf = 'current_timestamp()';
     }
 
     // if (!col.ai) {
@@ -1142,11 +371,10 @@ export class SnowflakeUi {
       if (
         columns[i].altered === 1 &&
         !(
-          columns[i].dt === 'int' ||
-          columns[i].dt === 'bigint' ||
-          columns[i].dt === 'tinyint' ||
-          columns[i].dt === 'smallint' ||
-          columns[i].dt === 'mediumint'
+          columns[i].dt === 'INT' ||
+          columns[i].dt === 'BIGINT' ||
+          columns[i].dt === 'SMALLINT' ||
+          columns[i].dt === 'TINYINT'
         )
       ) {
         columns[i].un = false;
@@ -1288,7 +516,7 @@ export class SnowflakeUi {
                 });
               } else if (json[keys[i]].length <= 255) {
                 Object.assign(column, {
-                  dt: 'character varying',
+                  dt: 'VARCHAR',
                   np: null,
                   ns: 0,
                   dtxp: null,
@@ -1342,15 +570,14 @@ export class SnowflakeUi {
       return true;
     }
 
-    switch (col.dt) {
-      case 'time':
-      case 'time without time zone':
-      case 'timestamp':
-      case 'timestamp without time zone':
-      case 'timestamptz':
-      case 'timestamp with time zone':
-      case 'timetz':
-      case 'time with time zone':
+    switch (col.dt.toUpperCase()) {
+      case 'DATE':
+      case 'DATETIME':
+      case 'TIME':
+      case 'TIMESTAMP':
+      case 'TIMESTAMP_LTZ':
+      case 'TIMESTAMP_NTZ':
+      case 'TIMESTAMP_TZ':
         return false;
       default:
         return true;
@@ -1358,214 +585,90 @@ export class SnowflakeUi {
   }
 
   static getAbstractType(col): any {
-    switch ((col.dt || col.dt).toLowerCase()) {
-      case 'anyenum':
-        return 'enum';
-      case 'anynonarray':
-      case 'anyrange':
-        return 'string';
-
-      case 'bit':
-        return 'integer';
-      case 'bigint':
-      case 'bigserial':
-        return 'string';
-
-      case 'bool':
-        return 'boolean';
-
-      case 'box':
-      case 'bpchar':
-      case 'bytea':
-      case 'char':
-      case 'character':
-        return 'string';
-
-      case 'cid':
-      case 'cidr':
-      case 'circle':
-      case 'cstring':
-        return 'string';
-
-      case 'date':
-        return 'date';
-      case 'daterange':
-        return 'string';
-      case 'double precision':
-        return 'string';
-
-      case 'event_trigger':
-      case 'fdw_handler':
-        return 'string';
-
-      case 'float4':
-      case 'float8':
-        return 'float';
-
-      case 'gtsvector':
-      case 'index_am_handler':
-      case 'inet':
-        return 'string';
-
-      case 'int':
-      case 'int2':
-      case 'int4':
-      case 'int8':
-      case 'integer':
+    switch (col.dt.toUpperCase()) {
+      case 'NUMBER':
+      case 'DECIMAL':
+      case 'NUMERIC':
+      case 'INT':
+      case 'INTEGER':
+      case 'BIGINT':
+      case 'SMALLINT':
+      case 'TINYINT':
+      case 'BYTEINT':
         return 'integer';
-      case 'int4range':
-      case 'int8range':
-      case 'internal':
-      case 'interval':
-        return 'string';
-      case 'jsonb':
-        return 'string';
-
-      case 'language_handler':
-      case 'line':
-      case 'lsec':
-      case 'macaddr':
-      case 'money':
-      case 'name':
-      case 'numeric':
-      case 'numrange':
-      case 'oid':
-      case 'opaque':
-      case 'path':
-      case 'pg_ddl_command':
-      case 'pg_lsn':
-      case 'pg_node_tree':
-      case 'point':
-      case 'polygon':
-        return 'string';
-      case 'real':
+      case 'FLOAT':
+      case 'FLOAT4':
+      case 'FLOAT8':
+      case 'DOUBLE':
+      case 'DOUBLE PRECISION':
+      case 'REAL':
         return 'float';
-      case 'record':
-      case 'refcursor':
-      case 'regclass':
-      case 'regconfig':
-      case 'regdictionary':
-      case 'regnamespace':
-      case 'regoper':
-      case 'regoperator':
-      case 'regproc':
-      case 'regpreocedure':
-      case 'regrole':
-      case 'regtype':
-      case 'reltime':
-        return 'string';
-      case 'serial':
-      case 'serial2':
-      case 'serial8':
-      case 'smallint':
-      case 'smallserial':
-        return 'integer';
-      case 'smgr':
+      case 'VARCHAR':
+      case 'CHAR':
+      case 'CHARACTER':
+      case 'STRING':
         return 'string';
-      case 'text':
+      case 'TEXT':
         return 'text';
-      case 'tid':
+      case 'BINARY':
+      case 'VARBINARY':
         return 'string';
-      case 'time':
-      case 'time without time zone':
-        return 'time';
-      case 'timestamp':
-      case 'timestamp without time zone':
-      case 'timestamptz':
-      case 'timestamp with time zone':
-        return 'datetime';
-      case 'timetz':
-      case 'time with time zone':
-        return 'time';
-
-      case 'tinterval':
-      case 'trigger':
-      case 'tsm_handler':
-      case 'tsquery':
-      case 'tsrange':
-      case 'tstzrange':
-      case 'tsvector':
-      case 'txid_snapshot':
-      case 'unknown':
-      case 'void':
-      case 'xid':
-      case 'character varying':
-      case 'xml':
-        return 'string';
-
-      case 'tinyint':
-      case 'mediumint':
-        return 'integer';
-
-      case 'float':
-      case 'decimal':
-      case 'double':
-        return 'float';
-      case 'boolean':
+      case 'BOOLEAN':
         return 'boolean';
-      case 'datetime':
-        return 'datetime';
-
-      case 'uuid':
-      case 'year':
-      case 'varchar':
-      case 'nchar':
+      case 'DATE':
+        return 'date';
+      case 'DATETIME':
+      case 'TIME':
+      case 'TIMESTAMP':
+      case 'TIMESTAMP_LTZ':
+      case 'TIMESTAMP_NTZ':
+      case 'TIMESTAMP_TZ':
         return 'string';
-      case 'tinytext':
-      case 'mediumtext':
-      case 'longtext':
-        return 'text';
-      case 'binary':
-      case 'varbinary':
+      case 'VARIANT':
         return 'string';
-      case 'blob':
-      case 'tinyblob':
-      case 'mediumblob':
-      case 'longblob':
-        return 'blob';
-      case 'enum':
+      case 'OBJECT':
+        return 'json';
+      case 'ARRAY':
         return 'enum';
-      case 'set':
-        return 'set';
-      case 'geometry':
-      case 'linestring':
-      case 'multipoint':
-      case 'multilinestring':
-      case 'multipolygon':
+      case 'GEOGRAPHY':
+        return 'string';
+      default:
         return 'string';
-      case 'json':
-        return 'json';
     }
   }
 
   static getUIType(col): any {
     switch (this.getAbstractType(col)) {
-      case 'integer':
+      case 'NUMBER':
+      case 'DECIMAL':
+      case 'NUMERIC':
+      case 'INT':
+      case 'INTEGER':
+      case 'BIGINT':
+      case 'SMALLINT':
+      case 'TINYINT':
+      case 'BYTEINT':
         return 'Number';
-      case 'boolean':
-        return 'Checkbox';
-      case 'float':
+      case 'FLOAT':
+      case 'FLOAT4':
+      case 'FLOAT8':
+      case 'DOUBLE':
+      case 'DOUBLE PRECISION':
+      case 'REAL':
         return 'Decimal';
-      case 'date':
-        return 'Date';
-      case 'datetime':
-        return 'CreateTime';
-      case 'time':
-        return 'Time';
-      case 'year':
-        return 'Year';
-      case 'string':
+      case 'VARCHAR':
+      case 'CHAR':
+      case 'CHARACTER':
+      case 'STRING':
         return 'SingleLineText';
-      case 'text':
-        return 'LongText';
-      case 'blob':
-        return 'Attachment';
-      case 'enum':
-        return 'SingleSelect';
-      case 'set':
-        return 'MultiSelect';
-      case 'json':
+      case 'TEXT':
         return 'LongText';
+      case 'BOOLEAN':
+        return 'Checkbox';
+      case 'DATE':
+        return 'Date';
+      case 'DATETIME':
+        return 'DateTime';
     }
   }
 
@@ -1576,7 +679,7 @@ export class SnowflakeUi {
         {
           const isAutoIncId = idType === 'AI';
           const isAutoGenId = idType === 'AG';
-          colProp.dt = isAutoGenId ? 'character varying' : 'int4';
+          colProp.dt = isAutoGenId ? 'VARCHAR' : 'int4';
           colProp.pk = true;
           colProp.un = isAutoIncId;
           colProp.ai = isAutoIncId;
@@ -1585,41 +688,41 @@ export class SnowflakeUi {
         }
         break;
       case 'ForeignKey':
-        colProp.dt = 'character varying';
+        colProp.dt = 'VARCHAR';
         break;
       case 'SingleLineText':
-        colProp.dt = 'character varying';
+        colProp.dt = 'VARCHAR';
         break;
       case 'LongText':
-        colProp.dt = 'text';
+        colProp.dt = 'TEXT';
         break;
       case 'Attachment':
-        colProp.dt = 'text';
+        colProp.dt = 'TEXT';
         break;
       case 'Checkbox':
-        colProp.dt = 'bool';
+        colProp.dt = 'BOOLEAN';
         break;
       case 'MultiSelect':
-        colProp.dt = 'text';
+        colProp.dt = 'TEXT';
         break;
       case 'SingleSelect':
-        colProp.dt = 'text';
+        colProp.dt = 'TEXT';
         break;
       case 'Collaborator':
-        colProp.dt = 'character varying';
+        colProp.dt = 'VARCHAR';
         break;
       case 'Date':
-        colProp.dt = 'date';
+        colProp.dt = 'DATE';
 
         break;
       case 'Year':
-        colProp.dt = 'int';
+        colProp.dt = 'INT';
         break;
       case 'Time':
-        colProp.dt = 'time';
+        colProp.dt = 'VARCHAR';
         break;
       case 'PhoneNumber':
-        colProp.dt = 'character varying';
+        colProp.dt = 'VARCHAR';
         colProp.validate = {
           func: ['isMobilePhone'],
           args: [''],
@@ -1627,7 +730,7 @@ export class SnowflakeUi {
         };
         break;
       case 'Email':
-        colProp.dt = 'character varying';
+        colProp.dt = 'VARCHAR';
         colProp.validate = {
           func: ['isEmail'],
           args: [''],
@@ -1635,7 +738,7 @@ export class SnowflakeUi {
         };
         break;
       case 'URL':
-        colProp.dt = 'character varying';
+        colProp.dt = 'VARCHAR';
         colProp.validate = {
           func: ['isURL'],
           args: [''],
@@ -1643,13 +746,13 @@ export class SnowflakeUi {
         };
         break;
       case 'Number':
-        colProp.dt = 'bigint';
+        colProp.dt = 'BIGINT';
         break;
       case 'Decimal':
-        colProp.dt = 'decimal';
+        colProp.dt = 'DECIMAL';
         break;
       case 'Currency':
-        colProp.dt = 'decimal';
+        colProp.dt = 'DECIMAL';
         colProp.validate = {
           func: ['isCurrency'],
           args: [''],
@@ -1657,49 +760,49 @@ export class SnowflakeUi {
         };
         break;
       case 'Percent':
-        colProp.dt = 'double precision';
+        colProp.dt = 'DOUBLE PRECISION';
         break;
       case 'Duration':
-        colProp.dt = 'decimal';
+        colProp.dt = 'DECIMAL';
         break;
       case 'Rating':
-        colProp.dt = 'smallint';
+        colProp.dt = 'SMALLINT';
         break;
       case 'Formula':
-        colProp.dt = 'character varying';
+        colProp.dt = 'VARCHAR';
         break;
       case 'Rollup':
-        colProp.dt = 'character varying';
+        colProp.dt = 'VARCHAR';
         break;
       case 'Count':
-        colProp.dt = 'int8';
+        colProp.dt = 'INT';
         break;
       case 'Lookup':
-        colProp.dt = 'character varying';
+        colProp.dt = 'VARCHAR';
         break;
       case 'DateTime':
-        colProp.dt = 'timestamp';
+        colProp.dt = 'TIMESTAMP';
         break;
       case 'CreateTime':
-        colProp.dt = 'timestamp';
+        colProp.dt = 'TIMESTAMP';
         break;
       case 'LastModifiedTime':
-        colProp.dt = 'timestamp';
+        colProp.dt = 'TIMESTAMP';
         break;
       case 'AutoNumber':
-        colProp.dt = 'int';
+        colProp.dt = 'INT';
         break;
       case 'Barcode':
-        colProp.dt = 'character varying';
+        colProp.dt = 'VARCHAR';
         break;
       case 'Button':
-        colProp.dt = 'character varying';
+        colProp.dt = 'VARCHAR';
         break;
       case 'JSON':
-        colProp.dt = 'json';
+        colProp.dt = 'TEXT';
         break;
       default:
-        colProp.dt = 'character varying';
+        colProp.dt = 'VARCHAR';
         break;
     }
     return colProp;
@@ -1709,21 +812,10 @@ export class SnowflakeUi {
     switch (col.uidt) {
       case 'ID':
         if (idType === 'AG') {
-          return ['char', 'character', 'character varying'];
+          return ['char', 'character', 'VARCHAR'];
         } else if (idType === 'AI') {
           return [
-            'int',
-            'integer',
-            'bigint',
-            'bigserial',
-            'int2',
-            'int4',
-            'int8',
-            'serial',
-            'serial2',
-            'serial8',
-            'smallint',
-            'smallserial',
+            'NUMBER'
           ];
         } else {
           return dbTypes;
@@ -1734,215 +826,170 @@ export class SnowflakeUi {
       case 'SingleLineText':
       case 'LongText':
       case 'Collaborator':
-        return ['char', 'character', 'character varying', 'text'];
+        return ['CHAR', 'CHARACTER', 'VARCHAR', 'TEXT'];
 
       case 'Attachment':
-        return ['json', 'char', 'character', 'character varying', 'text'];
+        return ['TEXT', 'CHAR', 'CHARACTER', 'VARCHAR', 'text'];
 
       case 'JSON':
-        return ['json', 'jsonb', 'text'];
+        return ['TEXT'];
       case 'Checkbox':
         return [
-          'bit',
-          'bool',
-          'int2',
-          'int4',
-          'int8',
-          'boolean',
-          'smallint',
-          'int',
-          'integer',
-          'bigint',
-          'char',
-          'int4range',
-          'int8range',
+          'BIT',
+          'BOOLEAN',
+          'TINYINT',
+          'INT',
+          'BIGINT',
         ];
 
       case 'MultiSelect':
-        return ['text'];
+        return ['TEXT'];
 
       case 'SingleSelect':
-        return ['text'];
+        return ['TEXT'];
 
       case 'Year':
-        return ['int'];
+        return ['INT'];
 
       case 'Time':
         return [
-          'time',
-          'time without time zone',
-          'timestamp',
-          'timestamp without time zone',
-          'timestamptz',
-          'timestamp with time zone',
-          'timetz',
-          'time with time zone',
+          'TIMESTAMP',
+          'VARCHAR',
         ];
 
       case 'PhoneNumber':
       case 'Email':
-        return ['character varying'];
+        return ['VARCHAR'];
 
       case 'URL':
-        return ['character varying', 'text'];
+        return ['VARCHAR', 'TEXT'];
 
       case 'Number':
         return [
-          'int',
-          'integer',
-          'bigint',
-          'int2',
-          'int4',
-          'int8',
-          'double precision',
-          'float4',
-          'float8',
-          'smallint',
-          'numeric',
+          'NUMBER',
+          'DECIMAL',
+          'NUMERIC',
+          'INT',
+          'INTEGER',
+          'BIGINT',
+          'SMALLINT',
+          'TINYINT',
+          'BYTEINT',
+          'FLOAT',
+          'FLOAT4',
+          'FLOAT8',
+          'DOUBLE',
+          'DOUBLE PRECISION',
+          'REAL',
         ];
 
       case 'Decimal':
-        return ['double precision', 'float4', 'float8', 'numeric'];
+        return ['DOUBLE', 'DOUBLE PRECISION', 'FLOAT', 'FLOAT4', 'FLOAT8', 'NUMERIC'];
 
       case 'Currency':
         return [
-          'int',
-          'integer',
-          'bigint',
-          'int2',
-          'int4',
-          'int8',
-          'double precision',
-          'money',
-          'float4',
-          'float8',
-          'numeric',
+          'NUMBER',
+          'DECIMAL',
+          'NUMERIC',
+          'INT',
+          'INTEGER',
+          'BIGINT',
+          'FLOAT',
+          'FLOAT4',
+          'FLOAT8',
+          'DOUBLE',
+          'DOUBLE PRECISION',
         ];
 
       case 'Percent':
         return [
-          'int',
-          'integer',
-          'bigint',
-          'int2',
-          'int4',
-          'int8',
-          'double precision',
-          'float4',
-          'float8',
-          'smallint',
-          'numeric',
+          'NUMBER',
+          'DECIMAL',
+          'NUMERIC',
+          'INT',
+          'INTEGER',
+          'BIGINT',
+          'FLOAT',
+          'FLOAT4',
+          'FLOAT8',
+          'DOUBLE',
+          'DOUBLE PRECISION',
         ];
 
       case 'Duration':
         return [
-          'int',
-          'integer',
-          'bigint',
-          'int2',
-          'int4',
-          'int8',
-          'double precision',
-          'float4',
-          'float8',
-          'smallint',
-          'smallserial',
-          'numeric',
+          'NUMBER',
+          'DECIMAL',
+          'NUMERIC',
+          'INT',
+          'INTEGER',
+          'BIGINT',
+          'FLOAT',
+          'FLOAT4',
+          'FLOAT8',
+          'DOUBLE',
+          'DOUBLE PRECISION',
         ];
 
       case 'Rating':
         return [
-          'int',
-          'integer',
-          'bigint',
-          'bigserial',
-          'int2',
-          'int4',
-          'int8',
-          'serial',
-          'serial2',
-          'serial8',
-          'double precision',
-          'float4',
-          'float8',
-          'smallint',
-          'smallserial',
-          'numeric',
+          'NUMBER',
+          'DECIMAL',
+          'NUMERIC',
+          'INT',
+          'INTEGER',
+          'BIGINT',
+          'FLOAT',
+          'FLOAT4',
+          'FLOAT8',
+          'DOUBLE',
+          'DOUBLE PRECISION',
         ];
 
       case 'Formula':
-        return ['text', 'character varying'];
+        return ['TEXT', 'VARCHAR'];
 
       case 'Rollup':
-        return ['character varying'];
+        return ['VARCHAR'];
 
       case 'Count':
         return [
-          'int',
-          'integer',
-          'bigint',
-          'bigserial',
-          'int2',
-          'int4',
-          'int8',
-          'serial',
-          'serial2',
-          'serial8',
-          'smallint',
-          'smallserial',
+          'NUMBER',
+          'INT',
+          'INTEGER',
+          'BIGINT',
         ];
 
       case 'Lookup':
-        return ['character varying'];
+        return ['VARCHAR'];
 
       case 'Date':
         return [
-          'date',
-          'timestamp',
-          'timestamp without time zone',
-          'timestamptz',
-          'timestamp with time zone',
+          'DATE',
+          'TIMESTAMP',
         ];
 
       case 'DateTime':
       case 'CreateTime':
       case 'LastModifiedTime':
         return [
-          'timestamp',
-          'timestamp without time zone',
-          'timestamptz',
-          'timestamp with time zone',
+          'TIMESTAMP',
         ];
 
       case 'AutoNumber':
         return [
-          'int',
-          'integer',
-          'bigint',
-          'bigserial',
-          'int2',
-          'int4',
-          'int8',
-          'serial',
-          'serial2',
-          'serial8',
-          'smallint',
-          'smallserial',
+          'NUMBER',
+          'INT',
+          'INTEGER',
+          'BIGINT',
         ];
 
       case 'Barcode':
-        return ['character varying'];
+        return ['VARCHAR'];
 
       case 'Geometry':
         return [
-          'polygon',
-          'point',
-          'circle',
-          'box',
-          'line',
-          'lseg',
-          'path',
-          'circle',
+          'TEXT',
         ];
 
       case 'Button':
diff --git a/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts b/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
index b47c50f62c..737fa7b995 100644
--- a/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
+++ b/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
@@ -131,9 +131,9 @@ class SnowflakeClient extends KnexClient {
     const result = new Result();
     log.api(`${_func}:args:`, args);
     try {
-      args.databaseName = this.connectionConfig.connection.database;
+      args.databaseName = this.database;
       const { rows } = await this.raw(`select *
-              from INFORMATION_SCHEMA.sequences;`);
+              from "${this.database}".information_schema.sequences;`);
 
       result.data.list = rowsToLower(rows).map((seq) => {
         return {
@@ -352,7 +352,7 @@ class SnowflakeClient extends KnexClient {
         log.debug('checking if db exists');
         rows = (
           await this.sqlClient.raw(
-            `SELECT DATABASE_NAME as database FROM information_schema.DATABASES WHERE DATABASE_NAME = '${args.database}'`
+            `SELECT DATABASE_NAME as database FROM SNOWFLAKE.information_schema.DATABASES WHERE DATABASE_NAME = '${args.database}'`
           )
         ).rows;
       } catch (e) {
@@ -361,7 +361,7 @@ class SnowflakeClient extends KnexClient {
       if (rows.length === 0) {
         log.debug('creating database:', args);
         await this.sqlClient.raw(`CREATE DATABASE ??`, [args.database]);
-        await this.sqlClient.raw(`USE ??`, [args.database]);
+        await this.sqlClient.raw(`USE "${this.database}";`);
       }
 
       await this.sqlClient.raw(`CREATE SCHEMA IF NOT EXISTS ??`,[this.schema]);
@@ -409,7 +409,7 @@ class SnowflakeClient extends KnexClient {
       /** ************** START : create _evolution table if not exists *************** */
       const exists = await this.sqlClient.raw(
         `SELECT table_schema,table_name as "tn", table_catalog
-          FROM information_schema.tables
+          FROM "${this.database}".information_schema.tables
           where table_schema=? and table_name = ?`,
         [this.schema, args.tn]
       );
@@ -451,8 +451,8 @@ class SnowflakeClient extends KnexClient {
 
     try {
       const { rows } = await this.sqlClient.raw(
-        `SELECT table_schema,table_name as "tn", table_catalog FROM information_schema.tables where table_schema = ? and table_name = ? and table_catalog = ?`,
-        [this.schema, args.tn, this.connectionConfig.connection.database]
+        `SELECT table_schema,table_name as "tn", table_catalog FROM "${this.database}".information_schema.tables where table_schema = ? and table_name = ? and table_catalog = ?`,
+        [this.schema, args.tn, this.database]
       );
       result.data.value = rows.length > 0;
     } catch (e) {
@@ -472,7 +472,7 @@ class SnowflakeClient extends KnexClient {
 
     try {
       const { rows } = await this.sqlClient.raw(
-        `SELECT DATABASE_NAME as database FROM information_schema.DATABASES WHERE DATABASE_NAME = ?`,
+        `SELECT DATABASE_NAME as database FROM SNOWFLAKE.information_schema.DATABASES WHERE DATABASE_NAME = ?`,
         [args.databaseName]
       );
       result.data.value = rows.length > 0;
@@ -499,7 +499,7 @@ class SnowflakeClient extends KnexClient {
 
     try {
       const { rows } = await this.sqlClient.raw(
-        `SELECT DATABASE_NAME as database_name FROM information_schema.DATABASES;`
+        `SELECT DATABASE_NAME as database_name FROM SNOWFLAKE.information_schema.DATABASES;`
       );
       result.data.list = rows;
     } catch (e) {
@@ -525,7 +525,7 @@ class SnowflakeClient extends KnexClient {
     try {
       const { rows } = await this.raw(
         `SELECT table_schema as "ts", table_name as "tn", table_type as "table_type"
-              FROM information_schema.tables
+              FROM "${this.database}".information_schema.tables
               where table_schema = ?
               ORDER BY table_schema, table_name`,
         [this.schema]
@@ -551,7 +551,7 @@ class SnowflakeClient extends KnexClient {
 
     try {
       const { rows } = await this
-        .raw(`SELECT SCHEMA_NAME as "schema_name" FROM information_schema.SCHEMATA order by schema_name;`);
+        .raw(`SELECT SCHEMA_NAME as "schema_name" FROM "${this.database}".information_schema.SCHEMATA order by schema_name;`);
 
       result.data.list = rows;
     } catch (e) {
@@ -595,22 +595,25 @@ class SnowflakeClient extends KnexClient {
     const result = new Result();
     log.api(`${_func}:args:`, args);
     try {
-      args.databaseName = this.connectionConfig.connection.database;
-      await this.sqlClient.raw(`SHOW PRIMARY KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`);
-      await this.sqlClient.raw(`SHOW UNIQUE KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`);
+      args.databaseName = this.database;
+      await this.sqlClient.raw(`USE "${this.database}";`);
 
+      await this.sqlClient.raw(`SHOW PRIMARY KEYS IN SCHEMA "${this.database}"."${this.schema}";`);
+      await this.sqlClient.raw(`SHOW UNIQUE KEYS IN SCHEMA "${this.database}"."${this.schema}";`);
+      
+  
       const lastQueries = await this.sqlClient.raw(`
         select * from table(information_schema.query_history())
         WHERE query_text like 'SHOW%'
         ORDER BY start_time DESC
-        LIMIT 200`
+        LIMIT 200;`
       );
 
       let pk_query_id, uq_query_id;
       for (const r of lastQueries.rows) {
-        if (r.QUERY_TEXT === `SHOW PRIMARY KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`) {
+        if (r.QUERY_TEXT === `SHOW PRIMARY KEYS IN SCHEMA "${this.database}"."${this.schema}";`) {
           pk_query_id = r.QUERY_ID;
-        } else if (r.QUERY_TEXT === `SHOW UNIQUE KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`) {
+        } else if (r.QUERY_TEXT === `SHOW UNIQUE KEYS IN SCHEMA "${this.database}"."${this.schema}";`) {
           uq_query_id = r.QUERY_ID;
         }
         if (pk_query_id && uq_query_id) {
@@ -637,12 +640,12 @@ class SnowflakeClient extends KnexClient {
             "PK"."key_sequence" as "pk_ordinal_position",
             "PK"."constraint_name" as "pk_constraint_name",
             udt_name
-        FROM information_schema.COLUMNS cl
+        FROM "${this.database}".information_schema.COLUMNS cl
         LEFT JOIN (select * from table(result_scan('${pk_query_id}')) UNION select * from table(result_scan('${uq_query_id}'))) pk
-        LEFT JOIN information_schema.table_constraints tc ON tc.constraint_name = "PK"."constraint_name" 
+        LEFT JOIN "${this.database}".information_schema.table_constraints tc ON tc.constraint_name = "PK"."constraint_name" 
         ON "PK"."schema_name" = cl.table_schema and "PK"."table_name" = cl.table_name and pk."column_name" = cl.column_name
         WHERE cl.table_catalog = ? and cl.table_schema = ? and cl.table_name = ?;`,
-        [this.connectionConfig.connection.database, this.schema, args.tn]
+        [this.database, this.schema, args.tn]
       );
 
       const columns = [];
@@ -674,8 +677,8 @@ class SnowflakeClient extends KnexClient {
         column.un = response.rows[i].ct.indexOf('unsigned') !== -1;
 
         column.ai = false;
-        if (response.rows[i].cdf) {
-          column.ai = response.rows[i].cdf.indexOf('nextval') !== -1;
+        if (response.rows[i].au) {
+          column.ai = response.rows[i].au === 'YES';
         }
 
         // todo : need to find if column is unique or not
@@ -766,21 +769,22 @@ class SnowflakeClient extends KnexClient {
     const result = new Result();
     log.api(`${_func}:args:`, args);
     try {
-      await this.sqlClient.raw(`SHOW PRIMARY KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`);
-      await this.sqlClient.raw(`SHOW UNIQUE KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`);
+      await this.sqlClient.raw(`USE "${this.database}";`);
+      await this.sqlClient.raw(`SHOW PRIMARY KEYS IN SCHEMA "${this.database}"."${this.schema}";`);
+      await this.sqlClient.raw(`SHOW UNIQUE KEYS IN SCHEMA "${this.database}"."${this.schema}";`);
 
       const lastQueries = await this.sqlClient.raw(`
-        select * from table(information_schema.query_history())
+        select * from table(INFORMATION_SCHEMA.query_history())
         WHERE query_text like 'SHOW%'
         ORDER BY start_time DESC
-        LIMIT 200`
+        LIMIT 200;`
       );
 
       let pk_query_id, uq_query_id;
       for (const r of lastQueries.rows) {
-        if (r.QUERY_TEXT === `SHOW PRIMARY KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`) {
+        if (r.QUERY_TEXT === `SHOW PRIMARY KEYS IN SCHEMA "${this.database}"."${this.schema}";`) {
           pk_query_id = r.QUERY_ID;
-        } else if (r.QUERY_TEXT === `SHOW UNIQUE KEYS IN SCHEMA ${this.connectionConfig.connection.database}.${this.schema};`) {
+        } else if (r.QUERY_TEXT === `SHOW UNIQUE KEYS IN SCHEMA "${this.database}"."${this.schema}";`) {
           uq_query_id = r.QUERY_ID;
         }
         if (pk_query_id && uq_query_id) {
@@ -793,11 +797,11 @@ class SnowflakeClient extends KnexClient {
             constraint_name as "cstn",
             "PK"."column_name" as "cn",
             constraint_type as "cst"
-        FROM information_schema.table_constraints tc
+        FROM "${this.database}".information_schema.table_constraints tc
         LEFT JOIN (select * from table(result_scan('${pk_query_id}')) UNION select * from table(result_scan('${uq_query_id}'))) pk
         ON "PK"."constraint_name" = tc.constraint_name
         WHERE tc.table_catalog = ? and tc.table_schema = ? and tc.table_name = ?;`,
-        [this.connectionConfig.connection.database, this.schema, args.tn]);
+        [this.database, this.schema, args.tn]);
 
       result.data.list = rows;
     } catch (e) {
@@ -991,7 +995,7 @@ class SnowflakeClient extends KnexClient {
     log.api(`${_func}:args:`, args);
     try {
       const { rows } = await this.sqlClient.raw(
-        `select * from INFORMATION_SCHEMA.views WHERE table_schema = ?;`,
+        `select * from "${this.database}".INFORMATION_SCHEMA.views WHERE table_schema = ?;`,
           [this.schema]
       );
 
@@ -1074,10 +1078,10 @@ class SnowflakeClient extends KnexClient {
     const result = new Result();
     log.api(`${_func}:args:`, args);
     try {
-      args.databaseName = this.connectionConfig.connection.database;
+      args.databaseName = this.database;
 
       const { rows } = await this.sqlClient.raw(
-        `select * from INFORMATION_SCHEMA.views WHERE table_name='${args.view_name}' and table_schema = ${this.schema};`
+        `select * from "${this.database}".INFORMATION_SCHEMA.views WHERE table_name='${args.view_name}' and table_schema = '${this.schema}';`
       );
 
       for (let i = 0; i < rows.length; ++i) {
@@ -1366,7 +1370,7 @@ class SnowflakeClient extends KnexClient {
       throw new Error('Function not supported for Snowflake yet');
       const upQuery =
         this.querySeparator() +
-        `CREATE TRIGGER \`${args.procedure_name}\` \n${args.timing} ${args.event}\nON "${args.tn}" FOR EACH ROW\n${args.statement}`;
+        `CREATE TRIGGER \`${args.procedure_name}\` \n${args.timing} ${args.event}\nON ${this.getTnPath(args.tn)} FOR EACH ROW\n${args.statement}`;
       await this.sqlClient.raw(upQuery);
       const downQuery =
         this.querySeparator() +
@@ -1404,7 +1408,7 @@ class SnowflakeClient extends KnexClient {
         this.querySeparator() + `DROP TRIGGER ${args.procedure_name}`;
       const upQuery =
         this.querySeparator() +
-        `CREATE TRIGGER \`${args.procedure_name}\` \n${args.timing} ${args.event}\nON "${args.tn}" FOR EACH ROW\n${args.statement}`;
+        `CREATE TRIGGER \`${args.procedure_name}\` \n${args.timing} ${args.event}\nON ${this.getTnPath(args.tn)} FOR EACH ROW\n${args.statement}`;
 
       await this.sqlClient.raw(query);
       await this.sqlClient.raw(upQuery);
@@ -1439,7 +1443,7 @@ class SnowflakeClient extends KnexClient {
       throw new Error('Function not supported for Snowflake yet');
       const upQuery =
         this.querySeparator() +
-        `CREATE TRIGGER ${args.trigger_name} \n${args.timing} ${args.event}\nON "${args.tn}" FOR EACH ROW\n${args.statement}`;
+        `CREATE TRIGGER ${args.trigger_name} \n${args.timing} ${args.event}\nON ${this.getTnPath(args.tn)} FOR EACH ROW\n${args.statement}`;
       await this.sqlClient.raw(upQuery);
       result.data.object = {
         upStatement: [{ sql: upQuery }],
@@ -1476,7 +1480,7 @@ class SnowflakeClient extends KnexClient {
         `DROP TRIGGER ${args.trigger_name} ON ${args.tn}`
       );
       await this.sqlClient.raw(
-        `CREATE TRIGGER ${args.trigger_name} \n${args.timing} ${args.event}\nON "${args.tn}" FOR EACH ROW\n${args.statement}`
+        `CREATE TRIGGER ${args.trigger_name} \n${args.timing} ${args.event}\nON ${this.getTnPath(args.tn)} FOR EACH ROW\n${args.statement}`
       );
 
       result.data.object = {
@@ -1486,10 +1490,10 @@ class SnowflakeClient extends KnexClient {
             args.tn
           };${this.querySeparator()}CREATE TRIGGER ${args.trigger_name} \n${
             args.timing
-          } ${args.event}\nON "${args.tn}" FOR EACH ROW\n${args.statement}`,
+          } ${args.event}\nON ${this.getTnPath(args.tn)} FOR EACH ROW\n${args.statement}`,
         downStatement:
           this.querySeparator() +
-          `CREATE TRIGGER ${args.trigger_name} \n${args.timing} ${args.event}\nON "${args.tn}" FOR EACH ROW\n${args.oldStatement}`,
+          `CREATE TRIGGER ${args.trigger_name} \n${args.timing} ${args.event}\nON ${this.getTnPath(args.tn)} FOR EACH ROW\n${args.oldStatement}`,
       };
     } catch (e) {
       log.ppe(e, func);
@@ -1640,11 +1644,11 @@ class SnowflakeClient extends KnexClient {
 
       /**************** create table ****************/
       const upQuery = this.querySeparator() + this.createTable(args.tn, args);
-      await this.sqlClient.raw(upQuery);
+      await this.sqlClient.schema.raw(upQuery);
 
       const downStatement =
         this.querySeparator() +
-        this.sqlClient.schema.dropTable(args.table).toString();
+        this.sqlClient.raw(`DROP TABLE ${this.getTnPath(args.table)};`).toString();
 
       this.emit(`Success : ${upQuery}`);
 
@@ -1666,107 +1670,13 @@ class SnowflakeClient extends KnexClient {
     return result;
   }
 
-  async afterTableCreate(args) {
+  async afterTableCreate(_args) {
     const result = { upStatement: [], downStatement: [] };
-    let upQuery = '';
-    let downQuery = '';
-
-    // TODO handle
-    for (let i = 0; i < 0; i++) {
-      const column = args.columns[i];
-      if (column.au) {
-        const triggerFnName = `xc_au_${args.tn}_${column.cn}`;
-        const triggerName = `xc_trigger_${args.tn}_${column.cn}`;
-
-        const triggerFnQuery = this.genQuery(
-          `CREATE OR REPLACE FUNCTION ??()
-                          RETURNS TRIGGER AS $$
-                          BEGIN
-                            NEW.?? = NOW();
-                            RETURN NEW;
-                          END;
-                          $$ LANGUAGE plpgsql;`,
-          [triggerFnName, column.cn]
-        );
-
-        upQuery +=
-          this.querySeparator() +
-          triggerFnQuery +
-          this.querySeparator() +
-          this.genQuery(
-            `CREATE TRIGGER ??
-            BEFORE UPDATE ON ??
-            FOR EACH ROW
-            EXECUTE PROCEDURE ??();`,
-            [triggerName, args.tn, triggerFnName]
-          );
-
-        downQuery +=
-          this.querySeparator() +
-          this.genQuery(`DROP TRIGGER IF EXISTS ?? ON ??;`, [
-            triggerName,
-            args.tn,
-          ]) +
-          this.querySeparator() +
-          this.genQuery(`DROP FUNCTION IF EXISTS ??()`, [triggerFnName]);
-      }
-    }
-    await this.sqlClient.raw(upQuery);
-    result.upStatement[0] = { sql: upQuery };
-    result.downStatement[0] = { sql: downQuery };
-
     return result;
   }
 
-  async afterTableUpdate(args) {
+  async afterTableUpdate(_args) {
     const result = { upStatement: [], downStatement: [] };
-    let upQuery = '';
-    let downQuery = '';
-
-    // TODO handle
-    for (let i = 0; i < 0; i++) {
-      const column = args.columns[i];
-      if (column.au && column.altered === 1) {
-        const triggerFnName = `xc_au_${args.tn}_${column.cn}`;
-        const triggerName = `xc_trigger_${args.tn}_${column.cn}`;
-
-        const triggerFnQuery = this.genQuery(
-          `CREATE OR REPLACE FUNCTION ??()
-                          RETURNS TRIGGER AS $$
-                          BEGIN
-                            NEW.?? = NOW();
-                            RETURN NEW;
-                          END;
-                          $$ LANGUAGE plpgsql;`,
-          [triggerFnName, column.cn]
-        );
-
-        upQuery +=
-          this.querySeparator() +
-          triggerFnQuery +
-          this.querySeparator() +
-          this.genQuery(
-            `CREATE TRIGGER ??
-            BEFORE UPDATE ON ??
-            FOR EACH ROW
-            EXECUTE PROCEDURE ??();`,
-            [triggerName, args.tn, triggerFnName]
-          );
-
-        downQuery +=
-          this.querySeparator() +
-          this.genQuery(`DROP TRIGGER IF EXISTS ?? ON ??;`, [
-            triggerName,
-            args.tn,
-          ]) +
-          this.querySeparator() +
-          this.genQuery(`DROP FUNCTION IF EXISTS ??()`, [triggerFnName]);
-      }
-    }
-    await this.sqlClient.raw(upQuery);
-    result.upStatement[0] = { sql: upQuery };
-    result.downStatement[0] = { sql: downQuery };
-
     return result;
   }
 
@@ -1883,7 +1793,11 @@ class SnowflakeClient extends KnexClient {
         //downQuery = `ALTER TABLE "${args.columns[0].tn}" ${downQuery};`;
       }
 
-      await this.sqlClient.raw(upQuery);
+      for(const q of upQuery.split(';')) {
+        if (q && q.trim() !== '') {
+          await this.sqlClient.raw(q);
+        }
+      }
 
       // console.log(upQuery);
 
@@ -1924,7 +1838,7 @@ class SnowflakeClient extends KnexClient {
       /** ************** create up & down statements *************** */
       const upStatement =
         this.querySeparator() +
-        this.sqlClient.schema.dropTable(args.tn).toString();
+        this.sqlClient.raw(`DROP TABLE ${this.getTnPath(args.tn)};`).toString();
       let downQuery = this.createTable(args.tn, args);
 
       /**
@@ -2005,7 +1919,7 @@ class SnowflakeClient extends KnexClient {
       this.emit(`Success : ${upStatement}`);
 
       /** ************** drop tn *************** */
-      await this.sqlClient.schema.dropTable(args.tn);
+      await this.sqlClient.raw(`DROP TABLE ${this.getTnPath(args.tn)};`);
 
       /** ************** return files *************** */
       result.data.object = {
@@ -2058,7 +1972,7 @@ class SnowflakeClient extends KnexClient {
     const result = new Result();
     log.api(`${_func}:args:`, args);
     try {
-      result.data = `INSERT INTO \`${args.tn}\` (`;
+      result.data = `INSERT INTO ${this.getTnPath(args.tn)} (`;
       let values = ' VALUES (';
       const response = await this.columnList(args);
       if (response.data && response.data.list) {
@@ -2097,7 +2011,7 @@ class SnowflakeClient extends KnexClient {
     log.api(`${_func}:args:`, args);
 
     try {
-      result.data = `UPDATE "${args.tn}" \nSET\n`;
+      result.data = `UPDATE ${this.getTnPath(args.tn)} \nSET\n`;
       const response = await this.columnList(args);
       if (response.data && response.data.list) {
         for (let i = 0; i < response.data.list.length; ++i) {
@@ -2130,7 +2044,7 @@ class SnowflakeClient extends KnexClient {
     const result = new Result();
     log.api(`${_func}:args:`, args);
     try {
-      result.data = `DELETE FROM "${args.tn}" where ;`;
+      result.data = `DELETE FROM ${this.getTnPath(args.tn)} where ;`;
     } catch (e) {
       log.ppe(e, _func);
       throw e;
@@ -2151,7 +2065,7 @@ class SnowflakeClient extends KnexClient {
     const result = new Result();
     log.api(`${_func}:args:`, args);
     try {
-      result.data = `TRUNCATE TABLE "${args.tn}";`;
+      result.data = `TRUNCATE TABLE ${this.getTnPath(args.tn)};`;
     } catch (e) {
       log.ppe(e, _func);
       throw e;
@@ -2185,7 +2099,7 @@ class SnowflakeClient extends KnexClient {
         }
       }
 
-      result.data += ` FROM "${args.tn}";`;
+      result.data += ` FROM ${this.getTnPath(args.tn)};`;
     } catch (e) {
       log.ppe(e, _func);
       throw e;
@@ -2227,18 +2141,13 @@ class SnowflakeClient extends KnexClient {
       // do nothing
     } else if (pksChanged) {
       query += numOfPksInOriginal.length
-        ? this.genQuery(`alter TABLE ?? drop constraint IF EXISTS ??;`, [
-            t,
-            `${t}_pkey`,
-          ])
+        ? this.genQuery(`alter TABLE ${this.getTnPath(t)} drop constraint IF EXISTS ??;`, [`${t}_pkey`])
         : '';
       if (numOfPksInNew.length) {
-        if (createTable) {
-          query += this.genQuery(`, PRIMARY KEY(??)`, [numOfPksInNew]);
-        } else {
+        if (!createTable) {
           query += this.genQuery(
-            `alter TABLE ?? add constraint ?? PRIMARY KEY(??);`,
-            [t, `${t}_pkey`, numOfPksInNew]
+            `alter TABLE ${this.getTnPath(t)} add constraint ?? PRIMARY KEY(??);`,
+            [`${t}_pkey`, numOfPksInNew]
           );
         }
       }
@@ -2251,8 +2160,8 @@ class SnowflakeClient extends KnexClient {
     const shouldSanitize = true;
     let query = existingQuery ? ',' : '';
     query += this.genQuery(
-      `ALTER TABLE ?? DROP COLUMN ??`,
-      [t, n.cn],
+      `ALTER TABLE ${this.getTnPath(t)} DROP COLUMN ??`,
+      [n.cn],
       shouldSanitize
     );
     return query;
@@ -2274,12 +2183,12 @@ class SnowflakeClient extends KnexClient {
     let query = '';
 
     for (let i = 0; i < args.columns.length; ++i) {
-      query += this.createTableColumn(table, args.columns[i], null, query);
+      query += this.createTableColumn(this.getTnPath(table), args.columns[i], null, query);
     }
 
-    query += this.alterTablePK(table, args.columns, [], query, true);
+    query += this.alterTablePK(this.getTnPath(table), args.columns, [], query, true);
 
-    query = this.genQuery(`CREATE TABLE ?? (${query});`, [args.tn]);
+    query = this.genQuery(`CREATE TABLE ${this.getTnPath(args.tn)} (${query});`);
 
     return query;
   }
@@ -2293,13 +2202,7 @@ class SnowflakeClient extends KnexClient {
     if (change === 0) {
       query = existingQuery ? ',' : '';
       if (n.ai) {
-        if (n.dt === 'int8' || n.dt.indexOf('bigint') > -1) {
-          query += this.genQuery(` ?? bigserial`, [n.cn], shouldSanitize);
-        } else if (n.dt === 'int2' || n.dt.indexOf('smallint') > -1) {
-          query += this.genQuery(` ?? smallserial`, [n.cn], shouldSanitize);
-        } else {
-          query += this.genQuery(` ?? serial`, [n.cn], shouldSanitize);
-        }
+        query += this.genQuery(` ?? NUMBER(38,0) NOT NULL autoincrement PRIMARY KEY UNIQUE`, [n.cn], shouldSanitize);
       } else {
         query += this.genQuery(` ?? ${n.dt}`, [n.cn], shouldSanitize);
         query += n.rqd ? ' NOT NULL' : ' NULL';
@@ -2309,28 +2212,28 @@ class SnowflakeClient extends KnexClient {
       query += this.genQuery(` ADD ?? ${n.dt}`, [n.cn], shouldSanitize);
       query += n.rqd ? ' NOT NULL' : ' NULL';
       query += defaultValue ? ` DEFAULT ${defaultValue}` : '';
-      query = this.genQuery(`ALTER TABLE ?? ${query};`, [t], shouldSanitize);
+      query = this.genQuery(`ALTER TABLE ${this.getTnPath(t)} ${query};`, [], shouldSanitize);
     } else {
       if (n.cn !== o.cn) {
         query += this.genQuery(
-          `\nALTER TABLE ?? RENAME COLUMN ?? TO ?? ;\n`,
-          [t, o.cn, n.cn],
+          `\nALTER TABLE ${this.getTnPath(t)} RENAME COLUMN ?? TO ?? ;\n`,
+          [o.cn, n.cn],
           shouldSanitize
         );
       }
 
       if (n.dt !== o.dt) {
         query += this.genQuery(
-          `\nALTER TABLE ?? ALTER COLUMN ?? TYPE ${n.dt} USING ??::${n.dt};\n`,
-          [t, n.cn, n.cn],
+          `\nALTER TABLE ${this.getTnPath(t)} ALTER COLUMN ?? SET DATA TYPE ${n.dt};\n`,
+          [n.cn],
           shouldSanitize
         );
       }
 
       if (n.rqd !== o.rqd) {
         query += this.genQuery(
-          `\nALTER TABLE ?? ALTER COLUMN ?? `,
-          [t, n.cn],
+          `\nALTER TABLE ${this.getTnPath(t)} ALTER COLUMN ?? `,
+          [n.cn],
           shouldSanitize
         );
         query += n.rqd ? ` SET NOT NULL;\n` : ` DROP NOT NULL;\n`;
@@ -2338,8 +2241,8 @@ class SnowflakeClient extends KnexClient {
 
       if (n.cdf !== o.cdf) {
         query += this.genQuery(
-          `\nALTER TABLE ?? ALTER COLUMN ?? `,
-          [t, n.cn],
+          `\nALTER TABLE ${this.getTnPath(t)} ALTER COLUMN ?? `,
+          [n.cn],
           shouldSanitize
         );
         query += n.cdf ? ` SET DEFAULT ${n.cdf};\n` : ` DROP DEFAULT;\n`;
@@ -2355,6 +2258,17 @@ class SnowflakeClient extends KnexClient {
     );
   }
 
+  get database() {
+    return (
+      (this.connectionConfig &&
+        this.connectionConfig.connection.database)
+    );
+  }
+
+  getTnPath(t) {
+    return `"${this.database}"."${this.schema}"."${t}"`;
+  }
+
   /**
    *
    * @param {Object} args
@@ -2371,7 +2285,7 @@ class SnowflakeClient extends KnexClient {
       const data = await this.sqlClient.raw(
         `SELECT SUM(record_count) as "TotalRecords" FROM 
         (SELECT t.table_schema || '.' ||  t.table_name as "table_name",t.row_count as record_count
-          FROM information_schema.tables t
+          FROM "${this.database}".information_schema.tables t
           WHERE t.table_type = 'BASE TABLE and table_schema = ?'
         )`,
         [this.schema]
@@ -2386,6 +2300,27 @@ class SnowflakeClient extends KnexClient {
     }
     return result;
   }
+
+  // Todo: error handling
+  async insert(args) {
+    const { tn, data } = args;
+    const res = await this.sqlClient(this.getTnPath(tn)).insert(data);
+    log.debug(res);
+    return res;
+  }
+
+  async update(args) {
+    const { tn, data, whereConditions } = args;
+    const res = await this.sqlClient(this.getTnPath(tn)).where(whereConditions).update(data);
+    return res;
+  }
+
+  async delete(args) {
+    const { tn, whereConditions } = args;
+    const res = await this.sqlClient(this.getTnPath(tn)).where(whereConditions).del();
+    log.debug(res);
+    return res;
+  }
 }
 
 function getDefaultValue(n) {
diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
index 12265b76c0..9d32105b5e 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
@@ -1557,6 +1557,11 @@ class BaseModelSqlv2 {
                 .select(ai.column_name)
                 .max(ai.column_name, { as: 'id' })
             )[0].id;
+          } else if (this.isSnowflake) {
+            id = ((
+              await this.dbDriver(this.tnPath)
+                .max(ai.column_name, { as: 'id' })
+            ) as any).rows[0].id;
           }
           response = await this.readByPk(id);
         } else {
@@ -1670,9 +1675,11 @@ class BaseModelSqlv2 {
   private getTnPath(tb: Model) {
     const schema = (this.dbDriver as any).searchPath?.();
     const table =
-      this.isMssql && schema
-        ? this.dbDriver.raw('??.??', [schema, tb.table_name])
-        : tb.table_name;
+    this.isMssql && schema
+      ? this.dbDriver.raw('??.??', [schema, tb.table_name])
+      : this.isSnowflake
+      ? this.dbDriver.raw(`"${this.dbDriver.client.config.connection.database}"."${this.dbDriver.client.config.connection.schema}"."${tb.table_name}"`)
+      : tb.table_name;
     return table;
   }
 
@@ -1802,7 +1809,19 @@ class BaseModelSqlv2 {
         }
 
         if (ai) {
-          // response = await this.readByPk(id)
+          if (this.isSqlite) {
+            // sqlite doesnt return id after insert
+            id = (
+              await this.dbDriver(this.tnPath)
+                .select(ai.column_name)
+                .max(ai.column_name, { as: 'id' })
+            )[0].id;
+          } else if (this.isSnowflake) {
+            id = ((
+              await this.dbDriver(this.tnPath)
+                .max(ai.column_name, { as: 'id' })
+            ) as any).rows[0].id;
+          }
           response = await this.readByPk(id);
         } else {
           response = data;
@@ -1875,10 +1894,10 @@ class BaseModelSqlv2 {
       const response =
         this.isPg || this.isMssql
           ? await this.dbDriver
-              .batchInsert(this.model.table_name, insertDatas, chunkSize)
+              .batchInsert(this.tnPath, insertDatas, chunkSize)
               .returning(this.model.primaryKey?.column_name)
           : await this.dbDriver.batchInsert(
-              this.model.table_name,
+              this.tnPath,
               insertDatas,
               chunkSize
             );
@@ -1911,7 +1930,7 @@ class BaseModelSqlv2 {
           continue;
         }
         const wherePk = await this._wherePk(pkValues);
-        const response = await transaction(this.model.table_name)
+        const response = await transaction(this.tnPath)
           .update(d)
           .where(wherePk);
         res.push(response);
@@ -1991,7 +2010,7 @@ class BaseModelSqlv2 {
       const res = [];
       for (const d of deleteIds) {
         if (Object.keys(d).length) {
-          const response = await transaction(this.model.table_name)
+          const response = await transaction(this.tnPath)
             .del()
             .where(d);
           res.push(response);
@@ -2240,7 +2259,7 @@ class BaseModelSqlv2 {
             subject: 'NocoDB Form',
             html: ejs.render(formSubmissionEmailTemplate, {
               data: transformedData,
-              tn: this.model.table_name,
+              tn: this.tnPath,
               _tn: this.model.title,
             }),
           });
@@ -2559,7 +2578,7 @@ class BaseModelSqlv2 {
       } else {
         groupingValues = new Set(
           (
-            await this.dbDriver(this.model.table_name)
+            await this.dbDriver(this.tnPath)
               .select(column.column_name)
               .distinct()
           ).map((row) => row[column.column_name])
@@ -2567,7 +2586,7 @@ class BaseModelSqlv2 {
         groupingValues.add(null);
       }
 
-      const qb = this.dbDriver(this.model.table_name);
+      const qb = this.dbDriver(this.tnPath);
       qb.limit(+rest?.limit || 25);
       qb.offset(+rest?.offset || 0);
 
@@ -2705,7 +2724,7 @@ class BaseModelSqlv2 {
     if (isVirtualCol(column))
       NcError.notImplemented('Grouping for virtual columns not implemented');
 
-    const qb = this.dbDriver(this.model.table_name)
+    const qb = this.dbDriver(this.tnPath)
       .count('*', { as: 'count' })
       .groupBy(column.column_name);
 

From 6abd3cf2d1a8b5e4e2816ce12078e22a5b541693 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Sat, 3 Dec 2022 22:48:50 +0300
Subject: [PATCH 046/103] feat: snowflake for multiple-base

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 .../settings/data-sources/CreateBase.vue      | 39 +++++++++++++++++++
 .../settings/data-sources/EditBase.vue        | 39 +++++++++++++++++++
 .../lib/db/sql-client/lib/SqlClientFactory.ts |  2 +-
 .../db/sql-data-mapper/lib/sql/CustomKnex.ts  |  2 +-
 4 files changed, 80 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue b/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
index af1562ebd1..94d35c1226 100644
--- a/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
+++ b/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
@@ -83,6 +83,8 @@ const validators = computed(() => {
       ? {
           'dataSource.connection.connection.filename': [fieldRequiredValidator()],
         }
+      : formState.dataSource.client === ClientType.SNOWFLAKE
+      ? {}
       : {
           'dataSource.connection.host': [fieldRequiredValidator()],
           'dataSource.connection.port': [fieldRequiredValidator()],
@@ -383,6 +385,43 @@ watch(
         <a-input v-model:value="(formState.dataSource.connection as SQLiteConnection).connection.filename" />
       </a-form-item>
 
+      <template v-else-if="formState.dataSource.client === ClientType.SNOWFLAKE">
+        <!-- Account -->
+        <a-form-item label="Account">
+          <a-input v-model:value="formState.dataSource.connection.account" class="nc-extdb-account" />
+        </a-form-item>
+
+        <!-- Username -->
+        <a-form-item :label="$t('labels.username')" v-bind="validateInfos['dataSource.connection.user']">
+          <a-input v-model:value="formState.dataSource.connection.username" class="nc-extdb-host-user" />
+        </a-form-item>
+
+        <!-- Password -->
+        <a-form-item :label="$t('labels.password')">
+          <a-input-password v-model:value="formState.dataSource.connection.password" class="nc-extdb-host-password" />
+        </a-form-item>
+
+        <!-- Warehouse -->
+        <a-form-item label="Warehouse">
+          <a-input v-model:value="formState.dataSource.connection.warehouse" />
+        </a-form-item>
+
+        <!-- Database -->
+        <a-form-item :label="$t('labels.database')" v-bind="validateInfos['dataSource.connection.database']">
+          <!-- Database : create if not exists -->
+          <a-input
+            v-model:value="formState.dataSource.connection.database"
+            :placeholder="$t('labels.dbCreateIfNotExists')"
+            class="nc-extdb-host-database"
+          />
+        </a-form-item>
+
+        <!-- Schema name -->
+        <a-form-item :label="$t('labels.schemaName')">
+          <a-input v-model:value="formState.dataSource.connection.schema" />
+        </a-form-item>
+      </template>
+
       <template v-else>
         <!-- Host Address -->
         <a-form-item :label="$t('labels.hostAddress')" v-bind="validateInfos['dataSource.connection.host']">
diff --git a/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue b/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
index c22b1eb751..dfbd20b4f3 100644
--- a/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
+++ b/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
@@ -84,6 +84,8 @@ const validators = computed(() => {
       ? {
           'dataSource.connection.connection.filename': [fieldRequiredValidator()],
         }
+      : formState.value.dataSource.client === ClientType.SNOWFLAKE
+      ? {}
       : {
           'dataSource.connection.host': [fieldRequiredValidator()],
           'dataSource.connection.port': [fieldRequiredValidator()],
@@ -376,6 +378,43 @@ onMounted(async () => {
         <a-input v-model:value="(formState.dataSource.connection as SQLiteConnection).connection.filename" />
       </a-form-item>
 
+      <template v-else-if="formState.dataSource.client === ClientType.SNOWFLAKE">
+        <!-- Account -->
+        <a-form-item label="Account">
+          <a-input v-model:value="formState.dataSource.connection.account" class="nc-extdb-account" />
+        </a-form-item>
+
+        <!-- Username -->
+        <a-form-item :label="$t('labels.username')" v-bind="validateInfos['dataSource.connection.user']">
+          <a-input v-model:value="formState.dataSource.connection.username" class="nc-extdb-host-user" />
+        </a-form-item>
+
+        <!-- Password -->
+        <a-form-item :label="$t('labels.password')">
+          <a-input-password v-model:value="formState.dataSource.connection.password" class="nc-extdb-host-password" />
+        </a-form-item>
+
+        <!-- Warehouse -->
+        <a-form-item label="Warehouse">
+          <a-input v-model:value="formState.dataSource.connection.warehouse" />
+        </a-form-item>
+
+        <!-- Database -->
+        <a-form-item :label="$t('labels.database')" v-bind="validateInfos['dataSource.connection.database']">
+          <!-- Database : create if not exists -->
+          <a-input
+            v-model:value="formState.dataSource.connection.database"
+            :placeholder="$t('labels.dbCreateIfNotExists')"
+            class="nc-extdb-host-database"
+          />
+        </a-form-item>
+
+        <!-- Schema name -->
+        <a-form-item :label="$t('labels.schemaName')">
+          <a-input v-model:value="formState.dataSource.connection.schema" />
+        </a-form-item>
+      </template>
+
       <template v-else>
         <!-- Host Address -->
         <a-form-item :label="$t('labels.hostAddress')" v-bind="validateInfos['dataSource.connection.host']">
diff --git a/packages/nocodb/src/lib/db/sql-client/lib/SqlClientFactory.ts b/packages/nocodb/src/lib/db/sql-client/lib/SqlClientFactory.ts
index a3a6af266e..02c6798f56 100644
--- a/packages/nocodb/src/lib/db/sql-client/lib/SqlClientFactory.ts
+++ b/packages/nocodb/src/lib/db/sql-client/lib/SqlClientFactory.ts
@@ -7,7 +7,7 @@ import YugabyteClient from './pg/YugabyteClient';
 import TidbClient from './mysql/TidbClient';
 import VitessClient from './mysql/VitessClient';
 import SfClient from './snowflake/SnowflakeClient';
-import { SnowflakeClient } from 'knex-snowflake';
+import { SnowflakeClient } from 'nc-help';
 
 class SqlClientFactory {
   static create(connectionConfig) {
diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/CustomKnex.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/CustomKnex.ts
index 426e0860c6..b0a203966f 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/CustomKnex.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/CustomKnex.ts
@@ -1,5 +1,5 @@
 import { Knex, knex } from 'knex';
-import { SnowflakeClient } from 'knex-snowflake';
+import { SnowflakeClient } from 'nc-help';
 
 const types = require('pg').types;
 // override parsing date column to Date()

From 2758569b242cf3891a007d6f151595895565fc57 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Wed, 7 Dec 2022 02:59:49 +0300
Subject: [PATCH 047/103] feat: relations for snowflake client

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 packages/nc-gui/utils/projectCreateUtils.ts   |   2 +-
 .../lib/snowflake/SnowflakeClient.ts          | 309 +++++++++++++++---
 .../sql-data-mapper/lib/sql/BaseModelSqlv2.ts |  42 ++-
 3 files changed, 297 insertions(+), 56 deletions(-)

diff --git a/packages/nc-gui/utils/projectCreateUtils.ts b/packages/nc-gui/utils/projectCreateUtils.ts
index 29d526a212..6846c749c7 100644
--- a/packages/nc-gui/utils/projectCreateUtils.ts
+++ b/packages/nc-gui/utils/projectCreateUtils.ts
@@ -54,7 +54,7 @@ const testDataBaseNames = {
 }
 
 export const getTestDatabaseName = (db: { client: ClientType; connection?: { database?: string } }) => {
-  if (db.client === ClientType.PG) return db.connection?.database
+  if (db.client === ClientType.PG || db.client === ClientType.SNOWFLAKE) return db.connection?.database
   return testDataBaseNames[db.client as keyof typeof testDataBaseNames]
 }
 
diff --git a/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts b/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
index 737fa7b995..7689dedf8f 100644
--- a/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
+++ b/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
@@ -361,10 +361,9 @@ class SnowflakeClient extends KnexClient {
       if (rows.length === 0) {
         log.debug('creating database:', args);
         await this.sqlClient.raw(`CREATE DATABASE ??`, [args.database]);
-        await this.sqlClient.raw(`USE "${this.database}";`);
       }
 
-      await this.sqlClient.raw(`CREATE SCHEMA IF NOT EXISTS ??`,[this.schema]);
+      await this.sqlClient.raw(`CREATE SCHEMA IF NOT EXISTS ??.??`,[args.database, this.schema]);
 
     } catch (e) {
       log.ppe(e, _func);
@@ -596,17 +595,15 @@ class SnowflakeClient extends KnexClient {
     log.api(`${_func}:args:`, args);
     try {
       args.databaseName = this.database;
-      await this.sqlClient.raw(`USE "${this.database}";`);
-
       await this.sqlClient.raw(`SHOW PRIMARY KEYS IN SCHEMA "${this.database}"."${this.schema}";`);
       await this.sqlClient.raw(`SHOW UNIQUE KEYS IN SCHEMA "${this.database}"."${this.schema}";`);
       
   
       const lastQueries = await this.sqlClient.raw(`
-        select * from table(information_schema.query_history())
+        select * from table("${this.database}".information_schema.query_history())
         WHERE query_text like 'SHOW%'
         ORDER BY start_time DESC
-        LIMIT 200;`
+        LIMIT 30;`
       );
 
       let pk_query_id, uq_query_id;
@@ -769,15 +766,14 @@ class SnowflakeClient extends KnexClient {
     const result = new Result();
     log.api(`${_func}:args:`, args);
     try {
-      await this.sqlClient.raw(`USE "${this.database}";`);
       await this.sqlClient.raw(`SHOW PRIMARY KEYS IN SCHEMA "${this.database}"."${this.schema}";`);
       await this.sqlClient.raw(`SHOW UNIQUE KEYS IN SCHEMA "${this.database}"."${this.schema}";`);
 
       const lastQueries = await this.sqlClient.raw(`
-        select * from table(INFORMATION_SCHEMA.query_history())
+        select * from table("${this.database}".INFORMATION_SCHEMA.query_history())
         WHERE query_text like 'SHOW%'
         ORDER BY start_time DESC
-        LIMIT 200;`
+        LIMIT 30;`
       );
 
       let pk_query_id, uq_query_id;
@@ -830,12 +826,46 @@ class SnowflakeClient extends KnexClient {
    * @property {String} - relations[].dr -
    * @property {String} - relations[].mo -
    */
-  async relationList(args: any = {}) {
+   async relationList(args: any = {}) {
     const _func = this.relationList.name;
     const result = new Result();
     log.api(`${_func}:args:`, args);
     try {
-      result.data.list = [];
+      await this.sqlClient.raw(`SHOW IMPORTED KEYS IN SCHEMA "${this.database}"."${this.schema}";`);
+
+      const lastQueries = await this.sqlClient.raw(`
+        select * from table("${this.database}".information_schema.query_history())
+        WHERE query_text like 'SHOW%'
+        ORDER BY start_time DESC
+        LIMIT 30;`
+      );
+
+      let ik_query_id;
+      for (const r of lastQueries.rows) {
+        if (r.QUERY_TEXT === `SHOW IMPORTED KEYS IN SCHEMA "${this.database}"."${this.schema}";`) {
+          ik_query_id = r.QUERY_ID;
+          break;
+        }
+      }
+
+      const { rows } = await this.sqlClient.raw(
+        `SELECT
+            constraint_name as "cstn",
+            "PK"."fk_table_name" as "tn",
+            "PK"."fk_column_name" as "cn",
+            "PK"."pk_schema_name" as "foreign_table_schema",
+            "PK"."pk_table_name" as "rtn",
+            "PK"."pk_column_name" as "rcn",
+            "PK"."update_rule" as "ur",
+            "PK"."delete_rule" as "dr"
+        FROM "${this.database}".information_schema.table_constraints tc
+        LEFT JOIN (select * from table(result_scan('${ik_query_id}'))) pk
+        ON "PK"."fk_name" = tc.constraint_name
+        WHERE tc.constraint_type = 'FOREIGN KEY' and tc.table_catalog = ? and tc.table_schema = ? and tc.table_name = ?;`,
+        [this.database, this.schema, args.tn]
+      );
+
+      result.data.list = rows;
     } catch (e) {
       log.ppe(e, _func);
       throw e;
@@ -863,11 +893,45 @@ class SnowflakeClient extends KnexClient {
    * @property {String} - relations[].mo -
    */
   async relationListAll(args: any = {}) {
-    const _func = this.relationList.name;
+    const _func = this.relationListAll.name;
     const result = new Result();
     log.api(`${_func}:args:`, args);
     try {
-      result.data.list = [];
+      await this.sqlClient.raw(`SHOW IMPORTED KEYS IN SCHEMA "${this.database}"."${this.schema}";`);
+
+      const lastQueries = await this.sqlClient.raw(`
+        select * from table("${this.database}".information_schema.query_history())
+        WHERE query_text like 'SHOW%'
+        ORDER BY start_time DESC
+        LIMIT 30;`
+      );
+
+      let ik_query_id;
+      for (const r of lastQueries.rows) {
+        if (r.QUERY_TEXT === `SHOW IMPORTED KEYS IN SCHEMA "${this.database}"."${this.schema}";`) {
+          ik_query_id = r.QUERY_ID;
+          break;
+        }
+      }
+
+      const { rows } = await this.sqlClient.raw(
+        `SELECT
+            constraint_name as "cstn",
+            "PK"."fk_table_name" as "tn",
+            "PK"."fk_column_name" as "cn",
+            "PK"."pk_schema_name" as "foreign_table_schema",
+            "PK"."pk_table_name" as "rtn",
+            "PK"."pk_column_name" as "rcn",
+            "PK"."update_rule" as "ur",
+            "PK"."delete_rule" as "dr"
+        FROM "${this.database}".information_schema.table_constraints tc
+        LEFT JOIN (select * from table(result_scan('${ik_query_id}'))) pk
+        ON "PK"."fk_name" = tc.constraint_name
+        WHERE tc.constraint_type = 'FOREIGN KEY' and tc.table_catalog = ? and tc.table_schema = ?;`,
+        [this.database, this.schema]
+      );
+
+      result.data.list = rows;
     } catch (e) {
       log.ppe(e, _func);
       throw e;
@@ -1648,7 +1712,7 @@ class SnowflakeClient extends KnexClient {
 
       const downStatement =
         this.querySeparator() +
-        this.sqlClient.raw(`DROP TABLE ${this.getTnPath(args.table)};`).toString();
+        this.sqlClient.raw(`DROP TABLE ??`, [this.getTnPath(args.table)]).toString();
 
       this.emit(`Success : ${upQuery}`);
 
@@ -1838,7 +1902,7 @@ class SnowflakeClient extends KnexClient {
       /** ************** create up & down statements *************** */
       const upStatement =
         this.querySeparator() +
-        this.sqlClient.raw(`DROP TABLE ${this.getTnPath(args.tn)};`).toString();
+        this.sqlClient.raw(`DROP TABLE ??`, [this.getTnPath(args.tn)]).toString();
       let downQuery = this.createTable(args.tn, args);
 
       /**
@@ -1919,7 +1983,7 @@ class SnowflakeClient extends KnexClient {
       this.emit(`Success : ${upStatement}`);
 
       /** ************** drop tn *************** */
-      await this.sqlClient.raw(`DROP TABLE ${this.getTnPath(args.tn)};`);
+      await this.sqlClient.raw(`DROP TABLE ??`, [this.getTnPath(args.tn)]);
 
       /** ************** return files *************** */
       result.data.object = {
@@ -1934,6 +1998,160 @@ class SnowflakeClient extends KnexClient {
     return result;
   }
 
+  /**
+   *
+   * @param {Object} - args
+   * @param {String} - args.parentTable
+   * @param {String} - args.parentColumn
+   * @param {String} - args.childColumn
+   * @param {String} - args.childTable
+   * @returns {Promise<{upStatement, downStatement}>}
+   */
+   async relationCreate(args) {
+    const _func = this.relationCreate.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    const foreignKeyName = args.foreignKeyName || null;
+
+    try {
+      // s = await this.sqlClient.schema.index(Object.keys(args.columns));
+
+      await this.sqlClient.schema.table(args.childTable, (table) => {
+        table = table
+          .foreign(args.childColumn, foreignKeyName)
+          .references(args.parentColumn)
+          .on(this.getTnPath(args.parentTable));
+
+        if (args.onUpdate) {
+          table = table.onUpdate(args.onUpdate);
+        }
+        if (args.onDelete) {
+          table = table.onDelete(args.onDelete);
+        }
+      });
+
+      const upStatement =
+        this.querySeparator() +
+        (await this.sqlClient.schema
+          .table(args.childTable, (table) => {
+            table = table
+              .foreign(args.childColumn, foreignKeyName)
+              .references(args.parentColumn)
+              .on(this.getTnPath(args.parentTable));
+
+            if (args.onUpdate) {
+              table = table.onUpdate(args.onUpdate);
+            }
+            if (args.onDelete) {
+              table = table.onDelete(args.onDelete);
+            }
+          })
+          .toQuery());
+
+      this.emit(`Success : ${upStatement}`);
+
+      const downStatement =
+        this.querySeparator() +
+        this.sqlClient.schema
+          .table(args.childTable, (table) => {
+            table = table.dropForeign(args.childColumn, foreignKeyName);
+          })
+          .toQuery();
+
+      // let files = this.evolutionFilesCreate(args, upStatement, downStatement);
+      //
+      // // create a migration file
+      // //let files = this.evolutionForCreateRel(args);
+      //
+      // await this.sqlClient('xc_evolutions').insert({
+      //   title: files.up,
+      //   titleDown: files.down,
+      //   description: '',
+      //   status: 0
+      //   //created: Date.now()
+      // })
+
+      result.data.object = {
+        upStatement: [{ sql: upStatement }],
+        downStatement: [{ sql: downStatement }],
+      };
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    return result;
+  }
+
+  /**
+   *
+   * @param {Object} - args
+   * @param {String} - args.parentTable
+   * @param {String} - args.parentColumn
+   * @param {String} - args.childColumn
+   * @param {String} - args.childTable
+   * @param {String} - args.foreignKeyName
+   * @returns {Promise<{upStatement, downStatement}>}
+   */
+  async relationDelete(args) {
+    const _func = this.relationDelete.name;
+    const result = new Result();
+    log.api(`${_func}:args:`, args);
+
+    const foreignKeyName = args.foreignKeyName || null;
+
+    try {
+      // const self = this;
+
+      await this.sqlClient.schema.table(args.childTable, function (table) {
+        table.dropForeign(args.childColumn, foreignKeyName);
+      });
+
+      const upStatement =
+        this.querySeparator() +
+        this.sqlClient.schema
+          .table(args.childTable, function (table) {
+            table.dropForeign(args.childColumn, foreignKeyName);
+          })
+          .toQuery();
+
+      const downStatement =
+        this.querySeparator() +
+        (await this.sqlClient.schema
+          .table(args.childTable, (table) => {
+            table
+              .foreign(args.childColumn, foreignKeyName)
+              .references(args.parentColumn)
+              .on(this.getTnPath(args.parentTable));
+          })
+          .toQuery());
+
+      // let files = this.evolutionFilesCreate(args, upStatement, downStatement);
+      //
+      // // create a migration file
+      // //let files = this.evolutionForCreateRel(args);
+      //
+      // await this.sqlClient('xc_evolutions').insert({
+      //   title: files.up,
+      //   titleDown: files.down,
+      //   description: '',
+      //   status: 0
+      //   //created: Date.now()
+      // })
+
+      result.data.object = {
+        upStatement: [{ sql: upStatement }],
+        downStatement: [{ sql: downStatement }],
+      };
+    } catch (e) {
+      log.ppe(e, _func);
+      throw e;
+    }
+
+    return result;
+  }
+
   /**
    *
    * @param args
@@ -1968,11 +2186,11 @@ class SnowflakeClient extends KnexClient {
    * @returns {String} result.data
    */
   async tableInsertStatement(args) {
-    const _func = this.tableCreateStatement.name;
+    const _func = this.tableInsertStatement.name;
     const result = new Result();
     log.api(`${_func}:args:`, args);
     try {
-      result.data = `INSERT INTO ${this.getTnPath(args.tn)} (`;
+      result.data = `INSERT INTO ?? (`;
       let values = ' VALUES (';
       const response = await this.columnList(args);
       if (response.data && response.data.list) {
@@ -1990,6 +2208,7 @@ class SnowflakeClient extends KnexClient {
       result.data += `)`;
       values += `);`;
       result.data += values;
+      result.data = this.genQuery(result.data, [this.getTnPath(args.tn)]);
     } catch (e) {
       log.ppe(e, _func);
       throw e;
@@ -2011,7 +2230,7 @@ class SnowflakeClient extends KnexClient {
     log.api(`${_func}:args:`, args);
 
     try {
-      result.data = `UPDATE ${this.getTnPath(args.tn)} \nSET\n`;
+      result.data = `UPDATE ?? \nSET\n`;
       const response = await this.columnList(args);
       if (response.data && response.data.list) {
         for (let i = 0; i < response.data.list.length; ++i) {
@@ -2024,6 +2243,7 @@ class SnowflakeClient extends KnexClient {
       }
 
       result.data += ';';
+      result.data = this.genQuery(result.data, [this.getTnPath(args.tn)]);
     } catch (e) {
       log.ppe(e, _func);
       throw e;
@@ -2044,7 +2264,8 @@ class SnowflakeClient extends KnexClient {
     const result = new Result();
     log.api(`${_func}:args:`, args);
     try {
-      result.data = `DELETE FROM ${this.getTnPath(args.tn)} where ;`;
+      result.data = `DELETE FROM ?? where ;`;
+      result.data = this.genQuery(result.data, [this.getTnPath(args.tn)]);
     } catch (e) {
       log.ppe(e, _func);
       throw e;
@@ -2065,7 +2286,8 @@ class SnowflakeClient extends KnexClient {
     const result = new Result();
     log.api(`${_func}:args:`, args);
     try {
-      result.data = `TRUNCATE TABLE ${this.getTnPath(args.tn)};`;
+      result.data = `TRUNCATE TABLE ??`;
+      result.data = this.genQuery(result.data, [this.getTnPath(args.tn)]);
     } catch (e) {
       log.ppe(e, _func);
       throw e;
@@ -2099,7 +2321,8 @@ class SnowflakeClient extends KnexClient {
         }
       }
 
-      result.data += ` FROM ${this.getTnPath(args.tn)};`;
+      result.data += ` FROM ??;`;
+      result.data = this.genQuery(result.data, [this.getTnPath(args.tn)]);
     } catch (e) {
       log.ppe(e, _func);
       throw e;
@@ -2141,13 +2364,13 @@ class SnowflakeClient extends KnexClient {
       // do nothing
     } else if (pksChanged) {
       query += numOfPksInOriginal.length
-        ? this.genQuery(`alter TABLE ${this.getTnPath(t)} drop constraint IF EXISTS ??;`, [`${t}_pkey`])
+        ? this.genQuery(`alter TABLE ?? drop constraint IF EXISTS ??;`, [this.getTnPath(t), `${t}_pkey`])
         : '';
       if (numOfPksInNew.length) {
         if (!createTable) {
           query += this.genQuery(
-            `alter TABLE ${this.getTnPath(t)} add constraint ?? PRIMARY KEY(??);`,
-            [`${t}_pkey`, numOfPksInNew]
+            `alter TABLE ?? add constraint ?? PRIMARY KEY(??);`,
+            [this.getTnPath(t), `${t}_pkey`, numOfPksInNew]
           );
         }
       }
@@ -2160,8 +2383,8 @@ class SnowflakeClient extends KnexClient {
     const shouldSanitize = true;
     let query = existingQuery ? ',' : '';
     query += this.genQuery(
-      `ALTER TABLE ${this.getTnPath(t)} DROP COLUMN ??`,
-      [n.cn],
+      `ALTER TABLE ?? DROP COLUMN ??`,
+      [this.getTnPath(t), n.cn],
       shouldSanitize
     );
     return query;
@@ -2183,12 +2406,12 @@ class SnowflakeClient extends KnexClient {
     let query = '';
 
     for (let i = 0; i < args.columns.length; ++i) {
-      query += this.createTableColumn(this.getTnPath(table), args.columns[i], null, query);
+      query += this.createTableColumn(table, args.columns[i], null, query);
     }
 
-    query += this.alterTablePK(this.getTnPath(table), args.columns, [], query, true);
+    query += this.alterTablePK(table, args.columns, [], query, true);
 
-    query = this.genQuery(`CREATE TABLE ${this.getTnPath(args.tn)} (${query});`);
+    query = this.genQuery(`CREATE TABLE ?? (${query});`, [this.getTnPath(args.tn)]);
 
     return query;
   }
@@ -2212,28 +2435,28 @@ class SnowflakeClient extends KnexClient {
       query += this.genQuery(` ADD ?? ${n.dt}`, [n.cn], shouldSanitize);
       query += n.rqd ? ' NOT NULL' : ' NULL';
       query += defaultValue ? ` DEFAULT ${defaultValue}` : '';
-      query = this.genQuery(`ALTER TABLE ${this.getTnPath(t)} ${query};`, [], shouldSanitize);
+      query = this.genQuery(`ALTER TABLE ?? ${query};`, [this.getTnPath(t)], shouldSanitize);
     } else {
       if (n.cn !== o.cn) {
         query += this.genQuery(
-          `\nALTER TABLE ${this.getTnPath(t)} RENAME COLUMN ?? TO ?? ;\n`,
-          [o.cn, n.cn],
+          `\nALTER TABLE ?? RENAME COLUMN ?? TO ?? ;\n`,
+          [this.getTnPath(t), o.cn, n.cn],
           shouldSanitize
         );
       }
 
       if (n.dt !== o.dt) {
         query += this.genQuery(
-          `\nALTER TABLE ${this.getTnPath(t)} ALTER COLUMN ?? SET DATA TYPE ${n.dt};\n`,
-          [n.cn],
+          `\nALTER TABLE ?? ALTER COLUMN ?? SET DATA TYPE ${n.dt};\n`,
+          [this.getTnPath(t), n.cn],
           shouldSanitize
         );
       }
 
       if (n.rqd !== o.rqd) {
         query += this.genQuery(
-          `\nALTER TABLE ${this.getTnPath(t)} ALTER COLUMN ?? `,
-          [n.cn],
+          `\nALTER TABLE ?? ALTER COLUMN ?? `,
+          [this.getTnPath(t), n.cn],
           shouldSanitize
         );
         query += n.rqd ? ` SET NOT NULL;\n` : ` DROP NOT NULL;\n`;
@@ -2241,8 +2464,8 @@ class SnowflakeClient extends KnexClient {
 
       if (n.cdf !== o.cdf) {
         query += this.genQuery(
-          `\nALTER TABLE ${this.getTnPath(t)} ALTER COLUMN ?? `,
-          [n.cn],
+          `\nALTER TABLE ?? ALTER COLUMN ?? `,
+          [this.getTnPath(t), n.cn],
           shouldSanitize
         );
         query += n.cdf ? ` SET DEFAULT ${n.cdf};\n` : ` DROP DEFAULT;\n`;
@@ -2266,7 +2489,7 @@ class SnowflakeClient extends KnexClient {
   }
 
   getTnPath(t) {
-    return `"${this.database}"."${this.schema}"."${t}"`;
+    return `${this.database}.${this.schema}.${t}`;
   }
 
   /**
@@ -2304,20 +2527,20 @@ class SnowflakeClient extends KnexClient {
   // Todo: error handling
   async insert(args) {
     const { tn, data } = args;
-    const res = await this.sqlClient(this.getTnPath(tn)).insert(data);
+    const res = await this.sqlClient(tn).insert(data);
     log.debug(res);
     return res;
   }
 
   async update(args) {
     const { tn, data, whereConditions } = args;
-    const res = await this.sqlClient(this.getTnPath(tn)).where(whereConditions).update(data);
+    const res = await this.sqlClient(tn).where(whereConditions).update(data);
     return res;
   }
 
   async delete(args) {
     const { tn, whereConditions } = args;
-    const res = await this.sqlClient(this.getTnPath(tn)).where(whereConditions).del();
+    const res = await this.sqlClient(tn).where(whereConditions).del();
     log.debug(res);
     return res;
   }
diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
index 9d32105b5e..f81db31d55 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
@@ -1561,7 +1561,7 @@ class BaseModelSqlv2 {
             id = ((
               await this.dbDriver(this.tnPath)
                 .max(ai.column_name, { as: 'id' })
-            ) as any).rows[0].id;
+            ) as any)[0].id;
           }
           response = await this.readByPk(id);
         } else {
@@ -1678,7 +1678,7 @@ class BaseModelSqlv2 {
     this.isMssql && schema
       ? this.dbDriver.raw('??.??', [schema, tb.table_name])
       : this.isSnowflake
-      ? this.dbDriver.raw(`"${this.dbDriver.client.config.connection.database}"."${this.dbDriver.client.config.connection.schema}"."${tb.table_name}"`)
+      ? [this.dbDriver.client.config.connection.database, this.dbDriver.client.config.connection.schema, tb.table_name].join('.')
       : tb.table_name;
     return table;
   }
@@ -2381,16 +2381,34 @@ class BaseModelSqlv2 {
 
           const vTn = this.getTnPath(vTable);
 
-          await this.dbDriver(vTn).insert({
-            [vParentCol.column_name]: this.dbDriver(parentTn)
-              .select(parentColumn.column_name)
-              .where(_wherePk(parentTable.primaryKeys, childId))
-              .first(),
-            [vChildCol.column_name]: this.dbDriver(childTn)
-              .select(childColumn.column_name)
-              .where(_wherePk(childTable.primaryKeys, rowId))
-              .first(),
-          });
+          if (this.isSnowflake) {
+            const parentPK = this.dbDriver(parentTn)
+            .select(parentColumn.column_name)
+            .where(_wherePk(parentTable.primaryKeys, childId))
+            .first();
+
+            const childPK = this.dbDriver(childTn)
+            .select(childColumn.column_name)
+            .where(_wherePk(childTable.primaryKeys, rowId))
+            .first();
+
+            await this.dbDriver.raw(`INSERT INTO ?? (??, ??) SELECT (${parentPK.toQuery()}), (${childPK.toQuery()})`, [
+              vTn,
+              vParentCol.column_name,
+              vChildCol.column_name,
+            ])
+          } else {
+            await this.dbDriver(vTn).insert({
+              [vParentCol.column_name]: this.dbDriver(parentTn)
+                .select(parentColumn.column_name)
+                .where(_wherePk(parentTable.primaryKeys, childId))
+                .first(),
+              [vChildCol.column_name]: this.dbDriver(childTn)
+                .select(childColumn.column_name)
+                .where(_wherePk(childTable.primaryKeys, rowId))
+                .first(),
+            });
+          }
         }
         break;
       case RelationTypes.HAS_MANY:

From 459377c5e148efc3bab0f2e7310ef7d09b28b9ed Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Fri, 9 Dec 2022 02:27:40 +0300
Subject: [PATCH 048/103] fix: pk handling for snowflake client

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts    |  2 +-
 .../db/sql-client/lib/snowflake/SnowflakeClient.ts  | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts b/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts
index 4c8a06776a..d43931de14 100644
--- a/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts
+++ b/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts
@@ -812,7 +812,7 @@ export class SnowflakeUi {
     switch (col.uidt) {
       case 'ID':
         if (idType === 'AG') {
-          return ['char', 'character', 'VARCHAR'];
+          return ['VARCHAR'];
         } else if (idType === 'AI') {
           return [
             'NUMBER'
diff --git a/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts b/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
index 7689dedf8f..ad8c19f7e6 100644
--- a/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
+++ b/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
@@ -2364,13 +2364,18 @@ class SnowflakeClient extends KnexClient {
       // do nothing
     } else if (pksChanged) {
       query += numOfPksInOriginal.length
-        ? this.genQuery(`alter TABLE ?? drop constraint IF EXISTS ??;`, [this.getTnPath(t), `${t}_pkey`])
+        ? this.genQuery(`alter TABLE ?? drop constraint IF EXISTS ??;`, [
+            t,
+            `${t}_pkey`,
+          ])
         : '';
       if (numOfPksInNew.length) {
-        if (!createTable) {
+        if (createTable) {
+          query += this.genQuery(`, constraint ?? PRIMARY KEY (??)`, [`${t}_pkey`, numOfPksInNew]);
+        } else {
           query += this.genQuery(
             `alter TABLE ?? add constraint ?? PRIMARY KEY(??);`,
-            [this.getTnPath(t), `${t}_pkey`, numOfPksInNew]
+            [t, `${t}_pkey`, numOfPksInNew]
           );
         }
       }
@@ -2425,7 +2430,7 @@ class SnowflakeClient extends KnexClient {
     if (change === 0) {
       query = existingQuery ? ',' : '';
       if (n.ai) {
-        query += this.genQuery(` ?? NUMBER(38,0) NOT NULL autoincrement PRIMARY KEY UNIQUE`, [n.cn], shouldSanitize);
+        query += this.genQuery(` ?? NUMBER(38,0) NOT NULL autoincrement UNIQUE`, [n.cn], shouldSanitize);
       } else {
         query += this.genQuery(` ?? ${n.dt}`, [n.cn], shouldSanitize);
         query += n.rqd ? ' NOT NULL' : ' NULL';

From d029c893264cae0f309a0396878625740599fd4b Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Fri, 9 Dec 2022 03:50:56 +0300
Subject: [PATCH 049/103] feat: dtxp handling for snowflake client

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 .../nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts   | 35 ++++++-------------
 .../lib/snowflake/SnowflakeClient.ts          |  5 ++-
 2 files changed, 15 insertions(+), 25 deletions(-)

diff --git a/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts b/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts
index d43931de14..0a58f2fdd2 100644
--- a/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts
+++ b/packages/nocodb-sdk/src/lib/sqlUi/SnowflakeUi.ts
@@ -164,6 +164,11 @@ export class SnowflakeUi {
 
   static getDefaultLengthForDatatype(type): any {
     switch (type) {
+      case 'VARCHAR':
+      case 'CHAR':
+      case 'CHARACTER':
+      case 'STRING':
+        return 255;
       case 'NUMBER':
       case 'DECIMAL':
       case 'NUMERIC':
@@ -179,31 +184,16 @@ export class SnowflakeUi {
       case 'DOUBLE':
       case 'DOUBLE PRECISION':
       case 'REAL':
-      case 'VARCHAR':
-      case 'CHAR':
-      case 'CHARACTER':
-      case 'STRING':
-      case 'TEXT':
-      case 'BINARY':
-      case 'VARBINARY':
-      case 'BOOLEAN':
-      case 'DATE':
-      case 'DATETIME':
-      case 'TIME':
-      case 'TIMESTAMP':
-      case 'TIMESTAMP_LTZ':
-      case 'TIMESTAMP_NTZ':
-      case 'TIMESTAMP_TZ':
-      case 'VARIANT':
-      case 'OBJECT':
-      case 'ARRAY':
-      case 'GEOGRAPHY':
-        return '';
+        return 38;
     }
   }
 
   static getDefaultLengthIsDisabled(type): any {
     switch (type) {
+      case 'VARCHAR':
+      case 'CHAR':
+      case 'CHARACTER':
+      case 'STRING':
       case 'NUMBER':
       case 'DECIMAL':
       case 'NUMERIC':
@@ -219,10 +209,7 @@ export class SnowflakeUi {
       case 'DOUBLE':
       case 'DOUBLE PRECISION':
       case 'REAL':
-      case 'VARCHAR':
-      case 'CHAR':
-      case 'CHARACTER':
-      case 'STRING':
+        return false;
       case 'TEXT':
       case 'BINARY':
       case 'VARBINARY':
diff --git a/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts b/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
index ad8c19f7e6..8eae107d58 100644
--- a/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
+++ b/packages/nocodb/src/lib/db/sql-client/lib/snowflake/SnowflakeClient.ts
@@ -2433,11 +2433,13 @@ class SnowflakeClient extends KnexClient {
         query += this.genQuery(` ?? NUMBER(38,0) NOT NULL autoincrement UNIQUE`, [n.cn], shouldSanitize);
       } else {
         query += this.genQuery(` ?? ${n.dt}`, [n.cn], shouldSanitize);
+        query += n.dtxp && n.dt !== 'text' ? `(${n.dtxp})` : '';
         query += n.rqd ? ' NOT NULL' : ' NULL';
         query += defaultValue ? ` DEFAULT ${defaultValue}` : '';
       }
     } else if (change === 1) {
       query += this.genQuery(` ADD ?? ${n.dt}`, [n.cn], shouldSanitize);
+      query += n.dtxp && n.dt !== 'text' ? `(${n.dtxp})` : '';
       query += n.rqd ? ' NOT NULL' : ' NULL';
       query += defaultValue ? ` DEFAULT ${defaultValue}` : '';
       query = this.genQuery(`ALTER TABLE ?? ${query};`, [this.getTnPath(t)], shouldSanitize);
@@ -2452,10 +2454,11 @@ class SnowflakeClient extends KnexClient {
 
       if (n.dt !== o.dt) {
         query += this.genQuery(
-          `\nALTER TABLE ?? ALTER COLUMN ?? SET DATA TYPE ${n.dt};\n`,
+          `\nALTER TABLE ?? ALTER COLUMN ?? SET DATA TYPE ${n.dt}`,
           [this.getTnPath(t), n.cn],
           shouldSanitize
         );
+        query += n.dtxp && n.dt !== 'text' ? `(${n.dtxp});\n` : ';\n';
       }
 
       if (n.rqd !== o.rqd) {

From 3ca32b8047c95d67cc654b8371404aa34c655ae0 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Fri, 9 Dec 2022 14:16:08 +0300
Subject: [PATCH 050/103] fix: clientType property for custom knex

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 .../nocodb/src/lib/db/sql-data-mapper/lib/sql/CustomKnex.ts   | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/CustomKnex.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/CustomKnex.ts
index b0a203966f..da5f1c30a3 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/CustomKnex.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/CustomKnex.ts
@@ -1022,7 +1022,9 @@ function CustomKnex(arg: string | Knex.Config<any> | any): CustomKnex {
       value: () => {
         return typeof arg === 'string'
           ? arg.match(/^(\w+):/) ?? [1]
-          : (arg.client?.name === 'SnowflakeClient') ? 'snowflake' : arg.client;
+          : (typeof arg.client === 'string')
+            ? arg.client
+            : arg.client?.prototype?.dialect || arg.client?.prototype?.driverName;
       },
     },
     searchPath: {

From 2315a39d1b30f88f40fce3727fb2012e85d8caf1 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Fri, 9 Dec 2022 14:21:02 +0300
Subject: [PATCH 051/103] feat: logo for snowflake bases

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 packages/nc-gui/components/general/BaseLogo.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/nc-gui/components/general/BaseLogo.vue b/packages/nc-gui/components/general/BaseLogo.vue
index aad12fa922..856262d607 100644
--- a/packages/nc-gui/components/general/BaseLogo.vue
+++ b/packages/nc-gui/components/general/BaseLogo.vue
@@ -3,6 +3,7 @@ import LogosMysqlIcon from '~icons/logos/mysql-icon'
 import LogosPostgresql from '~icons/logos/postgresql'
 import VscodeIconsFileTypeSqlite from '~icons/vscode-icons/file-type-sqlite'
 import SimpleIconsMicrosoftsqlserver from '~icons/simple-icons/microsoftsqlserver'
+import LogosSnowflakeIcon from '~icons/logos/snowflake-icon'
 import MdiDatabaseOutline from '~icons/mdi/database-outline'
 
 const { baseType } = defineProps<{ baseType?: string }>()
@@ -17,6 +18,8 @@ const baseIcon = computed(() => {
       return VscodeIconsFileTypeSqlite
     case ClientType.MSSQL:
       return SimpleIconsMicrosoftsqlserver
+    case ClientType.SNOWFLAKE:
+      return LogosSnowflakeIcon
     default:
       return MdiDatabaseOutline
   }

From dd1172e84972fd9ef869c123890c1d7cb239e019 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Fri, 9 Dec 2022 14:23:52 +0300
Subject: [PATCH 052/103] fix: connection requirements for snowflake connection

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 packages/nc-gui/utils/projectCreateUtils.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/utils/projectCreateUtils.ts b/packages/nc-gui/utils/projectCreateUtils.ts
index 6846c749c7..81a4d79fc3 100644
--- a/packages/nc-gui/utils/projectCreateUtils.ts
+++ b/packages/nc-gui/utils/projectCreateUtils.ts
@@ -38,8 +38,8 @@ export interface SnowflakeConnection {
   username: string
   password: string
   warehouse: string
-  database?: string
-  schema?: string
+  database: string
+  schema: string
 }
 
 const defaultHost = 'localhost'

From ea30080eeea421abc882d127a47e90d5f53f6b03 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Wed, 21 Dec 2022 19:26:44 +0300
Subject: [PATCH 053/103] chore: upgrade nc-help

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 packages/nocodb/package-lock.json | 1957 +++++++++++++++++++++++++++--
 packages/nocodb/package.json      |    4 +-
 2 files changed, 1871 insertions(+), 90 deletions(-)

diff --git a/packages/nocodb/package-lock.json b/packages/nocodb/package-lock.json
index 3b8d492b72..a5c94b46eb 100644
--- a/packages/nocodb/package-lock.json
+++ b/packages/nocodb/package-lock.json
@@ -53,7 +53,7 @@
         "jsep": "^1.3.6",
         "jsonfile": "^6.1.0",
         "jsonwebtoken": "^8.5.1",
-        "knex": "^2.2.0",
+        "knex": "2.2.0",
         "lodash": "^4.17.19",
         "lru-cache": "^6.0.0",
         "mailersend": "^1.1.0",
@@ -64,7 +64,7 @@
         "multer": "^1.4.2",
         "mysql2": "^2.2.5",
         "nanoid": "^3.1.20",
-        "nc-help": "0.2.82",
+        "nc-help": "0.2.85",
         "nc-lib-gui": "0.100.2",
         "nc-plugin": "0.1.2",
         "ncp": "^2.0.0",
@@ -214,6 +214,31 @@
         "node": ">=12.0.0"
       }
     },
+    "node_modules/@azure/core-http": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@azure/core-http/-/core-http-2.3.1.tgz",
+      "integrity": "sha512-cur03BUwV0Tbv81bQBOLafFB02B6G++K6F2O3IMl8pSE2QlXm3cu11bfyBNlDUKi5U+xnB3GC63ae3athhkx6Q==",
+      "dependencies": {
+        "@azure/abort-controller": "^1.0.0",
+        "@azure/core-auth": "^1.3.0",
+        "@azure/core-tracing": "1.0.0-preview.13",
+        "@azure/core-util": "^1.1.1",
+        "@azure/logger": "^1.0.0",
+        "@types/node-fetch": "^2.5.0",
+        "@types/tunnel": "^0.0.3",
+        "form-data": "^4.0.0",
+        "node-fetch": "^2.6.7",
+        "process": "^0.11.10",
+        "tough-cookie": "^4.0.0",
+        "tslib": "^2.2.0",
+        "tunnel": "^0.0.6",
+        "uuid": "^8.3.0",
+        "xml2js": "^0.4.19"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/@azure/core-http-compat": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@azure/core-http-compat/-/core-http-compat-1.3.0.tgz",
@@ -227,6 +252,18 @@
         "node": ">=12.0.0"
       }
     },
+    "node_modules/@azure/core-http/node_modules/@azure/core-tracing": {
+      "version": "1.0.0-preview.13",
+      "resolved": "https://registry.npmjs.org/@azure/core-tracing/-/core-tracing-1.0.0-preview.13.tgz",
+      "integrity": "sha512-KxDlhXyMlh2Jhj2ykX6vNEU0Vou4nHr025KoSEiz7cS3BNiHNaZcdECk/DmLkEB0as5T7b/TpRcehJ5yV6NeXQ==",
+      "dependencies": {
+        "@opentelemetry/api": "^1.0.1",
+        "tslib": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/@azure/core-lro": {
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/@azure/core-lro/-/core-lro-2.4.0.tgz",
@@ -454,6 +491,44 @@
         "node": "10 || 12 || 14 || 16 || 18"
       }
     },
+    "node_modules/@azure/storage-blob": {
+      "version": "12.12.0",
+      "resolved": "https://registry.npmjs.org/@azure/storage-blob/-/storage-blob-12.12.0.tgz",
+      "integrity": "sha512-o/Mf6lkyYG/eBW4/hXB9864RxVNmAkcKHjsGR6Inlp5hupa3exjSyH2KjO3tLO//YGA+tS+17hM2bxRl9Sn16g==",
+      "dependencies": {
+        "@azure/abort-controller": "^1.0.0",
+        "@azure/core-http": "^2.0.0",
+        "@azure/core-lro": "^2.2.0",
+        "@azure/core-paging": "^1.1.1",
+        "@azure/core-tracing": "1.0.0-preview.13",
+        "@azure/logger": "^1.0.0",
+        "events": "^3.0.0",
+        "tslib": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@azure/storage-blob/node_modules/@azure/core-tracing": {
+      "version": "1.0.0-preview.13",
+      "resolved": "https://registry.npmjs.org/@azure/core-tracing/-/core-tracing-1.0.0-preview.13.tgz",
+      "integrity": "sha512-KxDlhXyMlh2Jhj2ykX6vNEU0Vou4nHr025KoSEiz7cS3BNiHNaZcdECk/DmLkEB0as5T7b/TpRcehJ5yV6NeXQ==",
+      "dependencies": {
+        "@opentelemetry/api": "^1.0.1",
+        "tslib": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@azure/storage-blob/node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
     "node_modules/@babel/helper-validator-identifier": {
       "version": "7.16.7",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz",
@@ -1005,6 +1080,14 @@
         "npm": ">=5.0.0"
       }
     },
+    "node_modules/@opentelemetry/api": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/api/-/api-1.3.0.tgz",
+      "integrity": "sha512-YveTnGNsFFixTKJz09Oi4zYkiLT5af3WpZDu4aIUM7xX+2bHAkOJayFTVQd6zB8kkWPpbua4Ha6Ql00grdLlJQ==",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
     "node_modules/@rudderstack/rudder-sdk-node": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/@rudderstack/rudder-sdk-node/-/rudder-sdk-node-1.1.4.tgz",
@@ -1235,6 +1318,18 @@
         "node": ">=6"
       }
     },
+    "node_modules/@techteamer/ocsp": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@techteamer/ocsp/-/ocsp-1.0.0.tgz",
+      "integrity": "sha512-lNAOoFHaZN+4huo30ukeqVrUmfC+avoEBYQ11QAnAw1PFhnI5oBCg8O/TNiCoEWix7gNGBIEjrQwtPREqKMPog==",
+      "dependencies": {
+        "asn1.js": "^5.4.1",
+        "asn1.js-rfc2560": "^5.0.1",
+        "asn1.js-rfc5280": "^3.0.0",
+        "async": "^3.2.1",
+        "simple-lru-cache": "^0.0.2"
+      }
+    },
     "node_modules/@tootallnate/once": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
@@ -1393,6 +1488,28 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.0.0.tgz",
       "integrity": "sha512-cHlGmko4gWLVI27cGJntjs/Sj8th9aYwplmZFwmmgYQQvL5NUsgVJG7OddLvNfLqYS31KFN0s3qlaD9qCaxACA=="
     },
+    "node_modules/@types/node-fetch": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.2.tgz",
+      "integrity": "sha512-DHqhlq5jeESLy19TYhLakJ07kNumXWjcDdxXsLUMJZ6ue8VZJj4kLPQVE/2mdHh3xZziNF1xppu5lwmS53HR+A==",
+      "dependencies": {
+        "@types/node": "*",
+        "form-data": "^3.0.0"
+      }
+    },
+    "node_modules/@types/node-fetch/node_modules/form-data": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-3.0.1.tgz",
+      "integrity": "sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/@types/nodemailer": {
       "version": "6.4.4",
       "resolved": "https://registry.npmjs.org/@types/nodemailer/-/nodemailer-6.4.4.tgz",
@@ -1463,6 +1580,14 @@
       "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.2.tgz",
       "integrity": "sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg=="
     },
+    "node_modules/@types/tunnel": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/@types/tunnel/-/tunnel-0.0.3.tgz",
+      "integrity": "sha512-sOUTGn6h1SfQ+gbgqC364jLFBw2lnFqkgF3q0WovEHRLMrVD1sd5aufqi/aJObLekJO+Aq5z646U4Oxy6shXMA==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/validator": {
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@types/validator/-/validator-13.0.0.tgz",
@@ -2122,6 +2247,11 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
+    },
     "node_modules/anymatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
@@ -2392,6 +2522,25 @@
         "safer-buffer": "^2.1.0"
       }
     },
+    "node_modules/asn1.js-rfc2560": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/asn1.js-rfc2560/-/asn1.js-rfc2560-5.0.1.tgz",
+      "integrity": "sha512-1PrVg6kuBziDN3PGFmRk3QrjpKvP9h/Hv5yMrFZvC1kpzP6dQRzf5BpKstANqHBkaOUmTpakJWhicTATOA/SbA==",
+      "dependencies": {
+        "asn1.js-rfc5280": "^3.0.0"
+      },
+      "peerDependencies": {
+        "asn1.js": "^5.0.0"
+      }
+    },
+    "node_modules/asn1.js-rfc5280": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/asn1.js-rfc5280/-/asn1.js-rfc5280-3.0.0.tgz",
+      "integrity": "sha512-Y2LZPOWeZ6qehv698ZgOGGCZXBQShObWnGthTrIFlIQjuV1gg2B8QOhWFRExq/MR1VnPpIIe7P9vX2vElxv+Pg==",
+      "dependencies": {
+        "asn1.js": "^5.0.0"
+      }
+    },
     "node_modules/asn1.js/node_modules/bn.js": {
       "version": "4.12.0",
       "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
@@ -2448,6 +2597,17 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/ast-types": {
+      "version": "0.13.4",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.13.4.tgz",
+      "integrity": "sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==",
+      "dependencies": {
+        "tslib": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/astral-regex": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
@@ -2689,6 +2849,14 @@
       "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-2.4.3.tgz",
       "integrity": "sha512-V/Hy/X9Vt7f3BbPJEi8BdVFMByHi+jNXrYkW3huaybV/kQ0KJg0Y6PkEMbn+zeT+i+SiKZ/HMqJGIIt4LZDqNQ=="
     },
+    "node_modules/big-integer": {
+      "version": "1.6.51",
+      "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.51.tgz",
+      "integrity": "sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
     "node_modules/big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
@@ -2715,6 +2883,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/binascii": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/binascii/-/binascii-0.0.2.tgz",
+      "integrity": "sha512-rA2CrUl1+6yKrn+XgLs8Hdy18OER1UW146nM+ixzhQXDY+Bd3ySkyIJGwF2a4I45JwbvF1mDL/nWkqBwpOcdBA=="
+    },
     "node_modules/bindings": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
@@ -2896,6 +3069,14 @@
       "resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
       "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow=="
     },
+    "node_modules/browser-request": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/browser-request/-/browser-request-0.3.3.tgz",
+      "integrity": "sha512-YyNI4qJJ+piQG6MMEuo7J3Bzaqssufx04zpEKYfSrl/1Op59HWali9zMtBpXnkmqMcOuWJPZvudrm9wISmnCbg==",
+      "engines": [
+        "node"
+      ]
+    },
     "node_modules/browser-stdout": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz",
@@ -4037,6 +4218,11 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/copy-to": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/copy-to/-/copy-to-2.0.1.tgz",
+      "integrity": "sha512-3DdaFaU/Zf1AnpLiFDeNCD4TOWe3Zl2RZaTzUvWiIk5ERzcCodOE20Vqq4fzCbNoHURFHT4/us/Lfq+S2zyY4w=="
+    },
     "node_modules/core-util-is": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
@@ -4348,6 +4534,14 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/data-uri-to-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-3.0.1.tgz",
+      "integrity": "sha512-WboRycPNsVw3B3TL559F7kuBUM4d8CgMEvk6xEJlOp7OBPjt6G7z8WMWlD2rOFZLk6OYfFIUGsCOWzcQH9K2og==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/data-urls": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz",
@@ -4490,6 +4684,17 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/default-user-agent": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/default-user-agent/-/default-user-agent-1.0.0.tgz",
+      "integrity": "sha512-bDF7bg6OSNcSwFWPu4zYKpVkJZQYVrAANMYB8bc9Szem1D0yKdm4sa/rOCs2aC9+2GMqQ7KnwtZRvDhmLF0dXw==",
+      "dependencies": {
+        "os-name": "~1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
     "node_modules/defer-to-connect": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.1.3.tgz",
@@ -4532,6 +4737,97 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/degenerator": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/degenerator/-/degenerator-3.0.2.tgz",
+      "integrity": "sha512-c0mef3SNQo56t6urUU6tdQAs+ThoD0o9B9MJ8HEt7NQcGEILCRFqQb7ZbP9JAv+QF1Ky5plydhMR/IrqWDm+TQ==",
+      "dependencies": {
+        "ast-types": "^0.13.2",
+        "escodegen": "^1.8.1",
+        "esprima": "^4.0.0",
+        "vm2": "^3.9.8"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/degenerator/node_modules/escodegen": {
+      "version": "1.14.3",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.14.3.tgz",
+      "integrity": "sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==",
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^4.2.0",
+        "esutils": "^2.0.2",
+        "optionator": "^0.8.1"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
+    "node_modules/degenerator/node_modules/levn": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
+      "integrity": "sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==",
+      "dependencies": {
+        "prelude-ls": "~1.1.2",
+        "type-check": "~0.3.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/degenerator/node_modules/optionator": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
+      "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
+      "dependencies": {
+        "deep-is": "~0.1.3",
+        "fast-levenshtein": "~2.0.6",
+        "levn": "~0.3.0",
+        "prelude-ls": "~1.1.2",
+        "type-check": "~0.3.2",
+        "word-wrap": "~1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/degenerator/node_modules/prelude-ls": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
+      "integrity": "sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/degenerator/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/degenerator/node_modules/type-check": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
+      "integrity": "sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==",
+      "dependencies": {
+        "prelude-ls": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -4653,6 +4949,17 @@
       "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
       "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA=="
     },
+    "node_modules/digest-header": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/digest-header/-/digest-header-1.0.0.tgz",
+      "integrity": "sha512-sRTuakZ2PkOUCuAaVv+SLjhr/hRf8ldZP0XnGEQ69RFGxmll5fVaMsnRXWKKK4XsUTnJf8+eRPSFNgE/lWa9wQ==",
+      "dependencies": {
+        "utility": "^1.17.0"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
     "node_modules/dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -5741,7 +6048,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
       "engines": {
         "node": ">=4.0"
       }
@@ -5956,7 +6262,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
       "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
-      "dev": true,
       "dependencies": {
         "homedir-polyfill": "^1.0.1"
       },
@@ -6805,6 +7110,27 @@
         "url": "https://ko-fi.com/tunnckoCore/commissions"
       }
     },
+    "node_modules/formstream": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/formstream/-/formstream-1.1.1.tgz",
+      "integrity": "sha512-yHRxt3qLFnhsKAfhReM4w17jP+U1OlhUjnKPPtonwKbIJO7oBP0MvoxkRUwb8AU9n0MIkYy5X5dK6pQnbj+R2Q==",
+      "dependencies": {
+        "destroy": "^1.0.4",
+        "mime": "^2.5.2",
+        "pause-stream": "~0.0.11"
+      }
+    },
+    "node_modules/formstream/node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -6960,6 +7286,39 @@
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
+    "node_modules/ftp": {
+      "version": "0.3.10",
+      "resolved": "https://registry.npmjs.org/ftp/-/ftp-0.3.10.tgz",
+      "integrity": "sha512-faFVML1aBx2UoDStmLwv2Wptt4vw5x03xxX172nhA5Y5HBshW5JweqQ2W4xL4dezQTG8inJsuYcpPHHU3X5OTQ==",
+      "dependencies": {
+        "readable-stream": "1.1.x",
+        "xregexp": "2.0.0"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/ftp/node_modules/isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ=="
+    },
+    "node_modules/ftp/node_modules/readable-stream": {
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
+      "integrity": "sha512-+MeVjFf4L44XUkhM1eYbD8fyEsxcV81pqMSR5gblfcLCHfZvbrqy4/qYHE+/R5HoBUT11WV5O08Cr1n3YXkWVQ==",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.1",
+        "isarray": "0.0.1",
+        "string_decoder": "~0.10.x"
+      }
+    },
+    "node_modules/ftp/node_modules/string_decoder": {
+      "version": "0.10.31",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+      "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ=="
+    },
     "node_modules/function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@@ -7069,6 +7428,14 @@
         "is-property": "^1.0.2"
       }
     },
+    "node_modules/generic-pool": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/generic-pool/-/generic-pool-3.9.0.tgz",
+      "integrity": "sha512-hymDOu5B53XvN4QT9dBmZxPX4CWhBPPLguTZ9MMFeFa/Kg0xWVfylOVNlJji/E7yTZWFd/q9GO5TxDLq156D7g==",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
     "node_modules/get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
@@ -7157,18 +7524,79 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/get-value": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
-      "integrity": "sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==",
-      "dev": true,
+    "node_modules/get-uri": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/get-uri/-/get-uri-3.0.2.tgz",
+      "integrity": "sha512-+5s0SJbGoyiJTZZ2JTpFPLMPSch72KEqGOTvQsBqg0RBWvwhWUSYZFAtz3TPW0GXJuLBJPts1E241iHg+VRfhg==",
+      "dependencies": {
+        "@tootallnate/once": "1",
+        "data-uri-to-buffer": "3",
+        "debug": "4",
+        "file-uri-to-path": "2",
+        "fs-extra": "^8.1.0",
+        "ftp": "^0.3.10"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 6"
       }
     },
-    "node_modules/getopts": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/getopts/-/getopts-2.3.0.tgz",
+    "node_modules/get-uri/node_modules/@tootallnate/once": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
+      "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/get-uri/node_modules/file-uri-to-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-2.0.0.tgz",
+      "integrity": "sha512-hjPFI8oE/2iQPVe4gbrJ73Pp+Xfub2+WI2LlXDbsaJBwT5wuMh35WNWVYYTpnz895shtwfyutMFLFywpQAFdLg==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/get-uri/node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/get-uri/node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/get-uri/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==",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/get-value": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+      "integrity": "sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/getopts": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/getopts/-/getopts-2.3.0.tgz",
       "integrity": "sha512-5eDf9fuSXwxBL6q5HX+dhDj+dslFGWzU5thZ9kNKUkcPtaPdatmUFKwHFrLb/uf/WpA4BHET+AX3Scl56cAjpA=="
     },
     "node_modules/getpass": {
@@ -7676,7 +8104,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
       "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
-      "dev": true,
       "dependencies": {
         "parse-passwd": "^1.0.0"
       },
@@ -7779,7 +8206,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
       "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
-      "optional": true,
       "dependencies": {
         "ms": "^2.0.0"
       }
@@ -8068,8 +8494,7 @@
     "node_modules/ip": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.0.tgz",
-      "integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==",
-      "optional": true
+      "integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ=="
     },
     "node_modules/ip-regex": {
       "version": "2.1.0",
@@ -9076,9 +9501,9 @@
       }
     },
     "node_modules/knex": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/knex/-/knex-2.3.0.tgz",
-      "integrity": "sha512-WMizPaq9wRMkfnwKXKXgBZeZFOSHGdtoSz5SaLAVNs3WRDfawt9O89T4XyH52PETxjV8/kRk0Yf+8WBEP/zbYw==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/knex/-/knex-2.2.0.tgz",
+      "integrity": "sha512-yhm1Qe9Ok0TeXBq3nNHqZYJPrQ4Iw2tq9k/HxjrZ/EWec2ifOjJlkNHr26v8cQrWtk5iG3iwfUazTIWy+VKG5g==",
       "dependencies": {
         "colorette": "2.0.19",
         "commander": "^9.1.0",
@@ -10213,10 +10638,38 @@
         "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
+    "node_modules/mock-require": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/mock-require/-/mock-require-3.0.3.tgz",
+      "integrity": "sha512-lLzfLHcyc10MKQnNUCv7dMcoY/2Qxd6wJfbqCcVk3LDb8An4hF6ohk5AztrvgKhJCqj36uyzi/p5se+tvyD+Wg==",
+      "dependencies": {
+        "get-caller-file": "^1.0.2",
+        "normalize-path": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=4.3.0"
+      }
+    },
+    "node_modules/mock-require/node_modules/get-caller-file": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
+      "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w=="
+    },
+    "node_modules/mock-require/node_modules/normalize-path": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+      "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+      "dependencies": {
+        "remove-trailing-separator": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/moment": {
-      "version": "2.29.3",
-      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.3.tgz",
-      "integrity": "sha512-c6YRvhEo//6T2Jz/vVtYzqBzwvPT95JBQ+smCytzf7c50oMZRsR/a4w88aD34I+/QVSfnoAnSBFPJHItlOMJVw==",
+      "version": "2.29.4",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+      "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
       "engines": {
         "node": "*"
       }
@@ -10546,6 +10999,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
     "node_modules/named-placeholders": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/named-placeholders/-/named-placeholders-1.1.2.tgz",
@@ -10631,17 +11094,22 @@
       }
     },
     "node_modules/nc-help": {
-      "version": "0.2.82",
-      "resolved": "https://registry.npmjs.org/nc-help/-/nc-help-0.2.82.tgz",
-      "integrity": "sha512-R/jGDhMt4qEA17Hev6XbJHSkNm2W+n2vkilUMhOK/oBvFtG/2Vf9fsTdBanFW6ZY7y7Tdhi5BFTVvGtx/CRlrw==",
+      "version": "0.2.85",
+      "resolved": "https://registry.npmjs.org/nc-help/-/nc-help-0.2.85.tgz",
+      "integrity": "sha512-EOyrc2PuRUJzv73jHNHmUR6YhC0TlJG0DTY/sug7BF4MJAVPJgyavJnrqkRC7g0NS4xociki9gs5MbLRjlRwtQ==",
       "dependencies": {
         "@rudderstack/rudder-sdk-node": "^1.1.3",
         "axios": "^0.21.1",
         "emittery": "^0.7.1",
-        "is-docker": "^2.1.1"
+        "is-docker": "^2.1.1",
+        "lodash": "^4.17.21",
+        "snowflake-sdk": "^1.6.16"
       },
       "engines": {
         "node": ">=8.9"
+      },
+      "peerDependencies": {
+        "knex": "2.2.0"
       }
     },
     "node_modules/nc-lib-gui": {
@@ -10691,6 +11159,14 @@
       "integrity": "sha512-9iN1ka/9zmX1ZvLV9ewJYEk9h7RyRRtqdK0woXcqohu8EWIerfPUjYJPg0ULy0UqP7cslmdGc8xKDJcojlKiaw==",
       "dev": true
     },
+    "node_modules/netmask": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/netmask/-/netmask-2.0.2.tgz",
+      "integrity": "sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg==",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
     "node_modules/nice-try": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
@@ -11753,6 +12229,21 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/os-name": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/os-name/-/os-name-1.0.3.tgz",
+      "integrity": "sha512-f5estLO2KN8vgtTRaILIgEGBoBrMnZ3JQ7W9TMZCnOIGwHe8TRGSpcagnWDo+Dfhd/z08k9Xe75hvciJJ8Qaew==",
+      "dependencies": {
+        "osx-release": "^1.0.0",
+        "win-release": "^1.0.0"
+      },
+      "bin": {
+        "os-name": "cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/os-tmpdir": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
@@ -11761,6 +12252,20 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/osx-release": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/osx-release/-/osx-release-1.1.0.tgz",
+      "integrity": "sha512-ixCMMwnVxyHFQLQnINhmIpWqXIfS2YOXchwQrk+OFzmo6nDjQ0E4KXAyyUh0T0MZgV4bUhkRrAbVqlE4yLVq4A==",
+      "dependencies": {
+        "minimist": "^1.1.0"
+      },
+      "bin": {
+        "osx-release": "cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/p-cancelable": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-1.1.0.tgz",
@@ -11863,6 +12368,77 @@
         "node": ">=6"
       }
     },
+    "node_modules/pac-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/pac-proxy-agent/-/pac-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-CcFG3ZtnxO8McDigozwE3AqAw15zDvGH+OjXO4kzf7IkEKkQ4gxQ+3sdF50WmhQ4P/bVusXcqNE2S3XrNURwzQ==",
+      "dependencies": {
+        "@tootallnate/once": "1",
+        "agent-base": "6",
+        "debug": "4",
+        "get-uri": "3",
+        "http-proxy-agent": "^4.0.1",
+        "https-proxy-agent": "5",
+        "pac-resolver": "^5.0.0",
+        "raw-body": "^2.2.0",
+        "socks-proxy-agent": "5"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/pac-proxy-agent/node_modules/@tootallnate/once": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
+      "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/pac-proxy-agent/node_modules/http-proxy-agent": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz",
+      "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==",
+      "dependencies": {
+        "@tootallnate/once": "1",
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/pac-proxy-agent/node_modules/socks-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-vZdmnjb9a2Tz6WEQVIurybSwElwPxMZaIc7PzqbJTrezcKNznv6giT7J7tZDZ1BojVaa1jvO/UiUdhDVB0ACoQ==",
+      "dependencies": {
+        "agent-base": "^6.0.2",
+        "debug": "4",
+        "socks": "^2.3.3"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/pac-resolver": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/pac-resolver/-/pac-resolver-5.0.1.tgz",
+      "integrity": "sha512-cy7u00ko2KVgBAjuhevqpPeHIkCIqPe1v24cydhWjmeuzaBfmUWFCZJ1iAh5TuVzVZoUzXIW7K8sMYOZ84uZ9Q==",
+      "dependencies": {
+        "degenerator": "^3.0.2",
+        "ip": "^1.1.5",
+        "netmask": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/pac-resolver/node_modules/ip": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz",
+      "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg=="
+    },
     "node_modules/package-json": {
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/package-json/-/package-json-6.5.0.tgz",
@@ -11989,7 +12565,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
       "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==",
-      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -12190,6 +12765,14 @@
       "resolved": "https://registry.npmjs.org/pause/-/pause-0.0.1.tgz",
       "integrity": "sha512-KG8UEiEVkR3wGEb4m5yZkVCzigAD+cVEJck2CzYZO37ZGJfctvVptVO192MwrtPhzONn6go8ylnOdMhKqi4nfg=="
     },
+    "node_modules/pause-stream": {
+      "version": "0.0.11",
+      "resolved": "https://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz",
+      "integrity": "sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==",
+      "dependencies": {
+        "through": "~2.3"
+      }
+    },
     "node_modules/pbkdf2": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
@@ -12444,7 +13027,6 @@
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
       "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
-      "dev": true,
       "engines": {
         "node": ">= 0.6.0"
       }
@@ -12511,6 +13093,76 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/proxy-agent/-/proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-gkH7BkvLVkSfX9Dk27W6TyNOWWZWRilRfk1XxGNWOYJ2TuedAv1yFpCaU9QSBmBe716XOTNpYNOzhysyw8xn7g==",
+      "dependencies": {
+        "agent-base": "^6.0.0",
+        "debug": "4",
+        "http-proxy-agent": "^4.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "lru-cache": "^5.1.1",
+        "pac-proxy-agent": "^5.0.0",
+        "proxy-from-env": "^1.0.0",
+        "socks-proxy-agent": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/proxy-agent/node_modules/@tootallnate/once": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
+      "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/proxy-agent/node_modules/http-proxy-agent": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz",
+      "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==",
+      "dependencies": {
+        "@tootallnate/once": "1",
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/proxy-agent/node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/proxy-agent/node_modules/socks-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-vZdmnjb9a2Tz6WEQVIurybSwElwPxMZaIc7PzqbJTrezcKNznv6giT7J7tZDZ1BojVaa1jvO/UiUdhDVB0ACoQ==",
+      "dependencies": {
+        "agent-base": "^6.0.2",
+        "debug": "4",
+        "socks": "^2.3.3"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/proxy-agent/node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
@@ -12590,6 +13242,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/python-struct": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/python-struct/-/python-struct-1.1.3.tgz",
+      "integrity": "sha512-UsI/mNvk25jRpGKYI38Nfbv84z48oiIWwG67DLVvjRhy8B/0aIK+5Ju5WOHgw/o9rnEmbAS00v4rgKFQeC332Q==",
+      "dependencies": {
+        "long": "^4.0.0"
+      }
+    },
     "node_modules/qs": {
       "version": "6.10.3",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
@@ -12915,9 +13575,7 @@
     "node_modules/remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
-      "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==",
-      "dev": true,
-      "optional": true
+      "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw=="
     },
     "node_modules/remove-trailing-slash": {
       "version": "0.1.1",
@@ -13530,6 +14188,11 @@
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
       "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
     },
+    "node_modules/simple-lru-cache": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/simple-lru-cache/-/simple-lru-cache-0.0.2.tgz",
+      "integrity": "sha512-uEv/AFO0ADI7d99OHDmh1QfYzQk/izT1vCmu/riQfh7qjBVUUgRT87E5s5h7CxWCA/+YoZerykpEthzVrW3LIw=="
+    },
     "node_modules/simple-swizzle": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
@@ -13555,7 +14218,6 @@
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
       "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
-      "optional": true,
       "engines": {
         "node": ">= 6.0.0",
         "npm": ">= 3.0.0"
@@ -13749,45 +14411,178 @@
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
       "dev": true
     },
-    "node_modules/socket.io": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.5.1.tgz",
-      "integrity": "sha512-0y9pnIso5a9i+lJmsCdtmTTgJFFSvNQKDnPQRz28mGNnxbmqYg2QPtJTLFxhymFZhAIn50eHAKzJeiNaKr+yUQ==",
+    "node_modules/snowflake-sdk": {
+      "version": "1.6.16",
+      "resolved": "https://registry.npmjs.org/snowflake-sdk/-/snowflake-sdk-1.6.16.tgz",
+      "integrity": "sha512-3D/gJzpKZOgG06sCLaBnSze8/q5l4aBhiaI+MSN6poCX6BvMFubO53ilRKoNaiOCa0JluP6SWYYhRZ90Dz8H2Q==",
       "dependencies": {
-        "accepts": "~1.3.4",
-        "base64id": "~2.0.0",
-        "debug": "~4.3.2",
-        "engine.io": "~6.2.0",
-        "socket.io-adapter": "~2.4.0",
-        "socket.io-parser": "~4.0.4"
-      },
-      "engines": {
-        "node": ">=10.0.0"
+        "@azure/storage-blob": "^12.11.0",
+        "@techteamer/ocsp": "1.0.0",
+        "agent-base": "^6.0.2",
+        "asn1.js-rfc2560": "^5.0.0",
+        "asn1.js-rfc5280": "^3.0.0",
+        "aws-sdk": "^2.878.0",
+        "axios": "^0.27.2",
+        "big-integer": "^1.6.43",
+        "bignumber.js": "^2.4.0",
+        "binascii": "0.0.2",
+        "browser-request": "^0.3.3",
+        "debug": "^3.2.6",
+        "expand-tilde": "^2.0.2",
+        "extend": "^3.0.2",
+        "generic-pool": "^3.8.2",
+        "glob": "^7.1.6",
+        "jsonwebtoken": "^8.5.1",
+        "mime-types": "^2.1.29",
+        "mkdirp": "^1.0.3",
+        "mock-require": "^3.0.3",
+        "moment": "^2.29.4",
+        "moment-timezone": "^0.5.15",
+        "open": "^7.3.1",
+        "python-struct": "^1.1.3",
+        "simple-lru-cache": "^0.0.2",
+        "string-similarity": "^4.0.4",
+        "test-console": "^2.0.0",
+        "tmp": "^0.2.1",
+        "urllib": "^2.38.0",
+        "uuid": "^3.3.2",
+        "winston": "^3.1.0"
       }
     },
-    "node_modules/socket.io-adapter": {
+    "node_modules/snowflake-sdk/node_modules/axios": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
+      "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
+      "dependencies": {
+        "follow-redirects": "^1.14.9",
+        "form-data": "^4.0.0"
+      }
+    },
+    "node_modules/snowflake-sdk/node_modules/bignumber.js": {
       "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.4.0.tgz",
-      "integrity": "sha512-W4N+o69rkMEGVuk2D/cvca3uYsvGlMwsySWV447y99gUPghxq42BxqLNMndb+a1mm/5/7NeXVQS7RLa2XyXvYg=="
+      "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-2.4.0.tgz",
+      "integrity": "sha512-uw4ra6Cv483Op/ebM0GBKKfxZlSmn6NgFRby5L3yGTlunLj53KQgndDlqy2WVFOwgvurocApYkSud0aO+mvrpQ==",
+      "engines": {
+        "node": "*"
+      }
     },
-    "node_modules/socket.io-parser": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.0.5.tgz",
-      "integrity": "sha512-sNjbT9dX63nqUFIOv95tTVm6elyIU4RvB1m8dOeZt+IgWwcWklFDOdmGcfo3zSiRsnR/3pJkjY5lfoGqEe4Eig==",
+    "node_modules/snowflake-sdk/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
       "dependencies": {
-        "@types/component-emitter": "^1.2.10",
-        "component-emitter": "~1.3.0",
-        "debug": "~4.3.1"
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/snowflake-sdk/node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dependencies": {
+        "is-docker": "^2.0.0"
       },
       "engines": {
-        "node": ">=10.0.0"
+        "node": ">=8"
       }
     },
-    "node_modules/socks": {
-      "version": "2.7.1",
+    "node_modules/snowflake-sdk/node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/snowflake-sdk/node_modules/open": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
+      "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+      "dependencies": {
+        "is-docker": "^2.0.0",
+        "is-wsl": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/snowflake-sdk/node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/snowflake-sdk/node_modules/tmp": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz",
+      "integrity": "sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==",
+      "dependencies": {
+        "rimraf": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8.17.0"
+      }
+    },
+    "node_modules/snowflake-sdk/node_modules/uuid": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+      "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
+      "deprecated": "Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.",
+      "bin": {
+        "uuid": "bin/uuid"
+      }
+    },
+    "node_modules/socket.io": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.5.1.tgz",
+      "integrity": "sha512-0y9pnIso5a9i+lJmsCdtmTTgJFFSvNQKDnPQRz28mGNnxbmqYg2QPtJTLFxhymFZhAIn50eHAKzJeiNaKr+yUQ==",
+      "dependencies": {
+        "accepts": "~1.3.4",
+        "base64id": "~2.0.0",
+        "debug": "~4.3.2",
+        "engine.io": "~6.2.0",
+        "socket.io-adapter": "~2.4.0",
+        "socket.io-parser": "~4.0.4"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-adapter": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.4.0.tgz",
+      "integrity": "sha512-W4N+o69rkMEGVuk2D/cvca3uYsvGlMwsySWV447y99gUPghxq42BxqLNMndb+a1mm/5/7NeXVQS7RLa2XyXvYg=="
+    },
+    "node_modules/socket.io-parser": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.0.5.tgz",
+      "integrity": "sha512-sNjbT9dX63nqUFIOv95tTVm6elyIU4RvB1m8dOeZt+IgWwcWklFDOdmGcfo3zSiRsnR/3pJkjY5lfoGqEe4Eig==",
+      "dependencies": {
+        "@types/component-emitter": "^1.2.10",
+        "component-emitter": "~1.3.0",
+        "debug": "~4.3.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socks": {
+      "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/socks/-/socks-2.7.1.tgz",
       "integrity": "sha512-7maUZy1N7uo6+WVEX6psASxtNlKaNVMlGQKkG/63nEDdLOWNbiUMoLK7X4uYoLhQstau72mLgfEWcXcwsaHbYQ==",
-      "optional": true,
       "dependencies": {
         "ip": "^2.0.0",
         "smart-buffer": "^4.2.0"
@@ -14255,6 +15050,11 @@
         }
       ]
     },
+    "node_modules/string-similarity": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/string-similarity/-/string-similarity-4.0.4.tgz",
+      "integrity": "sha512-/q/8Q4Bl4ZKAPjj8WerIBJWALKkaPRfrvhfF8k/B23i4nzrlRj2/go1m90In7nG/3XDSbOo0+pu6RvCTM9RGMQ=="
+    },
     "node_modules/string-template": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/string-template/-/string-template-1.0.0.tgz",
@@ -14836,6 +15636,11 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/test-console": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/test-console/-/test-console-2.0.0.tgz",
+      "integrity": "sha512-ciILzfCQCny8zy1+HEw2yBLKus7LNMsAHymsp2fhvGTVh5pWE5v2EB7V+5ag3WM9aO2ULtgsXVQePWYE+fb7pA=="
+    },
     "node_modules/text-hex": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/text-hex/-/text-hex-1.0.0.tgz",
@@ -14847,6 +15652,30 @@
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
       "dev": true
     },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg=="
+    },
     "node_modules/through2": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
@@ -15742,6 +16571,36 @@
       "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.6.tgz",
       "integrity": "sha512-+A5Sja4HP1M08MaXya7p5LvjuM7K6q/2EaC0+iovj/wOcMsTzMvDFbasi/oSapiwOlt252IqsKqPjCl7huKS0A=="
     },
+    "node_modules/unescape": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/unescape/-/unescape-1.0.1.tgz",
+      "integrity": "sha512-O0+af1Gs50lyH1nUu3ZyYS1cRh01Q/kUKatTOkSs7jukXE6/NebucDVxyiDsA9AQ4JC1V1jUH9EO8JX2nMDgGQ==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unescape/node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unescape/node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/unfetch": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-4.2.0.tgz",
@@ -15944,6 +16803,57 @@
       "integrity": "sha512-RofWgt/7fL5wP1Y7fxE7/EmTLzQVnB0ycyibJ0OOHIlJqTNzglYFxVwETOcIoJqJmpDXJ9xImDv+Fq34F/d4Dw==",
       "dev": true
     },
+    "node_modules/urllib": {
+      "version": "2.40.0",
+      "resolved": "https://registry.npmjs.org/urllib/-/urllib-2.40.0.tgz",
+      "integrity": "sha512-XDZjoijtzsbkXTXgM+A/sJM002nwoYsc46YOYr6MNH2jUUw1nCBf2ywT1WaPsVEWJX4Yr+9isGmYj4+yofFn9g==",
+      "dependencies": {
+        "any-promise": "^1.3.0",
+        "content-type": "^1.0.2",
+        "debug": "^2.6.9",
+        "default-user-agent": "^1.0.0",
+        "digest-header": "^1.0.0",
+        "ee-first": "~1.1.1",
+        "formstream": "^1.1.0",
+        "humanize-ms": "^1.2.0",
+        "iconv-lite": "^0.4.15",
+        "ip": "^1.1.5",
+        "proxy-agent": "^5.0.0",
+        "pump": "^3.0.0",
+        "qs": "^6.4.0",
+        "statuses": "^1.3.1",
+        "utility": "^1.16.1"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/urllib/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/urllib/node_modules/ip": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz",
+      "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg=="
+    },
+    "node_modules/urllib/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/urllib/node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/use": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
@@ -15983,6 +16893,21 @@
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
+    "node_modules/utility": {
+      "version": "1.17.0",
+      "resolved": "https://registry.npmjs.org/utility/-/utility-1.17.0.tgz",
+      "integrity": "sha512-KdVkF9An/0239BJ4+dqOa7NPrPIOeQE9AGfx0XS16O9DBiHNHRJMoeU5nL6pRGAkgJOqdOu8R4gBRcXnAocJKw==",
+      "dependencies": {
+        "copy-to": "^2.0.1",
+        "escape-html": "^1.0.3",
+        "mkdirp": "^0.5.1",
+        "mz": "^2.7.0",
+        "unescape": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.12.0"
+      }
+    },
     "node_modules/utils-merge": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
@@ -16058,6 +16983,40 @@
       "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
       "dev": true
     },
+    "node_modules/vm2": {
+      "version": "3.9.13",
+      "resolved": "https://registry.npmjs.org/vm2/-/vm2-3.9.13.tgz",
+      "integrity": "sha512-0rvxpB8P8Shm4wX2EKOiMp7H2zq+HUE/UwodY0pCZXs9IffIKZq6vUti5OgkVCTakKo9e/fgO4X1fkwfjWxE3Q==",
+      "dependencies": {
+        "acorn": "^8.7.0",
+        "acorn-walk": "^8.2.0"
+      },
+      "bin": {
+        "vm2": "bin/vm2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/vm2/node_modules/acorn": {
+      "version": "8.8.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.1.tgz",
+      "integrity": "sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA==",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/vm2/node_modules/acorn-walk": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
+      "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/w3c-hr-time": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
@@ -17398,6 +18357,25 @@
         "node": ">=8"
       }
     },
+    "node_modules/win-release": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/win-release/-/win-release-1.1.1.tgz",
+      "integrity": "sha512-iCRnKVvGxOQdsKhcQId2PXV1vV3J/sDPXKA4Oe9+Eti2nb2ESEsYHRYls/UjoUW3bIc5ZDO8dTH50A/5iVN+bw==",
+      "dependencies": {
+        "semver": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/win-release/node_modules/semver": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+      "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
     "node_modules/winston": {
       "version": "3.8.2",
       "resolved": "https://registry.npmjs.org/winston/-/winston-3.8.2.tgz",
@@ -17675,6 +18653,14 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/xregexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/xregexp/-/xregexp-2.0.0.tgz",
+      "integrity": "sha512-xl/50/Cf32VsGq/1R8jJE5ajH1yMCQkpmoS10QbFZWl2Oor4H0Me64Pu2yxvsRWK3m6soJbmGfzSR7BYmDcWAA==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
@@ -17835,6 +18821,39 @@
         "tslib": "^2.2.0"
       }
     },
+    "@azure/core-http": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@azure/core-http/-/core-http-2.3.1.tgz",
+      "integrity": "sha512-cur03BUwV0Tbv81bQBOLafFB02B6G++K6F2O3IMl8pSE2QlXm3cu11bfyBNlDUKi5U+xnB3GC63ae3athhkx6Q==",
+      "requires": {
+        "@azure/abort-controller": "^1.0.0",
+        "@azure/core-auth": "^1.3.0",
+        "@azure/core-tracing": "1.0.0-preview.13",
+        "@azure/core-util": "^1.1.1",
+        "@azure/logger": "^1.0.0",
+        "@types/node-fetch": "^2.5.0",
+        "@types/tunnel": "^0.0.3",
+        "form-data": "^4.0.0",
+        "node-fetch": "^2.6.7",
+        "process": "^0.11.10",
+        "tough-cookie": "^4.0.0",
+        "tslib": "^2.2.0",
+        "tunnel": "^0.0.6",
+        "uuid": "^8.3.0",
+        "xml2js": "^0.4.19"
+      },
+      "dependencies": {
+        "@azure/core-tracing": {
+          "version": "1.0.0-preview.13",
+          "resolved": "https://registry.npmjs.org/@azure/core-tracing/-/core-tracing-1.0.0-preview.13.tgz",
+          "integrity": "sha512-KxDlhXyMlh2Jhj2ykX6vNEU0Vou4nHr025KoSEiz7cS3BNiHNaZcdECk/DmLkEB0as5T7b/TpRcehJ5yV6NeXQ==",
+          "requires": {
+            "@opentelemetry/api": "^1.0.1",
+            "tslib": "^2.2.0"
+          }
+        }
+      }
+    },
     "@azure/core-http-compat": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@azure/core-http-compat/-/core-http-compat-1.3.0.tgz",
@@ -18034,6 +19053,37 @@
         "uuid": "^8.3.0"
       }
     },
+    "@azure/storage-blob": {
+      "version": "12.12.0",
+      "resolved": "https://registry.npmjs.org/@azure/storage-blob/-/storage-blob-12.12.0.tgz",
+      "integrity": "sha512-o/Mf6lkyYG/eBW4/hXB9864RxVNmAkcKHjsGR6Inlp5hupa3exjSyH2KjO3tLO//YGA+tS+17hM2bxRl9Sn16g==",
+      "requires": {
+        "@azure/abort-controller": "^1.0.0",
+        "@azure/core-http": "^2.0.0",
+        "@azure/core-lro": "^2.2.0",
+        "@azure/core-paging": "^1.1.1",
+        "@azure/core-tracing": "1.0.0-preview.13",
+        "@azure/logger": "^1.0.0",
+        "events": "^3.0.0",
+        "tslib": "^2.2.0"
+      },
+      "dependencies": {
+        "@azure/core-tracing": {
+          "version": "1.0.0-preview.13",
+          "resolved": "https://registry.npmjs.org/@azure/core-tracing/-/core-tracing-1.0.0-preview.13.tgz",
+          "integrity": "sha512-KxDlhXyMlh2Jhj2ykX6vNEU0Vou4nHr025KoSEiz7cS3BNiHNaZcdECk/DmLkEB0as5T7b/TpRcehJ5yV6NeXQ==",
+          "requires": {
+            "@opentelemetry/api": "^1.0.1",
+            "tslib": "^2.2.0"
+          }
+        },
+        "events": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+          "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q=="
+        }
+      }
+    },
     "@babel/helper-validator-identifier": {
       "version": "7.16.7",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz",
@@ -18447,6 +19497,11 @@
         "node-fetch": "^2.3.0"
       }
     },
+    "@opentelemetry/api": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/api/-/api-1.3.0.tgz",
+      "integrity": "sha512-YveTnGNsFFixTKJz09Oi4zYkiLT5af3WpZDu4aIUM7xX+2bHAkOJayFTVQd6zB8kkWPpbua4Ha6Ql00grdLlJQ=="
+    },
     "@rudderstack/rudder-sdk-node": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/@rudderstack/rudder-sdk-node/-/rudder-sdk-node-1.1.4.tgz",
@@ -18649,6 +19704,18 @@
         "defer-to-connect": "^1.0.1"
       }
     },
+    "@techteamer/ocsp": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@techteamer/ocsp/-/ocsp-1.0.0.tgz",
+      "integrity": "sha512-lNAOoFHaZN+4huo30ukeqVrUmfC+avoEBYQ11QAnAw1PFhnI5oBCg8O/TNiCoEWix7gNGBIEjrQwtPREqKMPog==",
+      "requires": {
+        "asn1.js": "^5.4.1",
+        "asn1.js-rfc2560": "^5.0.1",
+        "asn1.js-rfc5280": "^3.0.0",
+        "async": "^3.2.1",
+        "simple-lru-cache": "^0.0.2"
+      }
+    },
     "@tootallnate/once": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
@@ -18804,6 +19871,27 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.0.0.tgz",
       "integrity": "sha512-cHlGmko4gWLVI27cGJntjs/Sj8th9aYwplmZFwmmgYQQvL5NUsgVJG7OddLvNfLqYS31KFN0s3qlaD9qCaxACA=="
     },
+    "@types/node-fetch": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.2.tgz",
+      "integrity": "sha512-DHqhlq5jeESLy19TYhLakJ07kNumXWjcDdxXsLUMJZ6ue8VZJj4kLPQVE/2mdHh3xZziNF1xppu5lwmS53HR+A==",
+      "requires": {
+        "@types/node": "*",
+        "form-data": "^3.0.0"
+      },
+      "dependencies": {
+        "form-data": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/form-data/-/form-data-3.0.1.tgz",
+          "integrity": "sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==",
+          "requires": {
+            "asynckit": "^0.4.0",
+            "combined-stream": "^1.0.8",
+            "mime-types": "^2.1.12"
+          }
+        }
+      }
+    },
     "@types/nodemailer": {
       "version": "6.4.4",
       "resolved": "https://registry.npmjs.org/@types/nodemailer/-/nodemailer-6.4.4.tgz",
@@ -18874,6 +19962,14 @@
       "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.2.tgz",
       "integrity": "sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg=="
     },
+    "@types/tunnel": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/@types/tunnel/-/tunnel-0.0.3.tgz",
+      "integrity": "sha512-sOUTGn6h1SfQ+gbgqC364jLFBw2lnFqkgF3q0WovEHRLMrVD1sd5aufqi/aJObLekJO+Aq5z646U4Oxy6shXMA==",
+      "requires": {
+        "@types/node": "*"
+      }
+    },
     "@types/validator": {
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@types/validator/-/validator-13.0.0.tgz",
@@ -19397,6 +20493,11 @@
         "color-convert": "^2.0.1"
       }
     },
+    "any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
+    },
     "anymatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
@@ -19624,6 +20725,22 @@
         }
       }
     },
+    "asn1.js-rfc2560": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/asn1.js-rfc2560/-/asn1.js-rfc2560-5.0.1.tgz",
+      "integrity": "sha512-1PrVg6kuBziDN3PGFmRk3QrjpKvP9h/Hv5yMrFZvC1kpzP6dQRzf5BpKstANqHBkaOUmTpakJWhicTATOA/SbA==",
+      "requires": {
+        "asn1.js-rfc5280": "^3.0.0"
+      }
+    },
+    "asn1.js-rfc5280": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/asn1.js-rfc5280/-/asn1.js-rfc5280-3.0.0.tgz",
+      "integrity": "sha512-Y2LZPOWeZ6qehv698ZgOGGCZXBQShObWnGthTrIFlIQjuV1gg2B8QOhWFRExq/MR1VnPpIIe7P9vX2vElxv+Pg==",
+      "requires": {
+        "asn1.js": "^5.0.0"
+      }
+    },
     "assert": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/assert/-/assert-1.5.0.tgz",
@@ -19668,6 +20785,14 @@
       "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==",
       "dev": true
     },
+    "ast-types": {
+      "version": "0.13.4",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.13.4.tgz",
+      "integrity": "sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==",
+      "requires": {
+        "tslib": "^2.0.1"
+      }
+    },
     "astral-regex": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
@@ -19851,6 +20976,11 @@
       "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-2.4.3.tgz",
       "integrity": "sha512-V/Hy/X9Vt7f3BbPJEi8BdVFMByHi+jNXrYkW3huaybV/kQ0KJg0Y6PkEMbn+zeT+i+SiKZ/HMqJGIIt4LZDqNQ=="
     },
+    "big-integer": {
+      "version": "1.6.51",
+      "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.51.tgz",
+      "integrity": "sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg=="
+    },
     "big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
@@ -19868,6 +20998,11 @@
       "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
       "dev": true
     },
+    "binascii": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/binascii/-/binascii-0.0.2.tgz",
+      "integrity": "sha512-rA2CrUl1+6yKrn+XgLs8Hdy18OER1UW146nM+ixzhQXDY+Bd3ySkyIJGwF2a4I45JwbvF1mDL/nWkqBwpOcdBA=="
+    },
     "bindings": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
@@ -20016,6 +21151,11 @@
       "resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
       "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow=="
     },
+    "browser-request": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/browser-request/-/browser-request-0.3.3.tgz",
+      "integrity": "sha512-YyNI4qJJ+piQG6MMEuo7J3Bzaqssufx04zpEKYfSrl/1Op59HWali9zMtBpXnkmqMcOuWJPZvudrm9wISmnCbg=="
+    },
     "browser-stdout": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz",
@@ -20951,6 +22091,11 @@
       "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==",
       "dev": true
     },
+    "copy-to": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/copy-to/-/copy-to-2.0.1.tgz",
+      "integrity": "sha512-3DdaFaU/Zf1AnpLiFDeNCD4TOWe3Zl2RZaTzUvWiIk5ERzcCodOE20Vqq4fzCbNoHURFHT4/us/Lfq+S2zyY4w=="
+    },
     "core-util-is": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
@@ -21212,6 +22357,11 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "data-uri-to-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-3.0.1.tgz",
+      "integrity": "sha512-WboRycPNsVw3B3TL559F7kuBUM4d8CgMEvk6xEJlOp7OBPjt6G7z8WMWlD2rOFZLk6OYfFIUGsCOWzcQH9K2og=="
+    },
     "data-urls": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz",
@@ -21320,6 +22470,14 @@
       "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
       "dev": true
     },
+    "default-user-agent": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/default-user-agent/-/default-user-agent-1.0.0.tgz",
+      "integrity": "sha512-bDF7bg6OSNcSwFWPu4zYKpVkJZQYVrAANMYB8bc9Szem1D0yKdm4sa/rOCs2aC9+2GMqQ7KnwtZRvDhmLF0dXw==",
+      "requires": {
+        "os-name": "~1.0.3"
+      }
+    },
     "defer-to-connect": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.1.3.tgz",
@@ -21350,6 +22508,72 @@
         "isobject": "^3.0.1"
       }
     },
+    "degenerator": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/degenerator/-/degenerator-3.0.2.tgz",
+      "integrity": "sha512-c0mef3SNQo56t6urUU6tdQAs+ThoD0o9B9MJ8HEt7NQcGEILCRFqQb7ZbP9JAv+QF1Ky5plydhMR/IrqWDm+TQ==",
+      "requires": {
+        "ast-types": "^0.13.2",
+        "escodegen": "^1.8.1",
+        "esprima": "^4.0.0",
+        "vm2": "^3.9.8"
+      },
+      "dependencies": {
+        "escodegen": {
+          "version": "1.14.3",
+          "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.14.3.tgz",
+          "integrity": "sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==",
+          "requires": {
+            "esprima": "^4.0.1",
+            "estraverse": "^4.2.0",
+            "esutils": "^2.0.2",
+            "optionator": "^0.8.1",
+            "source-map": "~0.6.1"
+          }
+        },
+        "levn": {
+          "version": "0.3.0",
+          "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
+          "integrity": "sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==",
+          "requires": {
+            "prelude-ls": "~1.1.2",
+            "type-check": "~0.3.2"
+          }
+        },
+        "optionator": {
+          "version": "0.8.3",
+          "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
+          "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
+          "requires": {
+            "deep-is": "~0.1.3",
+            "fast-levenshtein": "~2.0.6",
+            "levn": "~0.3.0",
+            "prelude-ls": "~1.1.2",
+            "type-check": "~0.3.2",
+            "word-wrap": "~1.2.3"
+          }
+        },
+        "prelude-ls": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
+          "integrity": "sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w=="
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "optional": true
+        },
+        "type-check": {
+          "version": "0.3.2",
+          "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
+          "integrity": "sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==",
+          "requires": {
+            "prelude-ls": "~1.1.2"
+          }
+        }
+      }
+    },
     "delayed-stream": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -21450,6 +22674,14 @@
         }
       }
     },
+    "digest-header": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/digest-header/-/digest-header-1.0.0.tgz",
+      "integrity": "sha512-sRTuakZ2PkOUCuAaVv+SLjhr/hRf8ldZP0XnGEQ69RFGxmll5fVaMsnRXWKKK4XsUTnJf8+eRPSFNgE/lWa9wQ==",
+      "requires": {
+        "utility": "^1.17.0"
+      }
+    },
     "dir-glob": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -22266,8 +23498,7 @@
     "estraverse": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw=="
     },
     "esutils": {
       "version": "2.0.3",
@@ -22437,7 +23668,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
       "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
-      "dev": true,
       "requires": {
         "homedir-polyfill": "^1.0.1"
       }
@@ -23117,6 +24347,23 @@
       "integrity": "sha512-KcpbcpuLNOwrEjnbpMC0gS+X8ciDoZE1kkqzat4a8vrprf+s9pKNQ/QIwWfbfs4ltgmFl3MD177SNTkve3BwGQ==",
       "dev": true
     },
+    "formstream": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/formstream/-/formstream-1.1.1.tgz",
+      "integrity": "sha512-yHRxt3qLFnhsKAfhReM4w17jP+U1OlhUjnKPPtonwKbIJO7oBP0MvoxkRUwb8AU9n0MIkYy5X5dK6pQnbj+R2Q==",
+      "requires": {
+        "destroy": "^1.0.4",
+        "mime": "^2.5.2",
+        "pause-stream": "~0.0.11"
+      },
+      "dependencies": {
+        "mime": {
+          "version": "2.6.0",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+          "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg=="
+        }
+      }
+    },
     "forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -23251,6 +24498,38 @@
       "dev": true,
       "optional": true
     },
+    "ftp": {
+      "version": "0.3.10",
+      "resolved": "https://registry.npmjs.org/ftp/-/ftp-0.3.10.tgz",
+      "integrity": "sha512-faFVML1aBx2UoDStmLwv2Wptt4vw5x03xxX172nhA5Y5HBshW5JweqQ2W4xL4dezQTG8inJsuYcpPHHU3X5OTQ==",
+      "requires": {
+        "readable-stream": "1.1.x",
+        "xregexp": "2.0.0"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+          "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ=="
+        },
+        "readable-stream": {
+          "version": "1.1.14",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
+          "integrity": "sha512-+MeVjFf4L44XUkhM1eYbD8fyEsxcV81pqMSR5gblfcLCHfZvbrqy4/qYHE+/R5HoBUT11WV5O08Cr1n3YXkWVQ==",
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.1",
+            "isarray": "0.0.1",
+            "string_decoder": "~0.10.x"
+          }
+        },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ=="
+        }
+      }
+    },
     "function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@@ -23338,6 +24617,11 @@
         "is-property": "^1.0.2"
       }
     },
+    "generic-pool": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/generic-pool/-/generic-pool-3.9.0.tgz",
+      "integrity": "sha512-hymDOu5B53XvN4QT9dBmZxPX4CWhBPPLguTZ9MMFeFa/Kg0xWVfylOVNlJji/E7yTZWFd/q9GO5TxDLq156D7g=="
+    },
     "get-caller-file": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
@@ -23393,6 +24677,54 @@
         "get-intrinsic": "^1.1.1"
       }
     },
+    "get-uri": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/get-uri/-/get-uri-3.0.2.tgz",
+      "integrity": "sha512-+5s0SJbGoyiJTZZ2JTpFPLMPSch72KEqGOTvQsBqg0RBWvwhWUSYZFAtz3TPW0GXJuLBJPts1E241iHg+VRfhg==",
+      "requires": {
+        "@tootallnate/once": "1",
+        "data-uri-to-buffer": "3",
+        "debug": "4",
+        "file-uri-to-path": "2",
+        "fs-extra": "^8.1.0",
+        "ftp": "^0.3.10"
+      },
+      "dependencies": {
+        "@tootallnate/once": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
+          "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw=="
+        },
+        "file-uri-to-path": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-2.0.0.tgz",
+          "integrity": "sha512-hjPFI8oE/2iQPVe4gbrJ73Pp+Xfub2+WI2LlXDbsaJBwT5wuMh35WNWVYYTpnz895shtwfyutMFLFywpQAFdLg=="
+        },
+        "fs-extra": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+          "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "jsonfile": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+          "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+          "requires": {
+            "graceful-fs": "^4.1.6"
+          }
+        },
+        "universalify": {
+          "version": "0.1.2",
+          "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+          "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg=="
+        }
+      }
+    },
     "get-value": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
@@ -23778,7 +25110,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
       "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
-      "dev": true,
       "requires": {
         "parse-passwd": "^1.0.0"
       }
@@ -23859,7 +25190,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
       "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
-      "optional": true,
       "requires": {
         "ms": "^2.0.0"
       }
@@ -24074,8 +25404,7 @@
     "ip": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.0.tgz",
-      "integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==",
-      "optional": true
+      "integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ=="
     },
     "ip-regex": {
       "version": "2.1.0",
@@ -24818,9 +26147,9 @@
       "dev": true
     },
     "knex": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/knex/-/knex-2.3.0.tgz",
-      "integrity": "sha512-WMizPaq9wRMkfnwKXKXgBZeZFOSHGdtoSz5SaLAVNs3WRDfawt9O89T4XyH52PETxjV8/kRk0Yf+8WBEP/zbYw==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/knex/-/knex-2.2.0.tgz",
+      "integrity": "sha512-yhm1Qe9Ok0TeXBq3nNHqZYJPrQ4Iw2tq9k/HxjrZ/EWec2ifOjJlkNHr26v8cQrWtk5iG3iwfUazTIWy+VKG5g==",
       "requires": {
         "colorette": "2.0.19",
         "commander": "^9.1.0",
@@ -25724,15 +27053,39 @@
           "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
           "dev": true,
           "requires": {
-            "has-flag": "^4.0.0"
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "mock-require": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/mock-require/-/mock-require-3.0.3.tgz",
+      "integrity": "sha512-lLzfLHcyc10MKQnNUCv7dMcoY/2Qxd6wJfbqCcVk3LDb8An4hF6ohk5AztrvgKhJCqj36uyzi/p5se+tvyD+Wg==",
+      "requires": {
+        "get-caller-file": "^1.0.2",
+        "normalize-path": "^2.1.1"
+      },
+      "dependencies": {
+        "get-caller-file": {
+          "version": "1.0.3",
+          "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
+          "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w=="
+        },
+        "normalize-path": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+          "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+          "requires": {
+            "remove-trailing-separator": "^1.0.1"
           }
         }
       }
     },
     "moment": {
-      "version": "2.29.3",
-      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.3.tgz",
-      "integrity": "sha512-c6YRvhEo//6T2Jz/vVtYzqBzwvPT95JBQ+smCytzf7c50oMZRsR/a4w88aD34I+/QVSfnoAnSBFPJHItlOMJVw=="
+      "version": "2.29.4",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+      "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w=="
     },
     "moment-timezone": {
       "version": "0.5.34",
@@ -26007,6 +27360,16 @@
         }
       }
     },
+    "mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "requires": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
     "named-placeholders": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/named-placeholders/-/named-placeholders-1.1.2.tgz",
@@ -26079,14 +27442,16 @@
       "integrity": "sha512-3AryS9uwa5NfISLxMciUonrH7YfXp+nlahB9T7girXIsLQrmwX4MdnuKs32akduCOGpKmjTJSWmATULbuMkbfw=="
     },
     "nc-help": {
-      "version": "0.2.82",
-      "resolved": "https://registry.npmjs.org/nc-help/-/nc-help-0.2.82.tgz",
-      "integrity": "sha512-R/jGDhMt4qEA17Hev6XbJHSkNm2W+n2vkilUMhOK/oBvFtG/2Vf9fsTdBanFW6ZY7y7Tdhi5BFTVvGtx/CRlrw==",
+      "version": "0.2.85",
+      "resolved": "https://registry.npmjs.org/nc-help/-/nc-help-0.2.85.tgz",
+      "integrity": "sha512-EOyrc2PuRUJzv73jHNHmUR6YhC0TlJG0DTY/sug7BF4MJAVPJgyavJnrqkRC7g0NS4xociki9gs5MbLRjlRwtQ==",
       "requires": {
         "@rudderstack/rudder-sdk-node": "^1.1.3",
         "axios": "^0.21.1",
         "emittery": "^0.7.1",
-        "is-docker": "^2.1.1"
+        "is-docker": "^2.1.1",
+        "lodash": "^4.17.21",
+        "snowflake-sdk": "^1.6.16"
       }
     },
     "nc-lib-gui": {
@@ -26127,6 +27492,11 @@
       "integrity": "sha512-9iN1ka/9zmX1ZvLV9ewJYEk9h7RyRRtqdK0woXcqohu8EWIerfPUjYJPg0ULy0UqP7cslmdGc8xKDJcojlKiaw==",
       "dev": true
     },
+    "netmask": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/netmask/-/netmask-2.0.2.tgz",
+      "integrity": "sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg=="
+    },
     "nice-try": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
@@ -26961,11 +28331,28 @@
         "mem": "^5.0.0"
       }
     },
+    "os-name": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/os-name/-/os-name-1.0.3.tgz",
+      "integrity": "sha512-f5estLO2KN8vgtTRaILIgEGBoBrMnZ3JQ7W9TMZCnOIGwHe8TRGSpcagnWDo+Dfhd/z08k9Xe75hvciJJ8Qaew==",
+      "requires": {
+        "osx-release": "^1.0.0",
+        "win-release": "^1.0.0"
+      }
+    },
     "os-tmpdir": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
       "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g=="
     },
+    "osx-release": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/osx-release/-/osx-release-1.1.0.tgz",
+      "integrity": "sha512-ixCMMwnVxyHFQLQnINhmIpWqXIfS2YOXchwQrk+OFzmo6nDjQ0E4KXAyyUh0T0MZgV4bUhkRrAbVqlE4yLVq4A==",
+      "requires": {
+        "minimist": "^1.1.0"
+      }
+    },
     "p-cancelable": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-1.1.0.tgz",
@@ -27034,6 +28421,66 @@
       "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
       "dev": true
     },
+    "pac-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/pac-proxy-agent/-/pac-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-CcFG3ZtnxO8McDigozwE3AqAw15zDvGH+OjXO4kzf7IkEKkQ4gxQ+3sdF50WmhQ4P/bVusXcqNE2S3XrNURwzQ==",
+      "requires": {
+        "@tootallnate/once": "1",
+        "agent-base": "6",
+        "debug": "4",
+        "get-uri": "3",
+        "http-proxy-agent": "^4.0.1",
+        "https-proxy-agent": "5",
+        "pac-resolver": "^5.0.0",
+        "raw-body": "^2.2.0",
+        "socks-proxy-agent": "5"
+      },
+      "dependencies": {
+        "@tootallnate/once": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
+          "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw=="
+        },
+        "http-proxy-agent": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz",
+          "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==",
+          "requires": {
+            "@tootallnate/once": "1",
+            "agent-base": "6",
+            "debug": "4"
+          }
+        },
+        "socks-proxy-agent": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-5.0.1.tgz",
+          "integrity": "sha512-vZdmnjb9a2Tz6WEQVIurybSwElwPxMZaIc7PzqbJTrezcKNznv6giT7J7tZDZ1BojVaa1jvO/UiUdhDVB0ACoQ==",
+          "requires": {
+            "agent-base": "^6.0.2",
+            "debug": "4",
+            "socks": "^2.3.3"
+          }
+        }
+      }
+    },
+    "pac-resolver": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/pac-resolver/-/pac-resolver-5.0.1.tgz",
+      "integrity": "sha512-cy7u00ko2KVgBAjuhevqpPeHIkCIqPe1v24cydhWjmeuzaBfmUWFCZJ1iAh5TuVzVZoUzXIW7K8sMYOZ84uZ9Q==",
+      "requires": {
+        "degenerator": "^3.0.2",
+        "ip": "^1.1.5",
+        "netmask": "^2.0.2"
+      },
+      "dependencies": {
+        "ip": {
+          "version": "1.1.8",
+          "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz",
+          "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg=="
+        }
+      }
+    },
     "package-json": {
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/package-json/-/package-json-6.5.0.tgz",
@@ -27148,8 +28595,7 @@
     "parse-passwd": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
-      "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==",
-      "dev": true
+      "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q=="
     },
     "parse5": {
       "version": "6.0.1",
@@ -27298,6 +28744,14 @@
       "resolved": "https://registry.npmjs.org/pause/-/pause-0.0.1.tgz",
       "integrity": "sha512-KG8UEiEVkR3wGEb4m5yZkVCzigAD+cVEJck2CzYZO37ZGJfctvVptVO192MwrtPhzONn6go8ylnOdMhKqi4nfg=="
     },
+    "pause-stream": {
+      "version": "0.0.11",
+      "resolved": "https://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz",
+      "integrity": "sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==",
+      "requires": {
+        "through": "~2.3"
+      }
+    },
     "pbkdf2": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.2.tgz",
@@ -27475,8 +28929,7 @@
     "process": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
-      "dev": true
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A=="
     },
     "process-nextick-args": {
       "version": "2.0.1",
@@ -27529,6 +28982,66 @@
         }
       }
     },
+    "proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/proxy-agent/-/proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-gkH7BkvLVkSfX9Dk27W6TyNOWWZWRilRfk1XxGNWOYJ2TuedAv1yFpCaU9QSBmBe716XOTNpYNOzhysyw8xn7g==",
+      "requires": {
+        "agent-base": "^6.0.0",
+        "debug": "4",
+        "http-proxy-agent": "^4.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "lru-cache": "^5.1.1",
+        "pac-proxy-agent": "^5.0.0",
+        "proxy-from-env": "^1.0.0",
+        "socks-proxy-agent": "^5.0.0"
+      },
+      "dependencies": {
+        "@tootallnate/once": {
+          "version": "1.1.2",
+          "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
+          "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw=="
+        },
+        "http-proxy-agent": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz",
+          "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==",
+          "requires": {
+            "@tootallnate/once": "1",
+            "agent-base": "6",
+            "debug": "4"
+          }
+        },
+        "lru-cache": {
+          "version": "5.1.1",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+          "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+          "requires": {
+            "yallist": "^3.0.2"
+          }
+        },
+        "socks-proxy-agent": {
+          "version": "5.0.1",
+          "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-5.0.1.tgz",
+          "integrity": "sha512-vZdmnjb9a2Tz6WEQVIurybSwElwPxMZaIc7PzqbJTrezcKNznv6giT7J7tZDZ1BojVaa1jvO/UiUdhDVB0ACoQ==",
+          "requires": {
+            "agent-base": "^6.0.2",
+            "debug": "4",
+            "socks": "^2.3.3"
+          }
+        },
+        "yallist": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+          "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
+        }
+      }
+    },
+    "proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
@@ -27604,6 +29117,14 @@
         "escape-goat": "^2.0.0"
       }
     },
+    "python-struct": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/python-struct/-/python-struct-1.1.3.tgz",
+      "integrity": "sha512-UsI/mNvk25jRpGKYI38Nfbv84z48oiIWwG67DLVvjRhy8B/0aIK+5Ju5WOHgw/o9rnEmbAS00v4rgKFQeC332Q==",
+      "requires": {
+        "long": "^4.0.0"
+      }
+    },
     "qs": {
       "version": "6.10.3",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
@@ -27843,9 +29364,7 @@
     "remove-trailing-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
-      "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==",
-      "dev": true,
-      "optional": true
+      "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw=="
     },
     "remove-trailing-slash": {
       "version": "0.1.1",
@@ -28326,6 +29845,11 @@
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
       "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
     },
+    "simple-lru-cache": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/simple-lru-cache/-/simple-lru-cache-0.0.2.tgz",
+      "integrity": "sha512-uEv/AFO0ADI7d99OHDmh1QfYzQk/izT1vCmu/riQfh7qjBVUUgRT87E5s5h7CxWCA/+YoZerykpEthzVrW3LIw=="
+    },
     "simple-swizzle": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
@@ -28349,8 +29873,7 @@
     "smart-buffer": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
-      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
-      "optional": true
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg=="
     },
     "snapdragon": {
       "version": "0.8.2",
@@ -28508,6 +30031,111 @@
         }
       }
     },
+    "snowflake-sdk": {
+      "version": "1.6.16",
+      "resolved": "https://registry.npmjs.org/snowflake-sdk/-/snowflake-sdk-1.6.16.tgz",
+      "integrity": "sha512-3D/gJzpKZOgG06sCLaBnSze8/q5l4aBhiaI+MSN6poCX6BvMFubO53ilRKoNaiOCa0JluP6SWYYhRZ90Dz8H2Q==",
+      "requires": {
+        "@azure/storage-blob": "^12.11.0",
+        "@techteamer/ocsp": "1.0.0",
+        "agent-base": "^6.0.2",
+        "asn1.js-rfc2560": "^5.0.0",
+        "asn1.js-rfc5280": "^3.0.0",
+        "aws-sdk": "^2.878.0",
+        "axios": "^0.27.2",
+        "big-integer": "^1.6.43",
+        "bignumber.js": "^2.4.0",
+        "binascii": "0.0.2",
+        "browser-request": "^0.3.3",
+        "debug": "^3.2.6",
+        "expand-tilde": "^2.0.2",
+        "extend": "^3.0.2",
+        "generic-pool": "^3.8.2",
+        "glob": "^7.1.6",
+        "jsonwebtoken": "^8.5.1",
+        "mime-types": "^2.1.29",
+        "mkdirp": "^1.0.3",
+        "mock-require": "^3.0.3",
+        "moment": "^2.29.4",
+        "moment-timezone": "^0.5.15",
+        "open": "^7.3.1",
+        "python-struct": "^1.1.3",
+        "simple-lru-cache": "^0.0.2",
+        "string-similarity": "^4.0.4",
+        "test-console": "^2.0.0",
+        "tmp": "^0.2.1",
+        "urllib": "^2.38.0",
+        "uuid": "^3.3.2",
+        "winston": "^3.1.0"
+      },
+      "dependencies": {
+        "axios": {
+          "version": "0.27.2",
+          "resolved": "https://registry.npmjs.org/axios/-/axios-0.27.2.tgz",
+          "integrity": "sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==",
+          "requires": {
+            "follow-redirects": "^1.14.9",
+            "form-data": "^4.0.0"
+          }
+        },
+        "bignumber.js": {
+          "version": "2.4.0",
+          "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-2.4.0.tgz",
+          "integrity": "sha512-uw4ra6Cv483Op/ebM0GBKKfxZlSmn6NgFRby5L3yGTlunLj53KQgndDlqy2WVFOwgvurocApYkSud0aO+mvrpQ=="
+        },
+        "debug": {
+          "version": "3.2.7",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+          "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "is-wsl": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+          "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+          "requires": {
+            "is-docker": "^2.0.0"
+          }
+        },
+        "mkdirp": {
+          "version": "1.0.4",
+          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+          "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw=="
+        },
+        "open": {
+          "version": "7.4.2",
+          "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
+          "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+          "requires": {
+            "is-docker": "^2.0.0",
+            "is-wsl": "^2.1.1"
+          }
+        },
+        "rimraf": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+          "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "tmp": {
+          "version": "0.2.1",
+          "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz",
+          "integrity": "sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==",
+          "requires": {
+            "rimraf": "^3.0.0"
+          }
+        },
+        "uuid": {
+          "version": "3.4.0",
+          "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+          "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
+        }
+      }
+    },
     "socket.io": {
       "version": "4.5.1",
       "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.5.1.tgz",
@@ -28540,7 +30168,6 @@
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/socks/-/socks-2.7.1.tgz",
       "integrity": "sha512-7maUZy1N7uo6+WVEX6psASxtNlKaNVMlGQKkG/63nEDdLOWNbiUMoLK7X4uYoLhQstau72mLgfEWcXcwsaHbYQ==",
-      "optional": true,
       "requires": {
         "ip": "^2.0.0",
         "smart-buffer": "^4.2.0"
@@ -28922,6 +30549,11 @@
         }
       }
     },
+    "string-similarity": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/string-similarity/-/string-similarity-4.0.4.tgz",
+      "integrity": "sha512-/q/8Q4Bl4ZKAPjj8WerIBJWALKkaPRfrvhfF8k/B23i4nzrlRj2/go1m90In7nG/3XDSbOo0+pu6RvCTM9RGMQ=="
+    },
     "string-template": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/string-template/-/string-template-1.0.0.tgz",
@@ -29348,6 +30980,11 @@
         }
       }
     },
+    "test-console": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/test-console/-/test-console-2.0.0.tgz",
+      "integrity": "sha512-ciILzfCQCny8zy1+HEw2yBLKus7LNMsAHymsp2fhvGTVh5pWE5v2EB7V+5ag3WM9aO2ULtgsXVQePWYE+fb7pA=="
+    },
     "text-hex": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/text-hex/-/text-hex-1.0.0.tgz",
@@ -29359,6 +30996,27 @@
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
       "dev": true
     },
+    "thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "requires": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "requires": {
+        "thenify": ">= 3.1.0 < 4"
+      }
+    },
+    "through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg=="
+    },
     "through2": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
@@ -30054,6 +31712,29 @@
       "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.6.tgz",
       "integrity": "sha512-+A5Sja4HP1M08MaXya7p5LvjuM7K6q/2EaC0+iovj/wOcMsTzMvDFbasi/oSapiwOlt252IqsKqPjCl7huKS0A=="
     },
+    "unescape": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/unescape/-/unescape-1.0.1.tgz",
+      "integrity": "sha512-O0+af1Gs50lyH1nUu3ZyYS1cRh01Q/kUKatTOkSs7jukXE6/NebucDVxyiDsA9AQ4JC1V1jUH9EO8JX2nMDgGQ==",
+      "requires": {
+        "extend-shallow": "^2.0.1"
+      },
+      "dependencies": {
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+          "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        },
+        "is-extendable": {
+          "version": "0.1.1",
+          "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+          "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw=="
+        }
+      }
+    },
     "unfetch": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-4.2.0.tgz",
@@ -30225,6 +31906,53 @@
         }
       }
     },
+    "urllib": {
+      "version": "2.40.0",
+      "resolved": "https://registry.npmjs.org/urllib/-/urllib-2.40.0.tgz",
+      "integrity": "sha512-XDZjoijtzsbkXTXgM+A/sJM002nwoYsc46YOYr6MNH2jUUw1nCBf2ywT1WaPsVEWJX4Yr+9isGmYj4+yofFn9g==",
+      "requires": {
+        "any-promise": "^1.3.0",
+        "content-type": "^1.0.2",
+        "debug": "^2.6.9",
+        "default-user-agent": "^1.0.0",
+        "digest-header": "^1.0.0",
+        "ee-first": "~1.1.1",
+        "formstream": "^1.1.0",
+        "humanize-ms": "^1.2.0",
+        "iconv-lite": "^0.4.15",
+        "ip": "^1.1.5",
+        "proxy-agent": "^5.0.0",
+        "pump": "^3.0.0",
+        "qs": "^6.4.0",
+        "statuses": "^1.3.1",
+        "utility": "^1.16.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ip": {
+          "version": "1.1.8",
+          "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz",
+          "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg=="
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+        },
+        "statuses": {
+          "version": "1.5.0",
+          "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+          "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA=="
+        }
+      }
+    },
     "use": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
@@ -30258,6 +31986,18 @@
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
+    "utility": {
+      "version": "1.17.0",
+      "resolved": "https://registry.npmjs.org/utility/-/utility-1.17.0.tgz",
+      "integrity": "sha512-KdVkF9An/0239BJ4+dqOa7NPrPIOeQE9AGfx0XS16O9DBiHNHRJMoeU5nL6pRGAkgJOqdOu8R4gBRcXnAocJKw==",
+      "requires": {
+        "copy-to": "^2.0.1",
+        "escape-html": "^1.0.3",
+        "mkdirp": "^0.5.1",
+        "mz": "^2.7.0",
+        "unescape": "^1.0.1"
+      }
+    },
     "utils-merge": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
@@ -30315,6 +32055,27 @@
       "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
       "dev": true
     },
+    "vm2": {
+      "version": "3.9.13",
+      "resolved": "https://registry.npmjs.org/vm2/-/vm2-3.9.13.tgz",
+      "integrity": "sha512-0rvxpB8P8Shm4wX2EKOiMp7H2zq+HUE/UwodY0pCZXs9IffIKZq6vUti5OgkVCTakKo9e/fgO4X1fkwfjWxE3Q==",
+      "requires": {
+        "acorn": "^8.7.0",
+        "acorn-walk": "^8.2.0"
+      },
+      "dependencies": {
+        "acorn": {
+          "version": "8.8.1",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.1.tgz",
+          "integrity": "sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA=="
+        },
+        "acorn-walk": {
+          "version": "8.2.0",
+          "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
+          "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA=="
+        }
+      }
+    },
     "w3c-hr-time": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
@@ -31402,6 +33163,21 @@
         "string-width": "^4.0.0"
       }
     },
+    "win-release": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/win-release/-/win-release-1.1.1.tgz",
+      "integrity": "sha512-iCRnKVvGxOQdsKhcQId2PXV1vV3J/sDPXKA4Oe9+Eti2nb2ESEsYHRYls/UjoUW3bIc5ZDO8dTH50A/5iVN+bw==",
+      "requires": {
+        "semver": "^5.0.1"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
+        }
+      }
+    },
     "winston": {
       "version": "3.8.2",
       "resolved": "https://registry.npmjs.org/winston/-/winston-3.8.2.tgz",
@@ -31611,6 +33387,11 @@
       "resolved": "https://registry.npmjs.org/xpath.js/-/xpath.js-1.1.0.tgz",
       "integrity": "sha512-jg+qkfS4K8E7965sqaUl8mRngXiKb3WZGfONgE18pr03FUQiuSV6G+Ej4tS55B+rIQSFEIw3phdVAQ4pPqNWfQ=="
     },
+    "xregexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/xregexp/-/xregexp-2.0.0.tgz",
+      "integrity": "sha512-xl/50/Cf32VsGq/1R8jJE5ajH1yMCQkpmoS10QbFZWl2Oor4H0Me64Pu2yxvsRWK3m6soJbmGfzSR7BYmDcWAA=="
+    },
     "xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
diff --git a/packages/nocodb/package.json b/packages/nocodb/package.json
index e6883c00df..200fbf777c 100644
--- a/packages/nocodb/package.json
+++ b/packages/nocodb/package.json
@@ -93,7 +93,7 @@
     "jsep": "^1.3.6",
     "jsonfile": "^6.1.0",
     "jsonwebtoken": "^8.5.1",
-    "knex": "^2.2.0",
+    "knex": "2.2.0",
     "lodash": "^4.17.19",
     "lru-cache": "^6.0.0",
     "mailersend": "^1.1.0",
@@ -104,7 +104,7 @@
     "multer": "^1.4.2",
     "mysql2": "^2.2.5",
     "nanoid": "^3.1.20",
-    "nc-help": "0.2.82",
+    "nc-help": "0.2.85",
     "nc-lib-gui": "0.100.2",
     "nc-plugin": "0.1.2",
     "ncp": "^2.0.0",

From 2017e5bd15b24aeb50f8dbb66ec09fab5043f3ec Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Wed, 21 Dec 2022 19:57:58 +0300
Subject: [PATCH 054/103] fix: replace nested ternary with if-else

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 .../db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts   | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
index f81db31d55..d789d893a0 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
@@ -1674,13 +1674,13 @@ class BaseModelSqlv2 {
 
   private getTnPath(tb: Model) {
     const schema = (this.dbDriver as any).searchPath?.();
-    const table =
-    this.isMssql && schema
-      ? this.dbDriver.raw('??.??', [schema, tb.table_name])
-      : this.isSnowflake
-      ? [this.dbDriver.client.config.connection.database, this.dbDriver.client.config.connection.schema, tb.table_name].join('.')
-      : tb.table_name;
-    return table;
+    if (this.isMssql && schema) {
+      return this.dbDriver.raw('??.??', [schema, tb.table_name]);
+    } else if (this.isSnowflake) {
+      return [this.dbDriver.client.config.connection.database, this.dbDriver.client.config.connection.schema, tb.table_name].join('.');
+    } else {
+      return tb.table_name;
+    }
   }
 
   public get tnPath() {

From f82831eee32bc4a3b37e51dd4d0caa7d44d1e7e6 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Wed, 21 Dec 2022 20:29:10 +0300
Subject: [PATCH 055/103] fix: field validation for sf

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 .../settings/data-sources/CreateBase.vue        | 17 ++++++++++++-----
 .../settings/data-sources/EditBase.vue          | 17 ++++++++++++-----
 .../pages/index/index/create-external.vue       | 17 ++++++++++++-----
 3 files changed, 36 insertions(+), 15 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue b/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
index 94d35c1226..7314b9d9b1 100644
--- a/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
+++ b/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
@@ -84,7 +84,14 @@ const validators = computed(() => {
           'dataSource.connection.connection.filename': [fieldRequiredValidator()],
         }
       : formState.dataSource.client === ClientType.SNOWFLAKE
-      ? {}
+      ? {
+          'dataSource.connection.account': [fieldRequiredValidator()],
+          'dataSource.connection.user': [fieldRequiredValidator()],
+          'dataSource.connection.password': [fieldRequiredValidator()],
+          'dataSource.connection.warehouse': [fieldRequiredValidator()],
+          'dataSource.connection.database': [fieldRequiredValidator()],
+          'dataSource.connection.schema': [fieldRequiredValidator()],
+        }
       : {
           'dataSource.connection.host': [fieldRequiredValidator()],
           'dataSource.connection.port': [fieldRequiredValidator()],
@@ -387,7 +394,7 @@ watch(
 
       <template v-else-if="formState.dataSource.client === ClientType.SNOWFLAKE">
         <!-- Account -->
-        <a-form-item label="Account">
+        <a-form-item label="Account" v-bind="validateInfos['dataSource.connection.account']">
           <a-input v-model:value="formState.dataSource.connection.account" class="nc-extdb-account" />
         </a-form-item>
 
@@ -397,12 +404,12 @@ watch(
         </a-form-item>
 
         <!-- Password -->
-        <a-form-item :label="$t('labels.password')">
+        <a-form-item :label="$t('labels.password')" v-bind="validateInfos['dataSource.connection.password']">
           <a-input-password v-model:value="formState.dataSource.connection.password" class="nc-extdb-host-password" />
         </a-form-item>
 
         <!-- Warehouse -->
-        <a-form-item label="Warehouse">
+        <a-form-item label="Warehouse" v-bind="validateInfos['dataSource.connection.warehouse']">
           <a-input v-model:value="formState.dataSource.connection.warehouse" />
         </a-form-item>
 
@@ -417,7 +424,7 @@ watch(
         </a-form-item>
 
         <!-- Schema name -->
-        <a-form-item :label="$t('labels.schemaName')">
+        <a-form-item :label="$t('labels.schemaName')" v-bind="validateInfos['dataSource.connection.schema']">
           <a-input v-model:value="formState.dataSource.connection.schema" />
         </a-form-item>
       </template>
diff --git a/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue b/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
index dfbd20b4f3..09dfd7364c 100644
--- a/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
+++ b/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
@@ -85,7 +85,14 @@ const validators = computed(() => {
           'dataSource.connection.connection.filename': [fieldRequiredValidator()],
         }
       : formState.value.dataSource.client === ClientType.SNOWFLAKE
-      ? {}
+      ? {
+          'dataSource.connection.account': [fieldRequiredValidator()],
+          'dataSource.connection.user': [fieldRequiredValidator()],
+          'dataSource.connection.password': [fieldRequiredValidator()],
+          'dataSource.connection.warehouse': [fieldRequiredValidator()],
+          'dataSource.connection.database': [fieldRequiredValidator()],
+          'dataSource.connection.schema': [fieldRequiredValidator()],
+        }
       : {
           'dataSource.connection.host': [fieldRequiredValidator()],
           'dataSource.connection.port': [fieldRequiredValidator()],
@@ -380,7 +387,7 @@ onMounted(async () => {
 
       <template v-else-if="formState.dataSource.client === ClientType.SNOWFLAKE">
         <!-- Account -->
-        <a-form-item label="Account">
+        <a-form-item label="Account" v-bind="validateInfos['dataSource.connection.account']">
           <a-input v-model:value="formState.dataSource.connection.account" class="nc-extdb-account" />
         </a-form-item>
 
@@ -390,12 +397,12 @@ onMounted(async () => {
         </a-form-item>
 
         <!-- Password -->
-        <a-form-item :label="$t('labels.password')">
+        <a-form-item :label="$t('labels.password')" v-bind="validateInfos['dataSource.connection.password']">
           <a-input-password v-model:value="formState.dataSource.connection.password" class="nc-extdb-host-password" />
         </a-form-item>
 
         <!-- Warehouse -->
-        <a-form-item label="Warehouse">
+        <a-form-item label="Warehouse" v-bind="validateInfos['dataSource.connection.warehouse']">
           <a-input v-model:value="formState.dataSource.connection.warehouse" />
         </a-form-item>
 
@@ -410,7 +417,7 @@ onMounted(async () => {
         </a-form-item>
 
         <!-- Schema name -->
-        <a-form-item :label="$t('labels.schemaName')">
+        <a-form-item :label="$t('labels.schemaName')" v-bind="validateInfos['dataSource.connection.schema']">
           <a-input v-model:value="formState.dataSource.connection.schema" />
         </a-form-item>
       </template>
diff --git a/packages/nc-gui/pages/index/index/create-external.vue b/packages/nc-gui/pages/index/index/create-external.vue
index af522124f0..1a51804442 100644
--- a/packages/nc-gui/pages/index/index/create-external.vue
+++ b/packages/nc-gui/pages/index/index/create-external.vue
@@ -80,7 +80,14 @@ const validators = computed(() => {
           'dataSource.connection.connection.filename': [fieldRequiredValidator()],
         }
       : formState.dataSource.client === ClientType.SNOWFLAKE
-      ? {}
+      ? {
+          'dataSource.connection.account': [fieldRequiredValidator()],
+          'dataSource.connection.user': [fieldRequiredValidator()],
+          'dataSource.connection.password': [fieldRequiredValidator()],
+          'dataSource.connection.warehouse': [fieldRequiredValidator()],
+          'dataSource.connection.database': [fieldRequiredValidator()],
+          'dataSource.connection.schema': [fieldRequiredValidator()],
+        }
       : {
           'dataSource.connection.host': [fieldRequiredValidator()],
           'dataSource.connection.port': [fieldRequiredValidator()],
@@ -389,7 +396,7 @@ onMounted(async () => {
 
       <template v-else-if="formState.dataSource.client === ClientType.SNOWFLAKE">
         <!-- Account -->
-        <a-form-item label="Account">
+        <a-form-item label="Account" v-bind="validateInfos['dataSource.connection.account']">
           <a-input v-model:value="formState.dataSource.connection.account" class="nc-extdb-account" />
         </a-form-item>
 
@@ -399,12 +406,12 @@ onMounted(async () => {
         </a-form-item>
 
         <!-- Password -->
-        <a-form-item :label="$t('labels.password')">
+        <a-form-item :label="$t('labels.password')" v-bind="validateInfos['dataSource.connection.password']">
           <a-input-password v-model:value="formState.dataSource.connection.password" class="nc-extdb-host-password" />
         </a-form-item>
 
         <!-- Warehouse -->
-        <a-form-item label="Warehouse">
+        <a-form-item label="Warehouse" v-bind="validateInfos['dataSource.connection.warehouse']">
           <a-input v-model:value="formState.dataSource.connection.warehouse" />
         </a-form-item>
 
@@ -419,7 +426,7 @@ onMounted(async () => {
         </a-form-item>
 
         <!-- Schema name -->
-        <a-form-item :label="$t('labels.schemaName')">
+        <a-form-item :label="$t('labels.schemaName')" v-bind="validateInfos['dataSource.connection.schema']">
           <a-input v-model:value="formState.dataSource.connection.schema" />
         </a-form-item>
       </template>

From 0a2e7bc1a8c564be577ae620908de43b42817390 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AF=97=E4=BA=BA=E7=9A=84=E5=92=B8=E9=B1=BC?=
 <willnewii@163.com>
Date: Fri, 23 Dec 2022 15:43:10 +0800
Subject: [PATCH 056/103] =?UTF-8?q?fix:=20search=20result=20can=E2=80=99t?=
 =?UTF-8?q?=20paging?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../nc-gui/components/tabs/auth/UserManagement.vue  | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/tabs/auth/UserManagement.vue b/packages/nc-gui/components/tabs/auth/UserManagement.vue
index 21eae314ae..71d92ed282 100644
--- a/packages/nc-gui/components/tabs/auth/UserManagement.vue
+++ b/packages/nc-gui/components/tabs/auth/UserManagement.vue
@@ -44,7 +44,7 @@ let isLoading = $ref(false)
 
 let totalRows = $ref(0)
 
-const currentPage = $ref(1)
+let currentPage = $ref(1)
 
 const currentLimit = $ref(10)
 
@@ -58,7 +58,7 @@ const loadUsers = async (page = currentPage, limit = currentLimit) => {
     const response: any = await api.auth.projectUserList(project.value?.id, {
       query: {
         limit,
-        offset: searchText.value.length === 0 ? (page - 1) * limit : 0,
+        offset: (page - 1) * limit,
         query: searchText.value,
       },
     } as RequestParams)
@@ -160,7 +160,14 @@ onBeforeMount(async () => {
   }
 })
 
-watchDebounced(searchText, () => loadUsers(), { debounce: 300, maxWait: 600 })
+watchDebounced(
+  searchText,
+  () => {
+    currentPage = 1
+    loadUsers()
+  },
+  { debounce: 300, maxWait: 600 },
+)
 
 const isSuperAdmin = (user: { main_roles?: string }) => {
   return user.main_roles?.split(',').includes(OrgUserRoles.SUPER_ADMIN)

From 5c72e923aaa4d5eea883d59c0cc47d3311988031 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 23 Dec 2022 17:18:35 +0800
Subject: [PATCH 057/103] fix(nocodb): fix formula queries

---
 .../sql/formulav2/formulaQueryBuilderv2.ts    | 31 +++++++------------
 .../lib/sql/functionMappings/pg.ts            | 24 ++++++++++++++
 .../lib/sql/functionMappings/sqlite.ts        | 24 ++++++++++++++
 3 files changed, 60 insertions(+), 19 deletions(-)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
index 8b091d2fa8..b9a47522d1 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/formulav2/formulaQueryBuilderv2.ts
@@ -722,37 +722,30 @@ export default async function formulaQueryBuilderv2(
             : 0
         }) ${colAlias}`;
       } else if (
+        knex.clientType() === 'sqlite3' ||
         knex.clientType() === 'pg' ||
-        knex.clientType() === 'sqlite3'
+        knex.clientType() === 'mssql'
       ) {
-        sql = `COALESCE(${left} ${pt.operator} ${right}, ${
-          pt.operator === '='
-            ? pt.left.type === 'Literal'
-              ? pt.left.value === ''
-              : pt.right.value === ''
-            : pt.operator === '!='
-            ? pt.left.type !== 'Literal'
-              ? pt.left.value === ''
-              : pt.right.value === ''
-            : false
-        }) ${colAlias}`;
-      } else if (knex.clientType() === 'mssql') {
         if (pt.operator === '=') {
           if (pt.left.type === 'Literal' && pt.left.value === '') {
-            sql = `${right} IS NULL OR ${right} = ''`;
+            sql = `${right} IS NULL OR CAST(${right} AS TEXT) = ''`;
           } else if (pt.right.type === 'Literal' && pt.right.value === '') {
-            sql = `${left} IS NULL OR ${left} = ''`;
+            sql = `${left} IS NULL OR CAST(${left} AS TEXT) = ''`;
           }
         } else if (pt.operator === '!=') {
           if (pt.left.type === 'Literal' && pt.left.value === '') {
-            sql = `${right} IS NOT NULL AND ${right} != ''`;
+            sql = `${right} IS NOT NULL AND CAST(${right} AS TEXT) != ''`;
           } else if (pt.right.type === 'Literal' && pt.right.value === '') {
-            sql = `${left} IS NOT NULL AND ${left} != ''`;
+            sql = `${left} IS NOT NULL AND CAST(${left} AS TEXT) != ''`;
           }
         }
 
-        if (prevBinaryOp !== 'AND' && prevBinaryOp !== 'OR') {
-          sql = `CASE WHEN ${sql} THEN 1 ELSE 0 END ${colAlias}`;
+        if (
+          (pt.operator === '=' || pt.operator === '!=') &&
+          prevBinaryOp !== 'AND' &&
+          prevBinaryOp !== 'OR'
+        ) {
+          sql = `(CASE WHEN ${sql} THEN true ELSE false END ${colAlias})`;
         } else {
           sql = `${sql} ${colAlias}`;
         }
diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/pg.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/pg.ts
index 72ee49bcfa..1157d853cf 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/pg.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/pg.ts
@@ -114,6 +114,30 @@ const pg = {
       )} % 7 + 7) ::INTEGER % 7 ${colAlias}`
     );
   },
+  AND: (args: MapFnArgs) => {
+    return args.knex.raw(
+      `CASE WHEN ${args.knex
+        .raw(
+          `${args.pt.arguments
+            .map((ar) => args.fn(ar, '', 'AND').toQuery())
+            .join(' AND ')}`
+        )
+        .wrap('(', ')')
+        .toQuery()} THEN 1 ELSE 0 END ${args.colAlias}`
+    );
+  },
+  OR: (args: MapFnArgs) => {
+    return args.knex.raw(
+      `CASE WHEN ${args.knex
+        .raw(
+          `${args.pt.arguments
+            .map((ar) => args.fn(ar, '', 'OR').toQuery())
+            .join(' OR ')}`
+        )
+        .wrap('(', ')')
+        .toQuery()} THEN 1 ELSE 0 END ${args.colAlias}`
+    );
+  },
 };
 
 export default pg;
diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/sqlite.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/sqlite.ts
index ad384aeedf..9c5f500431 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/sqlite.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/functionMappings/sqlite.ts
@@ -152,6 +152,30 @@ const sqlite3 = {
       )} % 7 + 7) % 7 ${colAlias}`
     );
   },
+  AND: (args: MapFnArgs) => {
+    return args.knex.raw(
+      `CASE WHEN ${args.knex
+        .raw(
+          `${args.pt.arguments
+            .map((ar) => args.fn(ar, '', 'AND').toQuery())
+            .join(' AND ')}`
+        )
+        .wrap('(', ')')
+        .toQuery()} THEN 1 ELSE 0 END ${args.colAlias}`
+    );
+  },
+  OR: (args: MapFnArgs) => {
+    return args.knex.raw(
+      `CASE WHEN ${args.knex
+        .raw(
+          `${args.pt.arguments
+            .map((ar) => args.fn(ar, '', 'OR').toQuery())
+            .join(' OR ')}`
+        )
+        .wrap('(', ')')
+        .toQuery()} THEN 1 ELSE 0 END ${args.colAlias}`
+    );
+  },
 };
 
 export default sqlite3;

From 5a6d3eb7c4d1db56c604a8a156a615800bcaaa78 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 31 Aug 2022 00:29:01 +0530
Subject: [PATCH 058/103] feat(gui): add icon pack and load all icons

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/app.vue           |   1 +
 packages/nc-gui/nuxt.config.ts    |   6 +
 packages/nc-gui/package-lock.json | 200 ++++++++++++++++++++++++++++++
 packages/nc-gui/package.json      |   2 +
 4 files changed, 209 insertions(+)

diff --git a/packages/nc-gui/app.vue b/packages/nc-gui/app.vue
index 32480b0839..b3c147e5e1 100644
--- a/packages/nc-gui/app.vue
+++ b/packages/nc-gui/app.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import '@purge-icons/generated'
 import { applyNonSelectable, computed, useRoute, useTheme } from '#imports'
 
 const route = useRoute()
diff --git a/packages/nc-gui/nuxt.config.ts b/packages/nc-gui/nuxt.config.ts
index 0778081d12..81449670d9 100644
--- a/packages/nc-gui/nuxt.config.ts
+++ b/packages/nc-gui/nuxt.config.ts
@@ -7,6 +7,8 @@ import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
 import monacoEditorPlugin from 'vite-plugin-monaco-editor'
 import { NodeModulesPolyfillPlugin } from '@esbuild-plugins/node-modules-polyfill'
 
+import PurgeIcons from 'vite-plugin-purge-icons'
+
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
   modules: ['@vueuse/nuxt', 'nuxt-windicss', '@nuxt/image-edge'],
@@ -138,6 +140,10 @@ export default defineNuxtConfig({
       monacoEditorPlugin({
         languageWorkers: ['json'],
       }),
+      PurgeIcons({
+        /* PurgeIcons Options */
+        includedCollections: ['emojione'],
+      }),
     ],
     define: {
       'process.env.DEBUG': 'false',
diff --git a/packages/nc-gui/package-lock.json b/packages/nc-gui/package-lock.json
index c4a1c9ac9a..c05611aa7a 100644
--- a/packages/nc-gui/package-lock.json
+++ b/packages/nc-gui/package-lock.json
@@ -9,6 +9,7 @@
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "@ckpack/vue-color": "^1.2.0",
+        "@iconify/iconify": "^2.2.1",
         "@types/file-saver": "^2.0.5",
         "@vue-flow/additional-components": "^1.2.0",
         "@vue-flow/core": "^1.3.0",
@@ -86,6 +87,7 @@
         "unplugin-icons": "^0.14.7",
         "unplugin-vue-components": "^0.22.4",
         "vite-plugin-monaco-editor": "^1.1.0",
+        "vite-plugin-purge-icons": "^0.9.0",
         "vitest": "^0.18.0",
         "windicss": "^3.5.6"
       }
@@ -1204,6 +1206,14 @@
         "@iconify/types": "*"
       }
     },
+    "node_modules/@iconify/iconify": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@iconify/iconify/-/iconify-2.2.1.tgz",
+      "integrity": "sha512-WJzw+3iicrF/tbjbxxRinSgy5FHdJoz/egTqwi3xCDkNRJPq482RX1iyaWrjNuY2vMNSPkQMuqHvZDXgA+WnwQ==",
+      "funding": {
+        "url": "http://github.com/sponsors/cyberalien"
+      }
+    },
     "node_modules/@iconify/types": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@iconify/types/-/types-1.1.0.tgz",
@@ -2568,6 +2578,49 @@
       "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
       "dev": true
     },
+    "node_modules/@purge-icons/core": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/@purge-icons/core/-/core-0.9.1.tgz",
+      "integrity": "sha512-sx8/a30MbbqQVEqhuMPE1wJpdVRRbEmwEPZpFzVkcDixzX4p+R2A0WVxqkb0xfHUBAVQwrSE2SeAyniIQLqbLw==",
+      "dev": true,
+      "dependencies": {
+        "@iconify/iconify": "2.1.2",
+        "axios": "^0.26.0",
+        "debug": "^4.3.3",
+        "fast-glob": "^3.2.11",
+        "fs-extra": "^10.0.1"
+      }
+    },
+    "node_modules/@purge-icons/core/node_modules/@iconify/iconify": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@iconify/iconify/-/iconify-2.1.2.tgz",
+      "integrity": "sha512-QcUzFeEWkE/mW+BVtEGmcWATClcCOIJFiYUD/PiCWuTcdEA297o8D4oN6Ra44WrNOHu1wqNW4J0ioaDIiqaFOQ==",
+      "dev": true,
+      "dependencies": {
+        "cross-fetch": "^3.1.5"
+      },
+      "funding": {
+        "url": "http://github.com/sponsors/cyberalien"
+      }
+    },
+    "node_modules/@purge-icons/core/node_modules/axios": {
+      "version": "0.26.1",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.26.1.tgz",
+      "integrity": "sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==",
+      "dev": true,
+      "dependencies": {
+        "follow-redirects": "^1.14.8"
+      }
+    },
+    "node_modules/@purge-icons/generated": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@purge-icons/generated/-/generated-0.9.0.tgz",
+      "integrity": "sha512-s2t+1oVtGDV6KtqfCXtUOhxfeYvOdDF90IVm+nMs/6bUP0HeGZLslguuL/AibpwtfL4FA/oCsIu/RhwapgAdJw==",
+      "dev": true,
+      "dependencies": {
+        "@iconify/iconify": ">=2.0.0-rc.6"
+      }
+    },
     "node_modules/@rollup/plugin-alias": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-alias/-/plugin-alias-4.0.2.tgz",
@@ -5755,6 +5808,35 @@
       "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
       "dev": true
     },
+    "node_modules/cross-fetch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.5.tgz",
+      "integrity": "sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==",
+      "dev": true,
+      "dependencies": {
+        "node-fetch": "2.6.7"
+      }
+    },
+    "node_modules/cross-fetch/node_modules/node-fetch": {
+      "version": "2.6.7",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
+      "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
+      "dev": true,
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -14167,6 +14249,19 @@
         "rollup-plugin-inject": "^3.0.0"
       }
     },
+    "node_modules/rollup-plugin-purge-icons": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-purge-icons/-/rollup-plugin-purge-icons-0.9.1.tgz",
+      "integrity": "sha512-hRDKBsPUz47UMdBufki2feTmBF2ClEJlYqL7N6vpVAHSLd7V2BJUaNKOF7YYbLMofVVF+9hm44YSkYO6k9hUgg==",
+      "dev": true,
+      "dependencies": {
+        "@purge-icons/core": "^0.9.1",
+        "@purge-icons/generated": "^0.9.0"
+      },
+      "engines": {
+        "node": ">= 12"
+      }
+    },
     "node_modules/rollup-plugin-terser": {
       "version": "7.0.2",
       "resolved": "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz",
@@ -16673,6 +16768,23 @@
         "monaco-editor": ">=0.33.0"
       }
     },
+    "node_modules/vite-plugin-purge-icons": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/vite-plugin-purge-icons/-/vite-plugin-purge-icons-0.9.1.tgz",
+      "integrity": "sha512-oS0Y9Iq6vGnTDVRzB8xJNhA/gGlyR0lfCICU6+9FRKdrO5PnT34fRjvd8YWEsegCrk91+w3GVZc0HJDj/dPp5Q==",
+      "dev": true,
+      "dependencies": {
+        "@purge-icons/core": "^0.9.1",
+        "@purge-icons/generated": "^0.9.0",
+        "rollup-plugin-purge-icons": "^0.9.1"
+      },
+      "engines": {
+        "node": ">= 12"
+      },
+      "peerDependencies": {
+        "vite": "^2.0.0-beta.3 || ^3.0.0"
+      }
+    },
     "node_modules/vite-plugin-windicss": {
       "version": "1.8.7",
       "resolved": "https://registry.npmjs.org/vite-plugin-windicss/-/vite-plugin-windicss-1.8.7.tgz",
@@ -18461,6 +18573,11 @@
         "@iconify/types": "*"
       }
     },
+    "@iconify/iconify": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@iconify/iconify/-/iconify-2.2.1.tgz",
+      "integrity": "sha512-WJzw+3iicrF/tbjbxxRinSgy5FHdJoz/egTqwi3xCDkNRJPq482RX1iyaWrjNuY2vMNSPkQMuqHvZDXgA+WnwQ=="
+    },
     "@iconify/types": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@iconify/types/-/types-1.1.0.tgz",
@@ -19424,6 +19541,48 @@
       "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
       "dev": true
     },
+    "@purge-icons/core": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/@purge-icons/core/-/core-0.9.1.tgz",
+      "integrity": "sha512-sx8/a30MbbqQVEqhuMPE1wJpdVRRbEmwEPZpFzVkcDixzX4p+R2A0WVxqkb0xfHUBAVQwrSE2SeAyniIQLqbLw==",
+      "dev": true,
+      "requires": {
+        "@iconify/iconify": "2.1.2",
+        "axios": "^0.26.0",
+        "debug": "^4.3.3",
+        "fast-glob": "^3.2.11",
+        "fs-extra": "^10.0.1"
+      },
+      "dependencies": {
+        "@iconify/iconify": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/@iconify/iconify/-/iconify-2.1.2.tgz",
+          "integrity": "sha512-QcUzFeEWkE/mW+BVtEGmcWATClcCOIJFiYUD/PiCWuTcdEA297o8D4oN6Ra44WrNOHu1wqNW4J0ioaDIiqaFOQ==",
+          "dev": true,
+          "requires": {
+            "cross-fetch": "^3.1.5"
+          }
+        },
+        "axios": {
+          "version": "0.26.1",
+          "resolved": "https://registry.npmjs.org/axios/-/axios-0.26.1.tgz",
+          "integrity": "sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==",
+          "dev": true,
+          "requires": {
+            "follow-redirects": "^1.14.8"
+          }
+        }
+      }
+    },
+    "@purge-icons/generated": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@purge-icons/generated/-/generated-0.9.0.tgz",
+      "integrity": "sha512-s2t+1oVtGDV6KtqfCXtUOhxfeYvOdDF90IVm+nMs/6bUP0HeGZLslguuL/AibpwtfL4FA/oCsIu/RhwapgAdJw==",
+      "dev": true,
+      "requires": {
+        "@iconify/iconify": ">=2.0.0-rc.6"
+      }
+    },
     "@rollup/plugin-alias": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-alias/-/plugin-alias-4.0.2.tgz",
@@ -21733,6 +21892,26 @@
       "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
       "dev": true
     },
+    "cross-fetch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.5.tgz",
+      "integrity": "sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==",
+      "dev": true,
+      "requires": {
+        "node-fetch": "2.6.7"
+      },
+      "dependencies": {
+        "node-fetch": {
+          "version": "2.6.7",
+          "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
+          "integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
+          "dev": true,
+          "requires": {
+            "whatwg-url": "^5.0.0"
+          }
+        }
+      }
+    },
     "cross-spawn": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -27878,6 +28057,16 @@
         "rollup-plugin-inject": "^3.0.0"
       }
     },
+    "rollup-plugin-purge-icons": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-purge-icons/-/rollup-plugin-purge-icons-0.9.1.tgz",
+      "integrity": "sha512-hRDKBsPUz47UMdBufki2feTmBF2ClEJlYqL7N6vpVAHSLd7V2BJUaNKOF7YYbLMofVVF+9hm44YSkYO6k9hUgg==",
+      "dev": true,
+      "requires": {
+        "@purge-icons/core": "^0.9.1",
+        "@purge-icons/generated": "^0.9.0"
+      }
+    },
     "rollup-plugin-terser": {
       "version": "7.0.2",
       "resolved": "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz",
@@ -29624,6 +29813,17 @@
       "dev": true,
       "requires": {}
     },
+    "vite-plugin-purge-icons": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/vite-plugin-purge-icons/-/vite-plugin-purge-icons-0.9.1.tgz",
+      "integrity": "sha512-oS0Y9Iq6vGnTDVRzB8xJNhA/gGlyR0lfCICU6+9FRKdrO5PnT34fRjvd8YWEsegCrk91+w3GVZc0HJDj/dPp5Q==",
+      "dev": true,
+      "requires": {
+        "@purge-icons/core": "^0.9.1",
+        "@purge-icons/generated": "^0.9.0",
+        "rollup-plugin-purge-icons": "^0.9.1"
+      }
+    },
     "vite-plugin-windicss": {
       "version": "1.8.7",
       "resolved": "https://registry.npmjs.org/vite-plugin-windicss/-/vite-plugin-windicss-1.8.7.tgz",
diff --git a/packages/nc-gui/package.json b/packages/nc-gui/package.json
index 5046a80816..6f3ff2f551 100644
--- a/packages/nc-gui/package.json
+++ b/packages/nc-gui/package.json
@@ -32,6 +32,7 @@
   },
   "dependencies": {
     "@ckpack/vue-color": "^1.2.0",
+    "@iconify/iconify": "^2.2.1",
     "@vue-flow/additional-components": "^1.2.0",
     "@vue-flow/core": "^1.3.0",
     "@vuelidate/core": "^2.0.0-alpha.44",
@@ -109,6 +110,7 @@
     "unplugin-icons": "^0.14.7",
     "unplugin-vue-components": "^0.22.4",
     "vite-plugin-monaco-editor": "^1.1.0",
+    "vite-plugin-purge-icons": "^0.9.0",
     "vitest": "^0.18.0",
     "windicss": "^3.5.6"
   }

From 85e03f730cd5b4ef8ad5eefd4b7659c3a9568344 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 7 Dec 2022 11:35:57 +0530
Subject: [PATCH 059/103] feat(gui): add icon toggle option in tree view

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components.d.ts               |    1 +
 .../nc-gui/components/dashboard/TreeView.vue  |   37 +
 .../nc-gui/components/general/EmojiIcons.vue  | 1857 +++++++++++++++++
 3 files changed, 1895 insertions(+)
 create mode 100644 packages/nc-gui/components/general/EmojiIcons.vue

diff --git a/packages/nc-gui/components.d.ts b/packages/nc-gui/components.d.ts
index bb95e0722e..79b48c1824 100644
--- a/packages/nc-gui/components.d.ts
+++ b/packages/nc-gui/components.d.ts
@@ -50,6 +50,7 @@ declare module '@vue/runtime-core' {
     AntDesignMenuFoldOutlined: typeof import('~icons/ant-design/menu-fold-outlined')['default']
     AntDesignMenuUnfoldOutlined: typeof import('~icons/ant-design/menu-unfold-outlined')['default']
     APagination: typeof import('ant-design-vue/es')['Pagination']
+    APopover: typeof import('ant-design-vue/es')['Popover']
     ARadio: typeof import('ant-design-vue/es')['Radio']
     ARadioGroup: typeof import('ant-design-vue/es')['RadioGroup']
     ARate: typeof import('ant-design-vue/es')['Rate']
diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index f21928d9a9..183053612b 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -299,6 +299,19 @@ watch(
   },
   { immediate: true },
 )
+
+
+const setIcon = (icon: string, table: TableType) => {
+  table.meta = {
+    // ...table.meta || {},
+    icon,
+  }
+  $api.dbTable.update(table.id as string, {
+    meta: {
+      icon,
+    },
+  })
+}
 </script>
 
 <template>
@@ -550,6 +563,30 @@ watch(
                       <template #title>{{ table.table_name }}</template>
                       <div class="flex items-center gap-2 h-full" @contextmenu="setMenuContext('table', table)">
                         <div class="flex w-auto" :data-testid="`tree-view-table-draggable-handle-${table.title}`">
+
+                          <a-popover trigger="hover" @click.stop>
+                            <div @click.stop>
+                              <MdiDrag
+                                v-if="isUIAllowed('treeview-drag-n-drop')"
+                                :class="`nc-child-draggable-icon-${table.title}`"
+                                class="nc-drag-icon text-xs hidden group-hover:block transition-opacity opacity-0 group-hover:opacity-100 text-gray-500 cursor-move"
+                                @click.stop.prevent
+                              />
+
+                              <span v-if="table.meta?.icon" class="iconify cursor-pointer" :data-icon="table.meta?.icon"></span>
+
+                              <component
+                                v-else
+                                :is="icon(table)"
+                                class="nc-view-icon text-xs"
+                                :class="{ 'group-hover:hidden group-hover:text-gray-500': isUIAllowed('treeview-drag-n-drop') }"
+                              />
+                            </div>
+                            <template #content>
+                              <LazyGeneralEmojiIcons @selectIcon="setIcon($event, table)" />
+                            </template>
+                          </a-popover>
+
                           <MdiDragVertical
                             v-if="isUIAllowed('treeview-drag-n-drop')"
                             :class="`nc-child-draggable-icon-${table.title}`"
diff --git a/packages/nc-gui/components/general/EmojiIcons.vue b/packages/nc-gui/components/general/EmojiIcons.vue
new file mode 100644
index 0000000000..b62a23bb27
--- /dev/null
+++ b/packages/nc-gui/components/general/EmojiIcons.vue
@@ -0,0 +1,1857 @@
+<script lang="ts" setup>
+const emit = defineEmits(['selectIcon'])
+const search = $ref('')
+
+// todo: move to utils
+const icons = [
+  '1st-place-medal',
+  '2nd-place-medal',
+  '3rd-place-medal',
+  'a-button',
+  'ab-button',
+  'admission-tickets',
+  'aerial-tramway',
+  'airplane',
+  'airplane-arrival',
+  'airplane-departure',
+  'alarm-clock',
+  'alembic',
+  'alien',
+  'alien-monster',
+  'ambulance',
+  'american-football',
+  'amphora',
+  'anchor',
+  'anger-symbol',
+  'angry-face',
+  'angry-face-with-horns',
+  'anguished-face',
+  'ant',
+  'antenna-bars',
+  'anxious-face-with-sweat',
+  'aquarius',
+  'aries',
+  'articulated-lorry',
+  'artist-palette',
+  'asterisk',
+  'astonished-face',
+  'atm-sign',
+  'atom-symbol',
+  'automobile',
+  'avocado',
+  'b-button',
+  'baby',
+  'baby-angel',
+  'baby-angel-dark-skin-tone',
+  'baby-angel-light-skin-tone',
+  'baby-angel-medium-dark-skin-tone',
+  'baby-angel-medium-light-skin-tone',
+  'baby-angel-medium-skin-tone',
+  'baby-bottle',
+  'baby-chick',
+  'baby-dark-skin-tone',
+  'baby-light-skin-tone',
+  'baby-medium-dark-skin-tone',
+  'baby-medium-light-skin-tone',
+  'baby-medium-skin-tone',
+  'baby-symbol',
+  'back-arrow',
+  'backhand-index-pointing-down',
+  'backhand-index-pointing-down-dark-skin-tone',
+  'backhand-index-pointing-down-light-skin-tone',
+  'backhand-index-pointing-down-medium-dark-skin-tone',
+  'backhand-index-pointing-down-medium-light-skin-tone',
+  'backhand-index-pointing-down-medium-skin-tone',
+  'backhand-index-pointing-left',
+  'backhand-index-pointing-left-dark-skin-tone',
+  'backhand-index-pointing-left-light-skin-tone',
+  'backhand-index-pointing-left-medium-dark-skin-tone',
+  'backhand-index-pointing-left-medium-light-skin-tone',
+  'backhand-index-pointing-left-medium-skin-tone',
+  'backhand-index-pointing-right',
+  'backhand-index-pointing-right-dark-skin-tone',
+  'backhand-index-pointing-right-light-skin-tone',
+  'backhand-index-pointing-right-medium-dark-skin-tone',
+  'backhand-index-pointing-right-medium-light-skin-tone',
+  'backhand-index-pointing-right-medium-skin-tone',
+  'backhand-index-pointing-up',
+  'backhand-index-pointing-up-dark-skin-tone',
+  'backhand-index-pointing-up-light-skin-tone',
+  'backhand-index-pointing-up-medium-dark-skin-tone',
+  'backhand-index-pointing-up-medium-light-skin-tone',
+  'backhand-index-pointing-up-medium-skin-tone',
+  'backpack',
+  'bacon',
+  'badminton',
+  'baggage-claim',
+  'baguette-bread',
+  'balance-scale',
+  'balloon',
+  'ballot-box-with-ballot',
+  'ballot-box-with-check',
+  'banana',
+  'bank',
+  'bar-chart',
+  'barber-pole',
+  'baseball',
+  'basketball',
+  'bat',
+  'bathtub',
+  'battery',
+  'beach-with-umbrella',
+  'beaming-face-with-smiling-eyes',
+  'bear-face',
+  'beating-heart',
+  'bed',
+  'beer-mug',
+  'bell',
+  'bell-with-slash',
+  'bellhop-bell',
+  'bento-box',
+  'bicycle',
+  'bikini',
+  'biohazard',
+  'bird',
+  'birthday-cake',
+  'black-circle',
+  'black-heart',
+  'black-large-square',
+  'black-medium-small-square',
+  'black-medium-square',
+  'black-nib',
+  'black-small-square',
+  'black-square-button',
+  'blond-haired-person',
+  'blond-haired-person-dark-skin-tone',
+  'blond-haired-person-light-skin-tone',
+  'blond-haired-person-medium-dark-skin-tone',
+  'blond-haired-person-medium-light-skin-tone',
+  'blond-haired-person-medium-skin-tone',
+  'blossom',
+  'blowfish',
+  'blue-book',
+  'blue-circle',
+  'blue-heart',
+  'boar',
+  'bomb',
+  'bookmark',
+  'bookmark-tabs',
+  'books',
+  'bottle-with-popping-cork',
+  'bouquet',
+  'bow-and-arrow',
+  'bowling',
+  'boxing-glove',
+  'boy',
+  'boy-dark-skin-tone',
+  'boy-light-skin-tone',
+  'boy-medium-dark-skin-tone',
+  'boy-medium-light-skin-tone',
+  'boy-medium-skin-tone',
+  'bread',
+  'bride-with-veil',
+  'bride-with-veil-dark-skin-tone',
+  'bride-with-veil-light-skin-tone',
+  'bride-with-veil-medium-dark-skin-tone',
+  'bride-with-veil-medium-light-skin-tone',
+  'bride-with-veil-medium-skin-tone',
+  'bridge-at-night',
+  'briefcase',
+  'bright-button',
+  'broken-heart',
+  'bug',
+  'building-construction',
+  'bullet-train',
+  'burrito',
+  'bus',
+  'bus-stop',
+  'bust-in-silhouette',
+  'busts-in-silhouette',
+  'butterfly',
+  'cactus',
+  'calendar',
+  'call-me-hand',
+  'call-me-hand-dark-skin-tone',
+  'call-me-hand-light-skin-tone',
+  'call-me-hand-medium-dark-skin-tone',
+  'call-me-hand-medium-light-skin-tone',
+  'call-me-hand-medium-skin-tone',
+  'camel',
+  'camera',
+  'camera-with-flash',
+  'camping',
+  'cancer',
+  'candle',
+  'candy',
+  'canoe',
+  'capricorn',
+  'card-file-box',
+  'card-index',
+  'card-index-dividers',
+  'carousel-horse',
+  'carp-streamer',
+  'carrot',
+  'castle',
+  'cat',
+  'cat-face',
+  'cat-face-with-tears-of-joy',
+  'cat-face-with-wry-smile',
+  'chains',
+  'chart-decreasing',
+  'chart-increasing',
+  'chart-increasing-with-yen',
+  'cheese-wedge',
+  'cherries',
+  'cherry-blossom',
+  'chestnut',
+  'chicken',
+  'children-crossing',
+  'chipmunk',
+  'chocolate-bar',
+  'christmas-tree',
+  'church',
+  'cigarette',
+  'cinema',
+  'circled-m',
+  'circus-tent',
+  'cityscape',
+  'cityscape-at-dusk',
+  'cl-button',
+  'clamp',
+  'clapper-board',
+  'clapping-hands',
+  'clapping-hands-dark-skin-tone',
+  'clapping-hands-light-skin-tone',
+  'clapping-hands-medium-dark-skin-tone',
+  'clapping-hands-medium-light-skin-tone',
+  'clapping-hands-medium-skin-tone',
+  'classical-building',
+  'clinking-beer-mugs',
+  'clinking-glasses',
+  'clipboard',
+  'clockwise-vertical-arrows',
+  'closed-book',
+  'closed-mailbox-with-lowered-flag',
+  'closed-mailbox-with-raised-flag',
+  'closed-umbrella',
+  'cloud',
+  'cloud-with-lightning',
+  'cloud-with-lightning-and-rain',
+  'cloud-with-rain',
+  'cloud-with-snow',
+  'clown-face',
+  'club-suit',
+  'clutch-bag',
+  'cocktail-glass',
+  'coffin',
+  'collision',
+  'comet',
+  'computer-disk',
+  'computer-mouse',
+  'confetti-ball',
+  'confounded-face',
+  'confused-face',
+  'construction',
+  'construction-worker',
+  'construction-worker-dark-skin-tone',
+  'construction-worker-light-skin-tone',
+  'construction-worker-medium-dark-skin-tone',
+  'construction-worker-medium-light-skin-tone',
+  'construction-worker-medium-skin-tone',
+  'control-knobs',
+  'convenience-store',
+  'cooked-rice',
+  'cookie',
+  'cooking',
+  'cool-button',
+  'copyright',
+  'couch-and-lamp',
+  'counterclockwise-arrows-button',
+  'couple-with-heart',
+  'couple-with-heart-man-man',
+  'couple-with-heart-woman-woman',
+  'cow',
+  'cow-face',
+  'cowboy-hat-face',
+  'crab',
+  'crayon',
+  'credit-card',
+  'crescent-moon',
+  'cricket-game',
+  'crocodile',
+  'croissant',
+  'cross-mark',
+  'cross-mark-button',
+  'crossed-fingers',
+  'crossed-fingers-dark-skin-tone',
+  'crossed-fingers-light-skin-tone',
+  'crossed-fingers-medium-dark-skin-tone',
+  'crossed-fingers-medium-light-skin-tone',
+  'crossed-fingers-medium-skin-tone',
+  'crossed-swords',
+  'crown',
+  'crying-cat-face',
+  'crying-face',
+  'crystal-ball',
+  'cucumber',
+  'curly-loop',
+  'currency-exchange',
+  'curry-rice',
+  'custard',
+  'customs',
+  'cyclone',
+  'dagger',
+  'dango',
+  'dark-skin-tone',
+  'dashing-away',
+  'deciduous-tree',
+  'deer',
+  'delivery-truck',
+  'department-store',
+  'derelict-house',
+  'desert',
+  'desert-island',
+  'desktop-computer',
+  'detective',
+  'detective-dark-skin-tone',
+  'detective-light-skin-tone',
+  'detective-medium-dark-skin-tone',
+  'detective-medium-light-skin-tone',
+  'detective-medium-skin-tone',
+  'diamond-suit',
+  'diamond-with-a-dot',
+  'digit-eight',
+  'digit-five',
+  'digit-four',
+  'digit-nine',
+  'digit-one',
+  'digit-seven',
+  'digit-six',
+  'digit-three',
+  'digit-two',
+  'digit-zero',
+  'dim-button',
+  'direct-hit',
+  'disappointed-face',
+  'dizzy',
+  'dizzy-face',
+  'dog',
+  'dog-face',
+  'dollar-banknote',
+  'dolphin',
+  'door',
+  'dotted-six-pointed-star',
+  'double-curly-loop',
+  'double-exclamation-mark',
+  'doughnut',
+  'dove',
+  'down-arrow',
+  'down-left-arrow',
+  'down-right-arrow',
+  'downcast-face-with-sweat',
+  'downwards-button',
+  'dragon',
+  'dragon-face',
+  'dress',
+  'drooling-face',
+  'droplet',
+  'drum',
+  'duck',
+  'dvd',
+  'e-mail',
+  'eagle',
+  'ear',
+  'ear-dark-skin-tone',
+  'ear-light-skin-tone',
+  'ear-medium-dark-skin-tone',
+  'ear-medium-light-skin-tone',
+  'ear-medium-skin-tone',
+  'ear-of-corn',
+  'egg',
+  'eggplant',
+  'eight-oclock',
+  'eight-pointed-star',
+  'eight-spoked-asterisk',
+  'eight-thirty',
+  'eject-button',
+  'electric-plug',
+  'elephant',
+  'eleven-oclock',
+  'eleven-thirty',
+  'end-arrow',
+  'envelope',
+  'envelope-with-arrow',
+  'euro-banknote',
+  'evergreen-tree',
+  'ewe',
+  'exclamation-mark',
+  'exclamation-question-mark',
+  'expressionless-face',
+  'eye',
+  'eye-in-speech-bubble',
+  'eyes',
+  'face-blowing-a-kiss',
+  'face-savoring-food',
+  'face-screaming-in-fear',
+  'face-with-head-bandage',
+  'face-with-medical-mask',
+  'face-with-open-mouth',
+  'face-with-rolling-eyes',
+  'face-with-steam-from-nose',
+  'face-with-tears-of-joy',
+  'face-with-thermometer',
+  'face-with-tongue',
+  'face-without-mouth',
+  'factory',
+  'fallen-leaf',
+  'family',
+  'family-man-man-boy',
+  'family-man-man-boy-boy',
+  'family-man-man-girl',
+  'family-man-man-girl-boy',
+  'family-man-man-girl-girl',
+  'family-man-woman-boy-boy',
+  'family-man-woman-girl',
+  'family-man-woman-girl-boy',
+  'family-man-woman-girl-girl',
+  'family-woman-woman-boy',
+  'family-woman-woman-boy-boy',
+  'family-woman-woman-girl',
+  'family-woman-woman-girl-boy',
+  'family-woman-woman-girl-girl',
+  'fast-down-button',
+  'fast-forward-button',
+  'fast-reverse-button',
+  'fast-up-button',
+  'fax-machine',
+  'fearful-face',
+  'ferris-wheel',
+  'ferry',
+  'field-hockey',
+  'file-cabinet',
+  'file-folder',
+  'film-frames',
+  'film-projector',
+  'fire',
+  'fire-engine',
+  'fireworks',
+  'first-quarter-moon',
+  'first-quarter-moon-face',
+  'fish',
+  'fish-cake-with-swirl',
+  'fishing-pole',
+  'five-oclock',
+  'five-thirty',
+  'flag-england',
+  'flag-for-afghanistan',
+  'flag-for-aland-islands',
+  'flag-for-albania',
+  'flag-for-algeria',
+  'flag-for-american-samoa',
+  'flag-for-andorra',
+  'flag-for-angola',
+  'flag-for-anguilla',
+  'flag-for-antarctica',
+  'flag-for-antigua-and-barbuda',
+  'flag-for-argentina',
+  'flag-for-armenia',
+  'flag-for-aruba',
+  'flag-for-ascension-island',
+  'flag-for-australia',
+  'flag-for-austria',
+  'flag-for-azerbaijan',
+  'flag-for-bahamas',
+  'flag-for-bahrain',
+  'flag-for-bangladesh',
+  'flag-for-barbados',
+  'flag-for-belarus',
+  'flag-for-belgium',
+  'flag-for-belize',
+  'flag-for-benin',
+  'flag-for-bermuda',
+  'flag-for-bhutan',
+  'flag-for-black-flag',
+  'flag-for-bolivia',
+  'flag-for-bosnia-and-herzegovina',
+  'flag-for-botswana',
+  'flag-for-bouvet-island',
+  'flag-for-brazil',
+  'flag-for-british-indian-ocean-territory',
+  'flag-for-british-virgin-islands',
+  'flag-for-brunei',
+  'flag-for-bulgaria',
+  'flag-for-burkina-faso',
+  'flag-for-burundi',
+  'flag-for-cambodia',
+  'flag-for-cameroon',
+  'flag-for-canada',
+  'flag-for-canary-islands',
+  'flag-for-cape-verde',
+  'flag-for-caribbean-netherlands',
+  'flag-for-cayman-islands',
+  'flag-for-central-african-republic',
+  'flag-for-ceuta-and-melilla',
+  'flag-for-chad',
+  'flag-for-chequered-flag',
+  'flag-for-chile',
+  'flag-for-china',
+  'flag-for-christmas-island',
+  'flag-for-clipperton-island',
+  'flag-for-cocos-islands',
+  'flag-for-colombia',
+  'flag-for-comoros',
+  'flag-for-congo-brazzaville',
+  'flag-for-congo-kinshasa',
+  'flag-for-cook-islands',
+  'flag-for-costa-rica',
+  'flag-for-cote-divoire',
+  'flag-for-croatia',
+  'flag-for-crossed-flags',
+  'flag-for-cuba',
+  'flag-for-curacao',
+  'flag-for-cyprus',
+  'flag-for-czechia',
+  'flag-for-denmark',
+  'flag-for-diego-garcia',
+  'flag-for-djibouti',
+  'flag-for-dominica',
+  'flag-for-dominican-republic',
+  'flag-for-ecuador',
+  'flag-for-egypt',
+  'flag-for-el-salvador',
+  'flag-for-equatorial-guinea',
+  'flag-for-eritrea',
+  'flag-for-estonia',
+  'flag-for-ethiopia',
+  'flag-for-european-union',
+  'flag-for-falkland-islands',
+  'flag-for-faroe-islands',
+  'flag-for-fiji',
+  'flag-for-finland',
+  'flag-for-france',
+  'flag-for-french-guiana',
+  'flag-for-french-polynesia',
+  'flag-for-french-southern-territories',
+  'flag-for-gabon',
+  'flag-for-gambia',
+  'flag-for-georgia',
+  'flag-for-germany',
+  'flag-for-ghana',
+  'flag-for-gibraltar',
+  'flag-for-greece',
+  'flag-for-greenland',
+  'flag-for-grenada',
+  'flag-for-guadeloupe',
+  'flag-for-guam',
+  'flag-for-guatemala',
+  'flag-for-guernsey',
+  'flag-for-guinea',
+  'flag-for-guinea-bissau',
+  'flag-for-guyana',
+  'flag-for-haiti',
+  'flag-for-heard-and-mcdonald-islands',
+  'flag-for-honduras',
+  'flag-for-hong-kong-sar-china',
+  'flag-for-hungary',
+  'flag-for-iceland',
+  'flag-for-india',
+  'flag-for-indonesia',
+  'flag-for-iran',
+  'flag-for-iraq',
+  'flag-for-ireland',
+  'flag-for-isle-of-man',
+  'flag-for-israel',
+  'flag-for-italy',
+  'flag-for-jamaica',
+  'flag-for-japan',
+  'flag-for-jersey',
+  'flag-for-jordan',
+  'flag-for-kazakhstan',
+  'flag-for-kenya',
+  'flag-for-kiribati',
+  'flag-for-kosovo',
+  'flag-for-kuwait',
+  'flag-for-kyrgyzstan',
+  'flag-for-laos',
+  'flag-for-latvia',
+  'flag-for-lebanon',
+  'flag-for-lesotho',
+  'flag-for-liberia',
+  'flag-for-libya',
+  'flag-for-liechtenstein',
+  'flag-for-lithuania',
+  'flag-for-luxembourg',
+  'flag-for-macau-sar-china',
+  'flag-for-macedonia',
+  'flag-for-madagascar',
+  'flag-for-malawi',
+  'flag-for-malaysia',
+  'flag-for-maldives',
+  'flag-for-mali',
+  'flag-for-malta',
+  'flag-for-marshall-islands',
+  'flag-for-martinique',
+  'flag-for-mauritania',
+  'flag-for-mauritius',
+  'flag-for-mayotte',
+  'flag-for-mexico',
+  'flag-for-micronesia',
+  'flag-for-moldova',
+  'flag-for-monaco',
+  'flag-for-mongolia',
+  'flag-for-montenegro',
+  'flag-for-montserrat',
+  'flag-for-morocco',
+  'flag-for-mozambique',
+  'flag-for-myanmar',
+  'flag-for-namibia',
+  'flag-for-nauru',
+  'flag-for-nepal',
+  'flag-for-netherlands',
+  'flag-for-new-caledonia',
+  'flag-for-new-zealand',
+  'flag-for-nicaragua',
+  'flag-for-niger',
+  'flag-for-nigeria',
+  'flag-for-niue',
+  'flag-for-norfolk-island',
+  'flag-for-north-korea',
+  'flag-for-northern-mariana-islands',
+  'flag-for-norway',
+  'flag-for-oman',
+  'flag-for-pakistan',
+  'flag-for-palau',
+  'flag-for-palestinian-territories',
+  'flag-for-panama',
+  'flag-for-papua-new-guinea',
+  'flag-for-paraguay',
+  'flag-for-peru',
+  'flag-for-philippines',
+  'flag-for-pitcairn-islands',
+  'flag-for-poland',
+  'flag-for-portugal',
+  'flag-for-puerto-rico',
+  'flag-for-qatar',
+  'flag-for-rainbow-flag',
+  'flag-for-reunion',
+  'flag-for-romania',
+  'flag-for-russia',
+  'flag-for-rwanda',
+  'flag-for-samoa',
+  'flag-for-san-marino',
+  'flag-for-sao-tome-and-principe',
+  'flag-for-saudi-arabia',
+  'flag-for-senegal',
+  'flag-for-serbia',
+  'flag-for-seychelles',
+  'flag-for-sierra-leone',
+  'flag-for-singapore',
+  'flag-for-sint-maarten',
+  'flag-for-slovakia',
+  'flag-for-slovenia',
+  'flag-for-solomon-islands',
+  'flag-for-somalia',
+  'flag-for-south-africa',
+  'flag-for-south-georgia-and-south-sandwich-islands',
+  'flag-for-south-korea',
+  'flag-for-south-sudan',
+  'flag-for-spain',
+  'flag-for-sri-lanka',
+  'flag-for-st-barthelemy',
+  'flag-for-st-helena',
+  'flag-for-st-kitts-and-nevis',
+  'flag-for-st-lucia',
+  'flag-for-st-martin',
+  'flag-for-st-pierre-and-miquelon',
+  'flag-for-st-vincent-and-grenadines',
+  'flag-for-sudan',
+  'flag-for-suriname',
+  'flag-for-svalbard-and-jan-mayen',
+  'flag-for-swaziland',
+  'flag-for-sweden',
+  'flag-for-switzerland',
+  'flag-for-syria',
+  'flag-for-taiwan',
+  'flag-for-tajikistan',
+  'flag-for-tanzania',
+  'flag-for-thailand',
+  'flag-for-timor-leste',
+  'flag-for-togo',
+  'flag-for-tokelau',
+  'flag-for-tonga',
+  'flag-for-triangular-flag',
+  'flag-for-trinidad-and-tobago',
+  'flag-for-tristan-da-cunha',
+  'flag-for-tunisia',
+  'flag-for-turkey',
+  'flag-for-turkmenistan',
+  'flag-for-turks-and-caicos-islands',
+  'flag-for-tuvalu',
+  'flag-for-uganda',
+  'flag-for-ukraine',
+  'flag-for-united-arab-emirates',
+  'flag-for-united-kingdom',
+  'flag-for-united-states',
+  'flag-for-uruguay',
+  'flag-for-us-outlying-islands',
+  'flag-for-us-virgin-islands',
+  'flag-for-uzbekistan',
+  'flag-for-vanuatu',
+  'flag-for-vatican-city',
+  'flag-for-venezuela',
+  'flag-for-vietnam',
+  'flag-for-wallis-and-futuna',
+  'flag-for-western-sahara',
+  'flag-for-white-flag',
+  'flag-for-yemen',
+  'flag-for-zambia',
+  'flag-for-zimbabwe',
+  'flag-in-hole',
+  'flag-scotland',
+  'flashlight',
+  'fleur-de-lis',
+  'flexed-biceps',
+  'flexed-biceps-dark-skin-tone',
+  'flexed-biceps-light-skin-tone',
+  'flexed-biceps-medium-dark-skin-tone',
+  'flexed-biceps-medium-light-skin-tone',
+  'flexed-biceps-medium-skin-tone',
+  'floppy-disk',
+  'flower-playing-cards',
+  'flushed-face',
+  'fog',
+  'foggy',
+  'folded-hands',
+  'folded-hands-dark-skin-tone',
+  'folded-hands-light-skin-tone',
+  'folded-hands-medium-dark-skin-tone',
+  'folded-hands-medium-light-skin-tone',
+  'folded-hands-medium-skin-tone',
+  'footprints',
+  'fork-and-knife',
+  'fork-and-knife-with-plate',
+  'fountain',
+  'fountain-pen',
+  'four-leaf-clover',
+  'four-oclock',
+  'four-thirty',
+  'fox',
+  'framed-picture',
+  'free-button',
+  'french-fries',
+  'fried-shrimp',
+  'frog-face',
+  'front-facing-baby-chick',
+  'frowning-face',
+  'frowning-face-with-open-mouth',
+  'fuel-pump',
+  'full-moon',
+  'full-moon-face',
+  'funeral-urn',
+  'game-die',
+  'gear',
+  'gem-stone',
+  'gemini',
+  'ghost',
+  'girl',
+  'girl-dark-skin-tone',
+  'girl-light-skin-tone',
+  'girl-medium-dark-skin-tone',
+  'girl-medium-light-skin-tone',
+  'girl-medium-skin-tone',
+  'glass-of-milk',
+  'glasses',
+  'globe-showing-americas',
+  'globe-showing-asia-australia',
+  'globe-showing-europe-africa',
+  'globe-with-meridians',
+  'glowing-star',
+  'goal-net',
+  'goat',
+  'goblin',
+  'gorilla',
+  'graduation-cap',
+  'grapes',
+  'green-apple',
+  'green-book',
+  'green-heart',
+  'green-salad',
+  'grimacing-face',
+  'grinning-cat-face',
+  'grinning-cat-face-with-smiling-eyes',
+  'grinning-face',
+  'grinning-face-with-big-eyes',
+  'grinning-face-with-smiling-eyes',
+  'grinning-face-with-sweat',
+  'grinning-squinting-face',
+  'growing-heart',
+  'guard',
+  'guard-dark-skin-tone',
+  'guard-light-skin-tone',
+  'guard-medium-dark-skin-tone',
+  'guard-medium-light-skin-tone',
+  'guard-medium-skin-tone',
+  'guitar',
+  'hamburger',
+  'hammer',
+  'hammer-and-pick',
+  'hammer-and-wrench',
+  'hamster-face',
+  'hand-with-fingers-splayed',
+  'hand-with-fingers-splayed-dark-skin-tone',
+  'hand-with-fingers-splayed-light-skin-tone',
+  'hand-with-fingers-splayed-medium-dark-skin-tone',
+  'hand-with-fingers-splayed-medium-light-skin-tone',
+  'hand-with-fingers-splayed-medium-skin-tone',
+  'handbag',
+  'handshake',
+  'handshake-dark-skin-tone',
+  'handshake-light-skin-tone',
+  'handshake-medium-dark-skin-tone',
+  'handshake-medium-light-skin-tone',
+  'handshake-medium-skin-tone',
+  'hatching-chick',
+  'headphone',
+  'hear-no-evil-monkey',
+  'heart-decoration',
+  'heart-suit',
+  'heart-with-arrow',
+  'heart-with-ribbon',
+  'heavy-check-mark',
+  'heavy-division-sign',
+  'heavy-dollar-sign',
+  'heavy-heart-exclamation',
+  'heavy-large-circle',
+  'heavy-minus-sign',
+  'heavy-multiplication-x',
+  'heavy-plus-sign',
+  'helicopter',
+  'herb',
+  'hibiscus',
+  'high-heeled-shoe',
+  'high-speed-train',
+  'high-voltage',
+  'hole',
+  'honey-pot',
+  'honeybee',
+  'horizontal-traffic-light',
+  'horse',
+  'horse-face',
+  'horse-racing',
+  'horse-racing-dark-skin-tone',
+  'horse-racing-light-skin-tone',
+  'horse-racing-medium-dark-skin-tone',
+  'horse-racing-medium-light-skin-tone',
+  'horse-racing-medium-skin-tone',
+  'hospital',
+  'hot-beverage',
+  'hot-dog',
+  'hot-pepper',
+  'hot-springs',
+  'hotel',
+  'hourglass-done',
+  'hourglass-not-done',
+  'house',
+  'house-with-garden',
+  'houses',
+  'hugging-face',
+  'hundred-points',
+  'hushed-face',
+  'ice-cream',
+  'ice-hockey',
+  'ice-skate',
+  'id-button',
+  'inbox-tray',
+  'incoming-envelope',
+  'index-pointing-up',
+  'index-pointing-up-dark-skin-tone',
+  'index-pointing-up-light-skin-tone',
+  'index-pointing-up-medium-dark-skin-tone',
+  'index-pointing-up-medium-light-skin-tone',
+  'index-pointing-up-medium-skin-tone',
+  'information',
+  'input-latin-letters',
+  'input-latin-lowercase',
+  'input-latin-uppercase',
+  'input-numbers',
+  'input-symbols',
+  'jack-o-lantern',
+  'japanese-acceptable-button',
+  'japanese-application-button',
+  'japanese-bargain-button',
+  'japanese-castle',
+  'japanese-congratulations-button',
+  'japanese-discount-button',
+  'japanese-dolls',
+  'japanese-free-of-charge-button',
+  'japanese-here-button',
+  'japanese-monthly-amount-button',
+  'japanese-no-vacancy-button',
+  'japanese-not-free-of-charge-button',
+  'japanese-open-for-business-button',
+  'japanese-passing-grade-button',
+  'japanese-post-office',
+  'japanese-prohibited-button',
+  'japanese-reserved-button',
+  'japanese-secret-button',
+  'japanese-service-charge-button',
+  'japanese-symbol-for-beginner',
+  'japanese-vacancy-button',
+  'jeans',
+  'joker',
+  'joystick',
+  'kaaba',
+  'key',
+  'keyboard',
+  'keycap-0',
+  'keycap-1',
+  'keycap-10',
+  'keycap-2',
+  'keycap-3',
+  'keycap-4',
+  'keycap-5',
+  'keycap-6',
+  'keycap-7',
+  'keycap-8',
+  'keycap-9',
+  'keycap-asterisk',
+  'keycap-pound',
+  'kick-scooter',
+  'kimono',
+  'kiss',
+  'kiss-man-man',
+  'kiss-mark',
+  'kiss-woman-woman',
+  'kissing-cat-face',
+  'kissing-face',
+  'kissing-face-with-closed-eyes',
+  'kissing-face-with-smiling-eyes',
+  'kitchen-knife',
+  'kiwi-fruit',
+  'koala',
+  'label',
+  'lady-beetle',
+  'laptop-computer',
+  'large-blue-diamond',
+  'large-orange-diamond',
+  'last-quarter-moon',
+  'last-quarter-moon-face',
+  'last-track-button',
+  'latin-cross',
+  'leaf-fluttering-in-wind',
+  'ledger',
+  'left-arrow',
+  'left-arrow-curving-right',
+  'left-facing-fist',
+  'left-facing-fist-dark-skin-tone',
+  'left-facing-fist-light-skin-tone',
+  'left-facing-fist-medium-dark-skin-tone',
+  'left-facing-fist-medium-light-skin-tone',
+  'left-facing-fist-medium-skin-tone',
+  'left-luggage',
+  'left-right-arrow',
+  'left-speech-bubble',
+  'lemon',
+  'leo',
+  'leopard',
+  'letter-a',
+  'letter-b',
+  'letter-c',
+  'letter-d',
+  'letter-e',
+  'letter-f',
+  'letter-g',
+  'letter-h',
+  'letter-i',
+  'letter-j',
+  'letter-k',
+  'letter-l',
+  'letter-m',
+  'letter-n',
+  'letter-o',
+  'letter-p',
+  'letter-q',
+  'letter-r',
+  'letter-s',
+  'letter-t',
+  'letter-u',
+  'letter-v',
+  'letter-w',
+  'letter-x',
+  'letter-y',
+  'letter-z',
+  'level-slider',
+  'libra',
+  'light-bulb',
+  'light-rail',
+  'light-skin-tone',
+  'link',
+  'linked-paperclips',
+  'lion-face',
+  'lipstick',
+  'litter-in-bin-sign',
+  'lizard',
+  'locked',
+  'locked-with-key',
+  'locked-with-pen',
+  'locomotive',
+  'lollipop',
+  'loudly-crying-face',
+  'loudspeaker',
+  'love-hotel',
+  'love-letter',
+  'lying-face',
+  'magnifying-glass-tilted-left',
+  'magnifying-glass-tilted-right',
+  'mahjong-red-dragon',
+  'man',
+  'man-and-woman-holding-hands',
+  'man-dancing',
+  'man-dancing-dark-skin-tone',
+  'man-dancing-light-skin-tone',
+  'man-dancing-medium-dark-skin-tone',
+  'man-dancing-medium-light-skin-tone',
+  'man-dancing-medium-skin-tone',
+  'man-dark-skin-tone',
+  'man-in-suit-levitating',
+  'man-in-tuxedo',
+  'man-in-tuxedo-dark-skin-tone',
+  'man-in-tuxedo-light-skin-tone',
+  'man-in-tuxedo-medium-dark-skin-tone',
+  'man-in-tuxedo-medium-light-skin-tone',
+  'man-in-tuxedo-medium-skin-tone',
+  'man-light-skin-tone',
+  'man-medium-dark-skin-tone',
+  'man-medium-light-skin-tone',
+  'man-medium-skin-tone',
+  'man-with-chinese-cap',
+  'man-with-chinese-cap-dark-skin-tone',
+  'man-with-chinese-cap-light-skin-tone',
+  'man-with-chinese-cap-medium-dark-skin-tone',
+  'man-with-chinese-cap-medium-light-skin-tone',
+  'man-with-chinese-cap-medium-skin-tone',
+  'mans-shoe',
+  'mantelpiece-clock',
+  'map-of-japan',
+  'maple-leaf',
+  'martial-arts-uniform',
+  'meat-on-bone',
+  'medium-dark-skin-tone',
+  'medium-light-skin-tone',
+  'medium-skin-tone',
+  'megaphone',
+  'melon',
+  'memo',
+  'menorah',
+  'mens-room',
+  'metro',
+  'microphone',
+  'microscope',
+  'middle-finger',
+  'middle-finger-dark-skin-tone',
+  'middle-finger-light-skin-tone',
+  'middle-finger-medium-dark-skin-tone',
+  'middle-finger-medium-light-skin-tone',
+  'middle-finger-medium-skin-tone',
+  'military-medal',
+  'milky-way',
+  'minibus',
+  'moai',
+  'mobile-phone',
+  'mobile-phone-off',
+  'mobile-phone-with-arrow',
+  'money-bag',
+  'money-mouth-face',
+  'money-with-wings',
+  'monkey',
+  'monkey-face',
+  'monorail',
+  'moon-viewing-ceremony',
+  'mosque',
+  'motor-boat',
+  'motor-scooter',
+  'motorcycle',
+  'motorway',
+  'mount-fuji',
+  'mountain',
+  'mountain-cableway',
+  'mountain-railway',
+  'mouse',
+  'mouse-face',
+  'mouth',
+  'movie-camera',
+  'mrs-claus',
+  'mrs-claus-dark-skin-tone',
+  'mrs-claus-light-skin-tone',
+  'mrs-claus-medium-dark-skin-tone',
+  'mrs-claus-medium-light-skin-tone',
+  'mrs-claus-medium-skin-tone',
+  'mushroom',
+  'musical-keyboard',
+  'musical-note',
+  'musical-notes',
+  'musical-score',
+  'muted-speaker',
+  'nail-polish',
+  'nail-polish-dark-skin-tone',
+  'nail-polish-light-skin-tone',
+  'nail-polish-medium-dark-skin-tone',
+  'nail-polish-medium-light-skin-tone',
+  'nail-polish-medium-skin-tone',
+  'name-badge',
+  'national-park',
+  'nauseated-face',
+  'necktie',
+  'nerd-face',
+  'neutral-face',
+  'new-button',
+  'new-moon',
+  'new-moon-face',
+  'newspaper',
+  'next-track-button',
+  'ng-button',
+  'night-with-stars',
+  'nine-oclock',
+  'nine-thirty',
+  'no-bicycles',
+  'no-entry',
+  'no-littering',
+  'no-mobile-phones',
+  'no-one-under-eighteen',
+  'no-pedestrians',
+  'no-smoking',
+  'non-potable-water',
+  'nose',
+  'nose-dark-skin-tone',
+  'nose-light-skin-tone',
+  'nose-medium-dark-skin-tone',
+  'nose-medium-light-skin-tone',
+  'nose-medium-skin-tone',
+  'notebook',
+  'notebook-with-decorative-cover',
+  'nut-and-bolt',
+  'o-button',
+  'octopus',
+  'oden',
+  'office-building',
+  'ogre',
+  'oil-drum',
+  'ok-button',
+  'ok-hand',
+  'ok-hand-dark-skin-tone',
+  'ok-hand-light-skin-tone',
+  'ok-hand-medium-dark-skin-tone',
+  'ok-hand-medium-light-skin-tone',
+  'ok-hand-medium-skin-tone',
+  'old-key',
+  'old-man',
+  'old-man-dark-skin-tone',
+  'old-man-light-skin-tone',
+  'old-man-medium-dark-skin-tone',
+  'old-man-medium-light-skin-tone',
+  'old-man-medium-skin-tone',
+  'old-woman',
+  'old-woman-dark-skin-tone',
+  'old-woman-light-skin-tone',
+  'old-woman-medium-dark-skin-tone',
+  'old-woman-medium-light-skin-tone',
+  'old-woman-medium-skin-tone',
+  'om',
+  'on-arrow',
+  'oncoming-automobile',
+  'oncoming-bus',
+  'oncoming-fist',
+  'oncoming-fist-dark-skin-tone',
+  'oncoming-fist-light-skin-tone',
+  'oncoming-fist-medium-dark-skin-tone',
+  'oncoming-fist-medium-light-skin-tone',
+  'oncoming-fist-medium-skin-tone',
+  'oncoming-police-car',
+  'oncoming-taxi',
+  'one-oclock',
+  'one-thirty',
+  'open-book',
+  'open-file-folder',
+  'open-hands',
+  'open-hands-dark-skin-tone',
+  'open-hands-light-skin-tone',
+  'open-hands-medium-dark-skin-tone',
+  'open-hands-medium-light-skin-tone',
+  'open-hands-medium-skin-tone',
+  'open-mailbox-with-lowered-flag',
+  'open-mailbox-with-raised-flag',
+  'ophiuchus',
+  'optical-disk',
+  'orange-book',
+  'orthodox-cross',
+  'outbox-tray',
+  'owl',
+  'ox',
+  'p-button',
+  'package',
+  'page-facing-up',
+  'page-with-curl',
+  'pager',
+  'paintbrush',
+  'palm-tree',
+  'pancakes',
+  'panda-face',
+  'paperclip',
+  'part-alternation-mark',
+  'party-popper',
+  'passenger-ship',
+  'passport-control',
+  'pause-button',
+  'paw-prints',
+  'peace-symbol',
+  'peach',
+  'peanuts',
+  'pear',
+  'pen',
+  'pencil',
+  'penguin',
+  'pensive-face',
+  'people-with-bunny-ears',
+  'people-wrestling',
+  'people-wrestling-dark-skin-tone',
+  'people-wrestling-light-skin-tone',
+  'people-wrestling-medium-dark-skin-tone',
+  'people-wrestling-medium-light-skin-tone',
+  'people-wrestling-medium-skin-tone',
+  'performing-arts',
+  'persevering-face',
+  'person-biking',
+  'person-biking-dark-skin-tone',
+  'person-biking-light-skin-tone',
+  'person-biking-medium-dark-skin-tone',
+  'person-biking-medium-light-skin-tone',
+  'person-biking-medium-skin-tone',
+  'person-bouncing-ball',
+  'person-bouncing-ball-dark-skin-tone',
+  'person-bouncing-ball-light-skin-tone',
+  'person-bouncing-ball-medium-dark-skin-tone',
+  'person-bouncing-ball-medium-light-skin-tone',
+  'person-bouncing-ball-medium-skin-tone',
+  'person-bowing',
+  'person-bowing-dark-skin-tone',
+  'person-bowing-light-skin-tone',
+  'person-bowing-medium-dark-skin-tone',
+  'person-bowing-medium-light-skin-tone',
+  'person-bowing-medium-skin-tone',
+  'person-cartwheeling',
+  'person-cartwheeling-dark-skin-tone',
+  'person-cartwheeling-light-skin-tone',
+  'person-cartwheeling-medium-dark-skin-tone',
+  'person-cartwheeling-medium-light-skin-tone',
+  'person-cartwheeling-medium-skin-tone',
+  'person-facepalming',
+  'person-facepalming-dark-skin-tone',
+  'person-facepalming-light-skin-tone',
+  'person-facepalming-medium-dark-skin-tone',
+  'person-facepalming-medium-light-skin-tone',
+  'person-facepalming-medium-skin-tone',
+  'person-fencing',
+  'person-frowning',
+  'person-frowning-dark-skin-tone',
+  'person-frowning-light-skin-tone',
+  'person-frowning-medium-dark-skin-tone',
+  'person-frowning-medium-light-skin-tone',
+  'person-frowning-medium-skin-tone',
+  'person-gesturing-no',
+  'person-gesturing-no-dark-skin-tone',
+  'person-gesturing-no-light-skin-tone',
+  'person-gesturing-no-medium-dark-skin-tone',
+  'person-gesturing-no-medium-light-skin-tone',
+  'person-gesturing-no-medium-skin-tone',
+  'person-gesturing-ok',
+  'person-gesturing-ok-dark-skin-tone',
+  'person-gesturing-ok-light-skin-tone',
+  'person-gesturing-ok-medium-dark-skin-tone',
+  'person-gesturing-ok-medium-light-skin-tone',
+  'person-gesturing-ok-medium-skin-tone',
+  'person-getting-haircut',
+  'person-getting-haircut-dark-skin-tone',
+  'person-getting-haircut-light-skin-tone',
+  'person-getting-haircut-medium-dark-skin-tone',
+  'person-getting-haircut-medium-light-skin-tone',
+  'person-getting-haircut-medium-skin-tone',
+  'person-getting-massage',
+  'person-getting-massage-dark-skin-tone',
+  'person-getting-massage-light-skin-tone',
+  'person-getting-massage-medium-dark-skin-tone',
+  'person-getting-massage-medium-light-skin-tone',
+  'person-getting-massage-medium-skin-tone',
+  'person-golfing',
+  'person-in-bed',
+  'person-juggling',
+  'person-juggling-dark-skin-tone',
+  'person-juggling-light-skin-tone',
+  'person-juggling-medium-dark-skin-tone',
+  'person-juggling-medium-light-skin-tone',
+  'person-juggling-medium-skin-tone',
+  'person-lifting-weights',
+  'person-lifting-weights-dark-skin-tone',
+  'person-lifting-weights-light-skin-tone',
+  'person-lifting-weights-medium-dark-skin-tone',
+  'person-lifting-weights-medium-light-skin-tone',
+  'person-lifting-weights-medium-skin-tone',
+  'person-mountain-biking',
+  'person-mountain-biking-dark-skin-tone',
+  'person-mountain-biking-light-skin-tone',
+  'person-mountain-biking-medium-dark-skin-tone',
+  'person-mountain-biking-medium-light-skin-tone',
+  'person-mountain-biking-medium-skin-tone',
+  'person-playing-handball',
+  'person-playing-handball-dark-skin-tone',
+  'person-playing-handball-light-skin-tone',
+  'person-playing-handball-medium-dark-skin-tone',
+  'person-playing-handball-medium-light-skin-tone',
+  'person-playing-handball-medium-skin-tone',
+  'person-playing-water-polo',
+  'person-playing-water-polo-dark-skin-tone',
+  'person-playing-water-polo-light-skin-tone',
+  'person-playing-water-polo-medium-dark-skin-tone',
+  'person-playing-water-polo-medium-light-skin-tone',
+  'person-playing-water-polo-medium-skin-tone',
+  'person-pouting',
+  'person-pouting-dark-skin-tone',
+  'person-pouting-light-skin-tone',
+  'person-pouting-medium-dark-skin-tone',
+  'person-pouting-medium-light-skin-tone',
+  'person-pouting-medium-skin-tone',
+  'person-raising-hand',
+  'person-raising-hand-dark-skin-tone',
+  'person-raising-hand-light-skin-tone',
+  'person-raising-hand-medium-dark-skin-tone',
+  'person-raising-hand-medium-light-skin-tone',
+  'person-raising-hand-medium-skin-tone',
+  'person-rowing-boat',
+  'person-rowing-boat-dark-skin-tone',
+  'person-rowing-boat-light-skin-tone',
+  'person-rowing-boat-medium-dark-skin-tone',
+  'person-rowing-boat-medium-light-skin-tone',
+  'person-rowing-boat-medium-skin-tone',
+  'person-running',
+  'person-running-dark-skin-tone',
+  'person-running-light-skin-tone',
+  'person-running-medium-dark-skin-tone',
+  'person-running-medium-light-skin-tone',
+  'person-running-medium-skin-tone',
+  'person-shrugging',
+  'person-shrugging-dark-skin-tone',
+  'person-shrugging-light-skin-tone',
+  'person-shrugging-medium-dark-skin-tone',
+  'person-shrugging-medium-light-skin-tone',
+  'person-shrugging-medium-skin-tone',
+  'person-surfing',
+  'person-surfing-dark-skin-tone',
+  'person-surfing-light-skin-tone',
+  'person-surfing-medium-dark-skin-tone',
+  'person-surfing-medium-light-skin-tone',
+  'person-surfing-medium-skin-tone',
+  'person-swimming',
+  'person-swimming-dark-skin-tone',
+  'person-swimming-light-skin-tone',
+  'person-swimming-medium-dark-skin-tone',
+  'person-swimming-medium-light-skin-tone',
+  'person-swimming-medium-skin-tone',
+  'person-taking-bath',
+  'person-taking-bath-dark-skin-tone',
+  'person-taking-bath-light-skin-tone',
+  'person-taking-bath-medium-dark-skin-tone',
+  'person-taking-bath-medium-light-skin-tone',
+  'person-taking-bath-medium-skin-tone',
+  'person-tipping-hand',
+  'person-tipping-hand-dark-skin-tone',
+  'person-tipping-hand-light-skin-tone',
+  'person-tipping-hand-medium-dark-skin-tone',
+  'person-tipping-hand-medium-light-skin-tone',
+  'person-tipping-hand-medium-skin-tone',
+  'person-walking',
+  'person-walking-dark-skin-tone',
+  'person-walking-light-skin-tone',
+  'person-walking-medium-dark-skin-tone',
+  'person-walking-medium-light-skin-tone',
+  'person-walking-medium-skin-tone',
+  'person-wearing-turban',
+  'person-wearing-turban-dark-skin-tone',
+  'person-wearing-turban-light-skin-tone',
+  'person-wearing-turban-medium-dark-skin-tone',
+  'person-wearing-turban-medium-light-skin-tone',
+  'person-wearing-turban-medium-skin-tone',
+  'pick',
+  'pig',
+  'pig-face',
+  'pig-nose',
+  'pile-of-poo',
+  'pill',
+  'pine-decoration',
+  'pineapple',
+  'ping-pong',
+  'pisces',
+  'pistol',
+  'pizza',
+  'place-of-worship',
+  'play-button',
+  'play-or-pause-button',
+  'police-car',
+  'police-car-light',
+  'police-officer',
+  'police-officer-dark-skin-tone',
+  'police-officer-light-skin-tone',
+  'police-officer-medium-dark-skin-tone',
+  'police-officer-medium-light-skin-tone',
+  'police-officer-medium-skin-tone',
+  'poodle',
+  'pool-8-ball',
+  'popcorn',
+  'post-office',
+  'postal-horn',
+  'postbox',
+  'pot-of-food',
+  'potable-water',
+  'potato',
+  'poultry-leg',
+  'pound-banknote',
+  'pound-symbol',
+  'pouting-cat-face',
+  'pouting-face',
+  'prayer-beads',
+  'pregnant-woman',
+  'pregnant-woman-dark-skin-tone',
+  'pregnant-woman-light-skin-tone',
+  'pregnant-woman-medium-dark-skin-tone',
+  'pregnant-woman-medium-light-skin-tone',
+  'pregnant-woman-medium-skin-tone',
+  'prince',
+  'prince-dark-skin-tone',
+  'prince-light-skin-tone',
+  'prince-medium-dark-skin-tone',
+  'prince-medium-light-skin-tone',
+  'prince-medium-skin-tone',
+  'princess',
+  'princess-dark-skin-tone',
+  'princess-light-skin-tone',
+  'princess-medium-dark-skin-tone',
+  'princess-medium-light-skin-tone',
+  'princess-medium-skin-tone',
+  'printer',
+  'prohibited',
+  'purple-heart',
+  'purse',
+  'pushpin',
+  'question-mark',
+  'rabbit',
+  'rabbit-face',
+  'racing-car',
+  'radio',
+  'radio-button',
+  'radioactive',
+  'railway-car',
+  'railway-track',
+  'rainbow',
+  'raised-back-of-hand',
+  'raised-back-of-hand-dark-skin-tone',
+  'raised-back-of-hand-light-skin-tone',
+  'raised-back-of-hand-medium-dark-skin-tone',
+  'raised-back-of-hand-medium-light-skin-tone',
+  'raised-back-of-hand-medium-skin-tone',
+  'raised-fist',
+  'raised-fist-dark-skin-tone',
+  'raised-fist-light-skin-tone',
+  'raised-fist-medium-dark-skin-tone',
+  'raised-fist-medium-light-skin-tone',
+  'raised-fist-medium-skin-tone',
+  'raised-hand',
+  'raised-hand-dark-skin-tone',
+  'raised-hand-light-skin-tone',
+  'raised-hand-medium-dark-skin-tone',
+  'raised-hand-medium-light-skin-tone',
+  'raised-hand-medium-skin-tone',
+  'raising-hands',
+  'raising-hands-dark-skin-tone',
+  'raising-hands-light-skin-tone',
+  'raising-hands-medium-dark-skin-tone',
+  'raising-hands-medium-light-skin-tone',
+  'raising-hands-medium-skin-tone',
+  'ram',
+  'rat',
+  'record-button',
+  'recycling-symbol',
+  'red-apple',
+  'red-circle',
+  'red-heart',
+  'red-paper-lantern',
+  'red-triangle-pointed-down',
+  'red-triangle-pointed-up',
+  'registered',
+  'relieved-face',
+  'reminder-ribbon',
+  'repeat-button',
+  'repeat-single-button',
+  'rescue-workers-helmet',
+  'restroom',
+  'reverse-button',
+  'revolving-hearts',
+  'rhinoceros',
+  'ribbon',
+  'rice-ball',
+  'rice-cracker',
+  'right-anger-bubble',
+  'right-arrow',
+  'right-arrow-curving-down',
+  'right-arrow-curving-left',
+  'right-arrow-curving-up',
+  'right-facing-fist',
+  'right-facing-fist-dark-skin-tone',
+  'right-facing-fist-light-skin-tone',
+  'right-facing-fist-medium-dark-skin-tone',
+  'right-facing-fist-medium-light-skin-tone',
+  'right-facing-fist-medium-skin-tone',
+  'ring',
+  'roasted-sweet-potato',
+  'robot-face',
+  'rocket',
+  'rolled-up-newspaper',
+  'roller-coaster',
+  'rolling-on-the-floor-laughing',
+  'rooster',
+  'rose',
+  'rosette',
+  'round-pushpin',
+  'rugby-football',
+  'running-shirt',
+  'running-shoe',
+  'sad-but-relieved-face',
+  'sagittarius',
+  'sailboat',
+  'sake',
+  'santa-claus',
+  'santa-claus-dark-skin-tone',
+  'santa-claus-light-skin-tone',
+  'santa-claus-medium-dark-skin-tone',
+  'santa-claus-medium-light-skin-tone',
+  'santa-claus-medium-skin-tone',
+  'satellite',
+  'satellite-antenna',
+  'saxophone',
+  'school',
+  'scissors',
+  'scorpio',
+  'scorpion',
+  'scroll',
+  'seat',
+  'see-no-evil-monkey',
+  'seedling',
+  'selfie',
+  'selfie-dark-skin-tone',
+  'selfie-light-skin-tone',
+  'selfie-medium-dark-skin-tone',
+  'selfie-medium-light-skin-tone',
+  'selfie-medium-skin-tone',
+  'seven-oclock',
+  'seven-thirty',
+  'shallow-pan-of-food',
+  'shamrock',
+  'shark',
+  'shaved-ice',
+  'sheaf-of-rice',
+  'shield',
+  'shinto-shrine',
+  'ship',
+  'shooting-star',
+  'shopping-bags',
+  'shopping-cart',
+  'shortcake',
+  'shower',
+  'shrimp',
+  'shuffle-tracks-button',
+  'sign-of-the-horns',
+  'sign-of-the-horns-dark-skin-tone',
+  'sign-of-the-horns-light-skin-tone',
+  'sign-of-the-horns-medium-dark-skin-tone',
+  'sign-of-the-horns-medium-light-skin-tone',
+  'sign-of-the-horns-medium-skin-tone',
+  'six-oclock',
+  'six-thirty',
+  'skier',
+  'skis',
+  'skull',
+  'skull-and-crossbones',
+  'sleeping-face',
+  'sleepy-face',
+  'slightly-frowning-face',
+  'slightly-smiling-face',
+  'slot-machine',
+  'small-airplane',
+  'small-blue-diamond',
+  'small-orange-diamond',
+  'smiling-cat-face-with-heart-eyes',
+  'smiling-face',
+  'smiling-face-with-halo',
+  'smiling-face-with-heart-eyes',
+  'smiling-face-with-horns',
+  'smiling-face-with-smiling-eyes',
+  'smiling-face-with-sunglasses',
+  'smirking-face',
+  'snail',
+  'snake',
+  'sneezing-face',
+  'snow-capped-mountain',
+  'snowboarder',
+  'snowflake',
+  'snowman',
+  'snowman-without-snow',
+  'soccer-ball',
+  'soft-ice-cream',
+  'soon-arrow',
+  'sos-button',
+  'spade-suit',
+  'spaghetti',
+  'sparkle',
+  'sparkler',
+  'sparkles',
+  'sparkling-heart',
+  'speak-no-evil-monkey',
+  'speaker-high-volume',
+  'speaker-low-volume',
+  'speaker-medium-volume',
+  'speaking-head',
+  'speech-balloon',
+  'speedboat',
+  'spider',
+  'spider-web',
+  'spiral-calendar',
+  'spiral-notepad',
+  'spiral-shell',
+  'spoon',
+  'sport-utility-vehicle',
+  'sports-medal',
+  'spouting-whale',
+  'squid',
+  'squinting-face-with-tongue',
+  'stadium',
+  'star',
+  'star-and-crescent',
+  'star-of-david',
+  'station',
+  'statue-of-liberty',
+  'steaming-bowl',
+  'stop-button',
+  'stop-sign',
+  'stopwatch',
+  'straight-ruler',
+  'strawberry',
+  'studio-microphone',
+  'stuffed-flatbread',
+  'sun',
+  'sun-behind-cloud',
+  'sun-behind-large-cloud',
+  'sun-behind-rain-cloud',
+  'sun-behind-small-cloud',
+  'sun-with-face',
+  'sunflower',
+  'sunglasses',
+  'sunrise',
+  'sunrise-over-mountains',
+  'sunset',
+  'sushi',
+  'suspension-railway',
+  'sweat-droplets',
+  'synagogue',
+  'syringe',
+  't-shirt',
+  'taco',
+  'tanabata-tree',
+  'tangerine',
+  'taurus',
+  'taxi',
+  'teacup-without-handle',
+  'tear-off-calendar',
+  'telephone',
+  'telephone-receiver',
+  'telescope',
+  'television',
+  'ten-oclock',
+  'ten-thirty',
+  'tennis',
+  'tent',
+  'thermometer',
+  'thinking-face',
+  'thought-balloon',
+  'three-oclock',
+  'three-thirty',
+  'thumbs-down',
+  'thumbs-down-dark-skin-tone',
+  'thumbs-down-light-skin-tone',
+  'thumbs-down-medium-dark-skin-tone',
+  'thumbs-down-medium-light-skin-tone',
+  'thumbs-down-medium-skin-tone',
+  'thumbs-up',
+  'thumbs-up-dark-skin-tone',
+  'thumbs-up-light-skin-tone',
+  'thumbs-up-medium-dark-skin-tone',
+  'thumbs-up-medium-light-skin-tone',
+  'thumbs-up-medium-skin-tone',
+  'ticket',
+  'tiger',
+  'tiger-face',
+  'timer-clock',
+  'tired-face',
+  'toilet',
+  'tokyo-tower',
+  'tomato',
+  'tongue',
+  'top-arrow',
+  'top-hat',
+  'tornado',
+  'trackball',
+  'tractor',
+  'trade-mark',
+  'train',
+  'tram',
+  'tram-car',
+  'triangular-ruler',
+  'trident-emblem',
+  'trolleybus',
+  'trophy',
+  'tropical-drink',
+  'tropical-fish',
+  'trumpet',
+  'tulip',
+  'tumbler-glass',
+  'turkey',
+  'turtle',
+  'twelve-oclock',
+  'twelve-thirty',
+  'two-hearts',
+  'two-hump-camel',
+  'two-men-holding-hands',
+  'two-oclock',
+  'two-thirty',
+  'two-women-holding-hands',
+  'umbrella',
+  'umbrella-on-ground',
+  'umbrella-with-rain-drops',
+  'unamused-face',
+  'unicorn-face',
+  'unlocked',
+  'up-arrow',
+  'up-down-arrow',
+  'up-left-arrow',
+  'up-right-arrow',
+  'up-text-button',
+  'upside-down-face',
+  'upwards-button',
+  'vertical-traffic-light',
+  'vibration-mode',
+  'victory-hand',
+  'victory-hand-dark-skin-tone',
+  'victory-hand-light-skin-tone',
+  'victory-hand-medium-dark-skin-tone',
+  'victory-hand-medium-light-skin-tone',
+  'victory-hand-medium-skin-tone',
+  'video-camera',
+  'video-game',
+  'videocassette',
+  'violin',
+  'virgo',
+  'volcano',
+  'volleyball',
+  'vs-button',
+  'vulcan-salute',
+  'vulcan-salute-dark-skin-tone',
+  'vulcan-salute-light-skin-tone',
+  'vulcan-salute-medium-dark-skin-tone',
+  'vulcan-salute-medium-light-skin-tone',
+  'vulcan-salute-medium-skin-tone',
+  'waning-crescent-moon',
+  'waning-gibbous-moon',
+  'warning',
+  'wastebasket',
+  'watch',
+  'water-buffalo',
+  'water-closet',
+  'water-wave',
+  'watermelon',
+  'waving-hand',
+  'waving-hand-dark-skin-tone',
+  'waving-hand-light-skin-tone',
+  'waving-hand-medium-dark-skin-tone',
+  'waving-hand-medium-light-skin-tone',
+  'waving-hand-medium-skin-tone',
+  'wavy-dash',
+  'waxing-crescent-moon',
+  'waxing-gibbous-moon',
+  'weary-cat-face',
+  'weary-face',
+  'wedding',
+  'whale',
+  'wheel-of-dharma',
+  'wheelchair-symbol',
+  'white-circle',
+  'white-exclamation-mark',
+  'white-flower',
+  'white-heavy-check-mark',
+  'white-large-square',
+  'white-medium-small-square',
+  'white-medium-square',
+  'white-question-mark',
+  'white-small-square',
+  'white-square-button',
+  'wilted-flower',
+  'wind-chime',
+  'wind-face',
+  'wine-glass',
+  'winking-face',
+  'winking-face-with-tongue',
+  'wolf',
+  'woman',
+  'woman-dancing',
+  'woman-dancing-dark-skin-tone',
+  'woman-dancing-light-skin-tone',
+  'woman-dancing-medium-dark-skin-tone',
+  'woman-dancing-medium-light-skin-tone',
+  'woman-dancing-medium-skin-tone',
+  'woman-dark-skin-tone',
+  'woman-light-skin-tone',
+  'woman-medium-dark-skin-tone',
+  'woman-medium-light-skin-tone',
+  'woman-medium-skin-tone',
+  'womans-boot',
+  'womans-clothes',
+  'womans-hat',
+  'womans-sandal',
+  'womens-room',
+  'world-map',
+  'worried-face',
+  'wrapped-gift',
+  'wrench',
+  'writing-hand',
+  'writing-hand-dark-skin-tone',
+  'writing-hand-light-skin-tone',
+  'writing-hand-medium-dark-skin-tone',
+  'writing-hand-medium-light-skin-tone',
+  'writing-hand-medium-skin-tone',
+  'yellow-heart',
+  'yen-banknote',
+  'yin-yang',
+  'zipper-mouth-face',
+  'zzz',
+]
+
+const filteredIcons = computed(() => {
+  return icons.filter((icon) => !search || icon.toLowerCase().includes(search.toLowerCase()))
+})
+</script>
+
+<template>
+  <a-card class="overflow-y-auto">
+    <a-input-search v-model:value="search" class="w-full overflow-y-auto !m-4" placeholder="Search"></a-input-search>
+    <div class="flex gap-4 flex-wrap w-full m-4 max-w-80 max-h-40">
+      <div v-for="icon of filteredIcons" :key="icon" @click="emit('selectIcon', `emojione:${icon}`)">
+        <span class="iconify cursor-pointer active:ring" :data-icon="`emojione:${icon}`"></span>
+      </div>
+    </div>
+  </a-card>
+</template>

From 3ae2e0e1c4d16cd0f22ee6fe2dd801cf3046b368 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 7 Dec 2022 11:36:27 +0530
Subject: [PATCH 060/103] feat(api): add api for updating table meta

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nocodb/src/lib/meta/api/tableApis.ts | 16 ++++-
 packages/nocodb/src/lib/models/Model.ts       | 60 ++++++++++++++++++-
 2 files changed, 73 insertions(+), 3 deletions(-)

diff --git a/packages/nocodb/src/lib/meta/api/tableApis.ts b/packages/nocodb/src/lib/meta/api/tableApis.ts
index e18886cbeb..25e67fde2c 100644
--- a/packages/nocodb/src/lib/meta/api/tableApis.ts
+++ b/packages/nocodb/src/lib/meta/api/tableApis.ts
@@ -228,9 +228,23 @@ export async function tableCreate(req: Request<any, any, TableReqType>, res) {
 export async function tableUpdate(req: Request<any, any>, res) {
   const model = await Model.get(req.params.tableId);
 
-  const project = await Project.getWithInfo(req.body.project_id);
+  const project = await Project.getWithInfo(
+    req.body.project_id || (req as any).ncProjectId
+  );
   const base = project.bases.find((b) => b.id === model.base_id);
 
+  if (model.project_id !== project.id) {
+    NcError.badRequest('Model does not belong to project');
+  }
+
+  // if meta present update meta and return
+  // todo: allow user to update meta  and other prop in single api call
+  if ('meta' in req.body) {
+    await Model.updateMeta(req.params.tableId, req.body.meta);
+
+    return res.json({ msg: 'success' });
+  }
+
   if (!req.body.table_name) {
     NcError.badRequest(
       'Missing table name `table_name` property in request body'
diff --git a/packages/nocodb/src/lib/models/Model.ts b/packages/nocodb/src/lib/models/Model.ts
index d7fabd25ac..816ae25432 100644
--- a/packages/nocodb/src/lib/models/Model.ts
+++ b/packages/nocodb/src/lib/models/Model.ts
@@ -22,6 +22,20 @@ import { NcError } from '../meta/helpers/catchError';
 import Audit from './Audit';
 import { sanitize } from '../db/sql-data-mapper/lib/sql/helpers/sanitize';
 
+function parseMetaProp(modelorModelList: Model[] | Model) {
+  // parse meta property
+  for (const model of Array.isArray(modelorModelList)
+    ? modelorModelList
+    : [modelorModelList]) {
+    try {
+      model.meta =
+        typeof model.meta === 'string' ? JSON.parse(model.meta) : model.meta;
+    } catch {
+      model.meta = {};
+    }
+  }
+}
+
 export default class Model implements TableType {
   copy_enabled: boolean;
   created_at: Date | number | string;
@@ -51,6 +65,7 @@ export default class Model implements TableType {
   columns?: Column[];
   columnsById?: { [id: string]: Column };
   views?: View[];
+  meta?: Record<string, any> | string
 
   constructor(data: Partial<TableType | Model>) {
     Object.assign(this, data);
@@ -175,8 +190,14 @@ export default class Model implements TableType {
         }
       );
 
+      parseMetaProp(modelList);
+
       if (base_id) {
-        await NocoCache.setList(CacheScope.MODEL, [project_id, base_id], modelList);
+        await NocoCache.setList(
+          CacheScope.MODEL,
+          [project_id, base_id],
+          modelList
+        );
       } else {
         await NocoCache.setList(CacheScope.MODEL, [project_id], modelList);
       }
@@ -210,6 +231,8 @@ export default class Model implements TableType {
         MetaTable.MODELS
       );
 
+      parseMetaProp(modelList);
+
       await NocoCache.setList(CacheScope.MODEL, [project_id], modelList);
     }
 
@@ -230,8 +253,11 @@ export default class Model implements TableType {
       ));
     if (!modelData) {
       modelData = await ncMeta.metaGet2(null, null, MetaTable.MODELS, id);
-      if (modelData)
+
+      if (modelData) {
+        parseMetaProp(modelData);
         await NocoCache.set(`${CacheScope.MODEL}:${modelData.id}`, modelData);
+      }
     }
     return modelData && new Model(modelData);
   }
@@ -256,6 +282,7 @@ export default class Model implements TableType {
         CacheGetType.TYPE_OBJECT
       ));
     if (!modelData) {
+      parseMetaProp(modelData);
       modelData = await ncMeta.metaGet2(null, null, MetaTable.MODELS, k);
       // if (
       //   this.baseModels?.[modelData.base_id]?.[modelData.db_alias]?.[
@@ -300,6 +327,7 @@ export default class Model implements TableType {
         CacheGetType.TYPE_OBJECT
       ));
     if (!modelData) {
+      parseMetaProp(modelData);
       modelData = await ncMeta.metaGet2(
         null,
         null,
@@ -722,4 +750,32 @@ export default class Model implements TableType {
       {}
     );
   }
+
+  // For updating table meta
+  static async updateMeta(
+    tableId: string,
+    meta: string | Record<string, any>,
+    ncMeta = Noco.ncMeta
+  ) {
+    // get existing cache
+    const key = `${CacheScope.MODEL}:${tableId}`;
+    const existingCache = await NocoCache.get(key, CacheGetType.TYPE_OBJECT);
+    if (existingCache) {
+      try {
+        existingCache.meta = typeof meta === 'string' ? JSON.parse(meta) : meta;
+        // set cache
+        await NocoCache.set(key, existingCache);
+      } catch {}
+    }
+    // set meta
+    return await ncMeta.metaUpdate(
+      null,
+      null,
+      MetaTable.MODELS,
+      {
+        meta: typeof meta === 'object' ? JSON.stringify(meta) : meta,
+      },
+      tableId
+    );
+  }
 }

From 1a975db018f85a476b4b71ce15ac3e65a206d10c Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 7 Dec 2022 11:37:01 +0530
Subject: [PATCH 061/103] feat(sdk): add api in swagger json

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nocodb-sdk/src/lib/Api.ts | 3 +++
 scripts/sdk/swagger.json           | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/packages/nocodb-sdk/src/lib/Api.ts b/packages/nocodb-sdk/src/lib/Api.ts
index 375375a358..025a6beac1 100644
--- a/packages/nocodb-sdk/src/lib/Api.ts
+++ b/packages/nocodb-sdk/src/lib/Api.ts
@@ -124,6 +124,7 @@ export interface TableType {
   columnsById?: object;
   slug?: string;
   mm?: boolean | number;
+  meta?: any;
 }
 
 export interface ViewType {
@@ -175,6 +176,7 @@ export interface TableReqType {
   order?: number;
   mm?: boolean;
   columns: ColumnType[];
+  meta?: any;
 }
 
 export interface TableListType {
@@ -2159,6 +2161,7 @@ export class Api<
         table_name?: string;
         title?: string;
         project_id?: string;
+        meta?: any;
       },
       params: RequestParams = {}
     ) =>
diff --git a/scripts/sdk/swagger.json b/scripts/sdk/swagger.json
index c007114e09..b2a6ce14ed 100644
--- a/scripts/sdk/swagger.json
+++ b/scripts/sdk/swagger.json
@@ -1971,6 +1971,8 @@
                   },
                   "project_id": {
                     "type": "string"
+                  },
+                  "meta": {
                   }
                 }
               }
@@ -7484,6 +7486,8 @@
               "boolean",
               "number"
             ]
+          },
+          "meta": {
           }
         },
         "required": [
@@ -7823,6 +7827,8 @@
             "items": {
               "$ref": "#/components/schemas/Column"
             }
+          },
+          "meta": {
           }
         },
         "required": [

From d858ab4e98ef8c61c23d6d724cc3fc1f35670978 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 7 Dec 2022 16:15:17 +0530
Subject: [PATCH 062/103] fix(gui): toggle icon on change

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/dashboard/TreeView.vue  | 75 ++++++++++++-------
 .../nc-gui/components/general/EmojiIcons.vue  | 23 ++++--
 .../nc-gui/components/general/IconifyIcon.vue |  7 ++
 packages/nc-gui/package-lock.json             | 40 +++++++++-
 packages/nc-gui/package.json                  |  4 +-
 5 files changed, 111 insertions(+), 38 deletions(-)
 create mode 100644 packages/nc-gui/components/general/IconifyIcon.vue

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 183053612b..1ed0b461c9 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -300,18 +300,30 @@ watch(
   { immediate: true },
 )
 
-
 const setIcon = (icon: string, table: TableType) => {
   table.meta = {
-    // ...table.meta || {},
+    ...(table.meta || {}),
     icon,
   }
+  tables.value.splice(tables.value.indexOf(table), 1, { ...table })
+
   $api.dbTable.update(table.id as string, {
-    meta: {
-      icon,
-    },
+    meta: table.meta,
   })
 }
+
+// const getTableIcon = (table: TableType) => {
+//   if (table.meta?.icon) {
+//     return h(
+//       'span',
+//       {
+//         'key': table.meta?.icon,
+//         'class': 'iconify !cursor-pointer !text-2xl',
+//         'data-icon': table.meta?.icon,
+//       },)
+//   }
+//   return icon(table)
+// }
 </script>
 
 <template>
@@ -546,14 +558,14 @@ const setIcon = (icon: string, table: TableType) => {
                   :nc-base="bases[0].id"
                 >
                   <div
-                    v-for="table of tables.filter((table) => table.base_id === bases[0].id)"
+                    v-for="(table, i) of tables.filter((table) => table.base_id === bases[0].id)"
                     :key="table.id"
                     v-e="['a:table:open']"
                     :class="[
                       { hidden: !filteredTables?.includes(table), active: activeTable === table.id },
                       `nc-project-tree-tbl nc-project-tree-tbl-${table.title}`,
                     ]"
-                    class="nc-tree-item text-sm cursor-pointer group"
+                    class="nc-tree-item text-sm cursor-pointer group1"
                     :data-order="table.order"
                     :data-id="table.id"
                     :data-testid="`tree-view-table-${table.title}`"
@@ -563,8 +575,7 @@ const setIcon = (icon: string, table: TableType) => {
                       <template #title>{{ table.table_name }}</template>
                       <div class="flex items-center gap-2 h-full" @contextmenu="setMenuContext('table', table)">
                         <div class="flex w-auto" :data-testid="`tree-view-table-draggable-handle-${table.title}`">
-
-                          <a-popover trigger="hover" @click.stop>
+                          <a-popover trigger="click" @click.stop>
                             <div @click.stop>
                               <MdiDrag
                                 v-if="isUIAllowed('treeview-drag-n-drop')"
@@ -573,32 +584,38 @@ const setIcon = (icon: string, table: TableType) => {
                                 @click.stop.prevent
                               />
 
-                              <span v-if="table.meta?.icon" class="iconify cursor-pointer" :data-icon="table.meta?.icon"></span>
-
-                              <component
-                                v-else
-                                :is="icon(table)"
-                                class="nc-view-icon text-xs"
-                                :class="{ 'group-hover:hidden group-hover:text-gray-500': isUIAllowed('treeview-drag-n-drop') }"
-                              />
+                              <a-tooltip>
+                                <span v-if="table.meta?.icon" :key="table.meta?.icon">
+                                  <GeneralIconifyIcon class="text-2xl" :key="table.meta?.icon" :icon="table.meta?.icon"></GeneralIconifyIcon>
+                                </span>
+                                <component
+                                  :is="icon(table)"
+                                  v-else
+                                  class="nc-view-icon text-xs"
+                                  :class="{ 'group-hover:hidden group-hover:text-gray-500': isUIAllowed('treeview-drag-n-drop') }"
+                                />
+
+                                <template #title>Change icon</template>
+                              </a-tooltip>
                             </div>
                             <template #content>
                               <LazyGeneralEmojiIcons @selectIcon="setIcon($event, table)" />
                             </template>
                           </a-popover>
 
-                          <MdiDragVertical
-                            v-if="isUIAllowed('treeview-drag-n-drop')"
-                            :class="`nc-child-draggable-icon-${table.title}`"
-                            class="nc-drag-icon text-xs hidden group-hover:block transition-opacity opacity-0 group-hover:opacity-100 text-gray-500 cursor-move"
-                            @click.stop.prevent
-                          />
-
-                          <component
-                            :is="icon(table)"
-                            class="nc-view-icon text-xs"
-                            :class="{ 'group-hover:hidden group-hover:text-gray-500': isUIAllowed('treeview-drag-n-drop') }"
-                          />
+                          <!--
+                                                    <MdiDragVertical
+                                                      v-if="isUIAllowed('treeview-drag-n-drop')"
+                                                      :class="`nc-child-draggable-icon-${table.title}`"
+                                                      class="nc-drag-icon text-xs hidden group-hover:block transition-opacity opacity-0 group-hover:opacity-100 text-gray-500 cursor-move"
+                                                      @click.stop.prevent
+                                                    />
+
+                                                    <component
+                                                      :is="icon(table)"
+                                                      class="nc-view-icon text-xs"
+                                                      :class="{ 'group-hover:hidden group-hover:text-gray-500': isUIAllowed('treeview-drag-n-drop') }"
+                                                    /> -->
                         </div>
 
                         <div class="nc-tbl-title flex-1">
diff --git a/packages/nc-gui/components/general/EmojiIcons.vue b/packages/nc-gui/components/general/EmojiIcons.vue
index b62a23bb27..6df2ecd937 100644
--- a/packages/nc-gui/components/general/EmojiIcons.vue
+++ b/packages/nc-gui/components/general/EmojiIcons.vue
@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import { Icon } from '@iconify/vue';
+
 const emit = defineEmits(['selectIcon'])
 const search = $ref('')
 
@@ -1843,15 +1845,26 @@ const icons = [
 const filteredIcons = computed(() => {
   return icons.filter((icon) => !search || icon.toLowerCase().includes(search.toLowerCase()))
 })
+
 </script>
 
 <template>
-  <a-card class="overflow-y-auto">
-    <a-input-search v-model:value="search" class="w-full overflow-y-auto !m-4" placeholder="Search"></a-input-search>
-    <div class="flex gap-4 flex-wrap w-full m-4 max-w-80 max-h-40">
+  <div class="p-1 w-85 h-80 flex flex-col gap-1 justify-start">
+    <div>
+      <input v-model="search" class="p-1 border-1 w-full overflow-y-auto" placeholder="Search" />
+    </div>
+    <div class="flex gap-4 flex-wrap w-full flex-shrink overflow-y-auto scrollbar-thin-dull">
       <div v-for="icon of filteredIcons" :key="icon" @click="emit('selectIcon', `emojione:${icon}`)">
-        <span class="iconify cursor-pointer active:ring" :data-icon="`emojione:${icon}`"></span>
+        <span class="cursor-pointer nc-emoji-item">
+          <Icon class="text-2xl iconify"
+                :icon="`emojione:${icon}`"></Icon>
+        </span>
       </div>
     </div>
-  </a-card>
+  </div>
 </template>
+<style scoped>
+.nc-emoji-item {
+  @apply hover:(bg-primary bg-opacity-10) active:(bg-primary !bg-opacity-20) rounded-md w-[38px] h-[38px] block flex items-center justify-center;
+}
+</style>
diff --git a/packages/nc-gui/components/general/IconifyIcon.vue b/packages/nc-gui/components/general/IconifyIcon.vue
new file mode 100644
index 0000000000..c5fb192848
--- /dev/null
+++ b/packages/nc-gui/components/general/IconifyIcon.vue
@@ -0,0 +1,7 @@
+<template>
+  <Icon :icon="icon"/>
+</template>
+
+<script lang="ts" setup>
+import { Icon } from '@iconify/vue';
+</script>
diff --git a/packages/nc-gui/package-lock.json b/packages/nc-gui/package-lock.json
index c05611aa7a..5521ba43dc 100644
--- a/packages/nc-gui/package-lock.json
+++ b/packages/nc-gui/package-lock.json
@@ -9,7 +9,7 @@
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "@ckpack/vue-color": "^1.2.0",
-        "@iconify/iconify": "^2.2.1",
+        "@iconify/vue": "^4.0.1",
         "@types/file-saver": "^2.0.5",
         "@vue-flow/additional-components": "^1.2.0",
         "@vue-flow/core": "^1.3.0",
@@ -1210,6 +1210,7 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@iconify/iconify/-/iconify-2.2.1.tgz",
       "integrity": "sha512-WJzw+3iicrF/tbjbxxRinSgy5FHdJoz/egTqwi3xCDkNRJPq482RX1iyaWrjNuY2vMNSPkQMuqHvZDXgA+WnwQ==",
+      "dev": true,
       "funding": {
         "url": "http://github.com/sponsors/cyberalien"
       }
@@ -1234,6 +1235,25 @@
         "local-pkg": "^0.4.1"
       }
     },
+    "node_modules/@iconify/vue": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@iconify/vue/-/vue-4.0.1.tgz",
+      "integrity": "sha512-k4VwcSQpGqJpoyqENRRviFuXlVcquLvQ6BKLNJ6o2amZo7u+3HyALSO79Xyz7Sg68szQGstOk6weaKUF0DJbog==",
+      "dependencies": {
+        "@iconify/types": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/cyberalien"
+      },
+      "peerDependencies": {
+        "vue": ">=3"
+      }
+    },
+    "node_modules/@iconify/vue/node_modules/@iconify/types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="
+    },
     "node_modules/@intlify/bundle-utils": {
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/@intlify/bundle-utils/-/bundle-utils-2.2.2.tgz",
@@ -18576,7 +18596,8 @@
     "@iconify/iconify": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@iconify/iconify/-/iconify-2.2.1.tgz",
-      "integrity": "sha512-WJzw+3iicrF/tbjbxxRinSgy5FHdJoz/egTqwi3xCDkNRJPq482RX1iyaWrjNuY2vMNSPkQMuqHvZDXgA+WnwQ=="
+      "integrity": "sha512-WJzw+3iicrF/tbjbxxRinSgy5FHdJoz/egTqwi3xCDkNRJPq482RX1iyaWrjNuY2vMNSPkQMuqHvZDXgA+WnwQ==",
+      "dev": true
     },
     "@iconify/types": {
       "version": "1.1.0",
@@ -18598,6 +18619,21 @@
         "local-pkg": "^0.4.1"
       }
     },
+    "@iconify/vue": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@iconify/vue/-/vue-4.0.1.tgz",
+      "integrity": "sha512-k4VwcSQpGqJpoyqENRRviFuXlVcquLvQ6BKLNJ6o2amZo7u+3HyALSO79Xyz7Sg68szQGstOk6weaKUF0DJbog==",
+      "requires": {
+        "@iconify/types": "^2.0.0"
+      },
+      "dependencies": {
+        "@iconify/types": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/@iconify/types/-/types-2.0.0.tgz",
+          "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="
+        }
+      }
+    },
     "@intlify/bundle-utils": {
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/@intlify/bundle-utils/-/bundle-utils-2.2.2.tgz",
diff --git a/packages/nc-gui/package.json b/packages/nc-gui/package.json
index 6f3ff2f551..aebde1d385 100644
--- a/packages/nc-gui/package.json
+++ b/packages/nc-gui/package.json
@@ -32,7 +32,8 @@
   },
   "dependencies": {
     "@ckpack/vue-color": "^1.2.0",
-    "@iconify/iconify": "^2.2.1",
+    "@iconify/vue": "^4.0.1",
+    "@types/file-saver": "^2.0.5",
     "@vue-flow/additional-components": "^1.2.0",
     "@vue-flow/core": "^1.3.0",
     "@vuelidate/core": "^2.0.0-alpha.44",
@@ -42,7 +43,6 @@
     "ant-design-vue": "^3.2.11",
     "d3-scale": "^4.0.2",
     "dagre": "^0.8.5",
-    "@types/file-saver": "^2.0.5",
     "dayjs": "^1.11.3",
     "file-saver": "^2.0.5",
     "httpsnippet": "^2.0.0",

From da7ae2190ad9dd61ffaa7a7afe7d39708c10447b Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 7 Dec 2022 17:07:24 +0530
Subject: [PATCH 063/103] feat(gui): show emoji in tab level

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/dashboard/TreeView.vue   | 18 +++++++++++-------
 .../nc-gui/components/general/EmojiIcons.vue   | 11 +++++------
 .../nc-gui/components/general/IconifyIcon.vue  | 10 +++++-----
 .../smartsheet/column/CurrencyOptions.vue      |  1 -
 packages/nc-gui/composables/useTabs.ts         |  4 ++++
 packages/nc-gui/lib/types.ts                   |  1 +
 .../[projectType]/[projectId]/index/index.vue  |  3 ++-
 7 files changed, 28 insertions(+), 20 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 1ed0b461c9..22b1c51054 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -558,7 +558,7 @@ const setIcon = (icon: string, table: TableType) => {
                   :nc-base="bases[0].id"
                 >
                   <div
-                    v-for="(table, i) of tables.filter((table) => table.base_id === bases[0].id)"
+                    v-for="table of tables.filter((table) => table.base_id === bases[0].id)"
                     :key="table.id"
                     v-e="['a:table:open']"
                     :class="[
@@ -575,7 +575,7 @@ const setIcon = (icon: string, table: TableType) => {
                       <template #title>{{ table.table_name }}</template>
                       <div class="flex items-center gap-2 h-full" @contextmenu="setMenuContext('table', table)">
                         <div class="flex w-auto" :data-testid="`tree-view-table-draggable-handle-${table.title}`">
-                          <a-popover trigger="click" @click.stop>
+                          <a-dropdown trigger="click" @click.stop>
                             <div @click.stop>
                               <MdiDrag
                                 v-if="isUIAllowed('treeview-drag-n-drop')"
@@ -586,22 +586,26 @@ const setIcon = (icon: string, table: TableType) => {
 
                               <a-tooltip>
                                 <span v-if="table.meta?.icon" :key="table.meta?.icon">
-                                  <GeneralIconifyIcon class="text-2xl" :key="table.meta?.icon" :icon="table.meta?.icon"></GeneralIconifyIcon>
+                                  <GeneralIconifyIcon
+                                    :key="table.meta?.icon"
+                                    class="text-xl"
+                                    :icon="table.meta?.icon"
+                                  ></GeneralIconifyIcon>
                                 </span>
                                 <component
                                   :is="icon(table)"
                                   v-else
-                                  class="nc-view-icon text-xs"
+                                  class="nc-view-icon"
                                   :class="{ 'group-hover:hidden group-hover:text-gray-500': isUIAllowed('treeview-drag-n-drop') }"
                                 />
 
                                 <template #title>Change icon</template>
                               </a-tooltip>
                             </div>
-                            <template #content>
-                              <LazyGeneralEmojiIcons @selectIcon="setIcon($event, table)" />
+                            <template #overlay>
+                              <LazyGeneralEmojiIcons class="shadow bg-white p-2" @selectIcon="setIcon($event, table)" />
                             </template>
-                          </a-popover>
+                          </a-dropdown>
 
                           <!--
                                                     <MdiDragVertical
diff --git a/packages/nc-gui/components/general/EmojiIcons.vue b/packages/nc-gui/components/general/EmojiIcons.vue
index 6df2ecd937..d7c2148624 100644
--- a/packages/nc-gui/components/general/EmojiIcons.vue
+++ b/packages/nc-gui/components/general/EmojiIcons.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Icon } from '@iconify/vue';
+import { Icon } from '@iconify/vue'
 
 const emit = defineEmits(['selectIcon'])
 const search = $ref('')
@@ -1845,24 +1845,23 @@ const icons = [
 const filteredIcons = computed(() => {
   return icons.filter((icon) => !search || icon.toLowerCase().includes(search.toLowerCase()))
 })
-
 </script>
 
 <template>
-  <div class="p-1 w-85 h-80 flex flex-col gap-1 justify-start">
+  <div class="p-1 w-70 h-75 flex flex-col gap-1 justify-start">
     <div>
       <input v-model="search" class="p-1 border-1 w-full overflow-y-auto" placeholder="Search" />
     </div>
-    <div class="flex gap-4 flex-wrap w-full flex-shrink overflow-y-auto scrollbar-thin-dull">
+    <div class="flex gap-1 flex-wrap w-full flex-shrink overflow-y-auto scrollbar-thin-dull">
       <div v-for="icon of filteredIcons" :key="icon" @click="emit('selectIcon', `emojione:${icon}`)">
         <span class="cursor-pointer nc-emoji-item">
-          <Icon class="text-2xl iconify"
-                :icon="`emojione:${icon}`"></Icon>
+          <Icon class="text-xl iconify" :icon="`emojione:${icon}`"></Icon>
         </span>
       </div>
     </div>
   </div>
 </template>
+
 <style scoped>
 .nc-emoji-item {
   @apply hover:(bg-primary bg-opacity-10) active:(bg-primary !bg-opacity-20) rounded-md w-[38px] h-[38px] block flex items-center justify-center;
diff --git a/packages/nc-gui/components/general/IconifyIcon.vue b/packages/nc-gui/components/general/IconifyIcon.vue
index c5fb192848..b8589dda2e 100644
--- a/packages/nc-gui/components/general/IconifyIcon.vue
+++ b/packages/nc-gui/components/general/IconifyIcon.vue
@@ -1,7 +1,7 @@
-<template>
-  <Icon :icon="icon"/>
-</template>
-
 <script lang="ts" setup>
-import { Icon } from '@iconify/vue';
+import { Icon } from '@iconify/vue'
 </script>
+
+<template>
+  <Icon :icon="icon" />
+</template>
diff --git a/packages/nc-gui/components/smartsheet/column/CurrencyOptions.vue b/packages/nc-gui/components/smartsheet/column/CurrencyOptions.vue
index 07a7d606f3..188f3da180 100644
--- a/packages/nc-gui/components/smartsheet/column/CurrencyOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/CurrencyOptions.vue
@@ -3,7 +3,6 @@ import {
   computed,
   currencyCodes,
   currencyLocales,
-  useProject,
   useVModel,
   validateCurrencyCode,
   validateCurrencyLocale,
diff --git a/packages/nc-gui/composables/useTabs.ts b/packages/nc-gui/composables/useTabs.ts
index d08b322ec8..24ca6ceca2 100644
--- a/packages/nc-gui/composables/useTabs.ts
+++ b/packages/nc-gui/composables/useTabs.ts
@@ -41,6 +41,8 @@ const [setup, use] = useInjectionState(() => {
 
         tab.title = currentTable.title
 
+        tab.meta = currentTable.meta
+
         // append base alias to tab title if duplicate titles exist on other bases
         if (tables.value.find((t) => t.title === currentTable?.title && t.base_id !== currentTable?.base_id))
           tab.title = `${tab.title}${currentBase?.alias ? ` (${currentBase.alias})` : ``}`
@@ -92,6 +94,8 @@ const [setup, use] = useInjectionState(() => {
       const currentTable = tables.value.find((t) => t.id === tabMeta.id || t.title === tabMeta.id)
       const currentBase = bases.value.find((b) => b.id === currentTable?.base_id)
 
+      tabMeta.meta = currentTable?.meta
+
       // append base alias to tab title if duplicate titles exist on other bases
       if (tables.value.find((t) => t.title === currentTable?.title && t.base_id !== currentTable?.base_id))
         tabMeta.title = `${tabMeta.title}${currentBase?.alias ? ` (${currentBase.alias})` : ``}`
diff --git a/packages/nc-gui/lib/types.ts b/packages/nc-gui/lib/types.ts
index 49ce8be69d..2024d82f7e 100644
--- a/packages/nc-gui/lib/types.ts
+++ b/packages/nc-gui/lib/types.ts
@@ -78,6 +78,7 @@ export interface TabItem {
   viewId?: string
   sortsState?: Map<string, any>
   filterState?: Map<string, any>
+  meta?: Record<string, any>
 }
 
 export interface SharedViewMeta extends Record<string, any> {
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
index 8b5d7709d2..682e3ccae3 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
@@ -48,7 +48,8 @@ function onEdit(targetKey: number, action: 'add' | 'remove' | string) {
             <template #tab>
               <div class="flex items-center gap-2 max-w-[110px]">
                 <div class="flex items-center">
-                  <component :is="icon(tab)" class="text-sm" />
+                  <GeneralIconifyIcon v-if="tab.meta?.icon" :icon="tab.meta?.icon" class="text-xl" />
+                  <component :is="icon(tab)" v-else class="text-sm" />
                 </div>
 
                 <a-tooltip v-if="tab.title?.length > 12" placement="bottom">

From 41f21d9ad1d44ee93373eba24ee25b24013e2344 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 7 Dec 2022 17:16:08 +0530
Subject: [PATCH 064/103] refactor(gui): enable drag n drop

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/dashboard/TreeView.vue      | 10 +++++-----
 .../components/smartsheet/column/CurrencyOptions.vue   |  9 +--------
 2 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 22b1c51054..7cbdea14cb 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -77,7 +77,7 @@ const initSortable = (el: Element) => {
   if (!base_id) return
   if (sortables[base_id]) sortables[base_id].destroy()
   Sortable.create(el as HTMLLIElement, {
-    handle: '.nc-drag-icon',
+    // handle: '.nc-drag-icon',
     onEnd: async (evt) => {
       const offset = tables.value.findIndex((table) => table.base_id === base_id)
 
@@ -565,7 +565,7 @@ const setIcon = (icon: string, table: TableType) => {
                       { hidden: !filteredTables?.includes(table), active: activeTable === table.id },
                       `nc-project-tree-tbl nc-project-tree-tbl-${table.title}`,
                     ]"
-                    class="nc-tree-item text-sm cursor-pointer group1"
+                    class="nc-tree-item text-sm cursor-pointer group"
                     :data-order="table.order"
                     :data-id="table.id"
                     :data-testid="`tree-view-table-${table.title}`"
@@ -577,12 +577,12 @@ const setIcon = (icon: string, table: TableType) => {
                         <div class="flex w-auto" :data-testid="`tree-view-table-draggable-handle-${table.title}`">
                           <a-dropdown trigger="click" @click.stop>
                             <div @click.stop>
-                              <MdiDrag
+<!--                              <MdiDrag
                                 v-if="isUIAllowed('treeview-drag-n-drop')"
                                 :class="`nc-child-draggable-icon-${table.title}`"
                                 class="nc-drag-icon text-xs hidden group-hover:block transition-opacity opacity-0 group-hover:opacity-100 text-gray-500 cursor-move"
                                 @click.stop.prevent
-                              />
+                              />-->
 
                               <a-tooltip>
                                 <span v-if="table.meta?.icon" :key="table.meta?.icon">
@@ -596,7 +596,7 @@ const setIcon = (icon: string, table: TableType) => {
                                   :is="icon(table)"
                                   v-else
                                   class="nc-view-icon"
-                                  :class="{ 'group-hover:hidden group-hover:text-gray-500': isUIAllowed('treeview-drag-n-drop') }"
+                                  :class="{ ' group-hover:text-gray-500': isUIAllowed('treeview-drag-n-drop') }"
                                 />
 
                                 <template #title>Change icon</template>
diff --git a/packages/nc-gui/components/smartsheet/column/CurrencyOptions.vue b/packages/nc-gui/components/smartsheet/column/CurrencyOptions.vue
index 188f3da180..ca907ba8bd 100644
--- a/packages/nc-gui/components/smartsheet/column/CurrencyOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/CurrencyOptions.vue
@@ -1,12 +1,5 @@
 <script setup lang="ts">
-import {
-  computed,
-  currencyCodes,
-  currencyLocales,
-  useVModel,
-  validateCurrencyCode,
-  validateCurrencyLocale,
-} from '#imports'
+import { computed, currencyCodes, currencyLocales, useVModel, validateCurrencyCode, validateCurrencyLocale } from '#imports'
 
 interface Option {
   label: string

From ec1ff6cef10b8121d8e87f84ea49daa0daa849eb Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 8 Dec 2022 09:48:04 +0530
Subject: [PATCH 065/103] feat(gui): on icon update change icon in tab level as
 well

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/dashboard/TreeView.vue  | 19 +++++--------------
 1 file changed, 5 insertions(+), 14 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 7cbdea14cb..b1f7a727d7 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -27,7 +27,7 @@ import {
 import MdiView from '~icons/mdi/eye-circle-outline'
 import MdiTableLarge from '~icons/mdi/table-large'
 
-const { addTab } = useTabs()
+const { addTab , updateTab } = useTabs()
 
 const { $api, $e } = useNuxtApp()
 
@@ -307,23 +307,14 @@ const setIcon = (icon: string, table: TableType) => {
   }
   tables.value.splice(tables.value.indexOf(table), 1, { ...table })
 
+
+  updateTab({ id: table.id }, { meta: table.meta })
+
   $api.dbTable.update(table.id as string, {
     meta: table.meta,
   })
 }
 
-// const getTableIcon = (table: TableType) => {
-//   if (table.meta?.icon) {
-//     return h(
-//       'span',
-//       {
-//         'key': table.meta?.icon,
-//         'class': 'iconify !cursor-pointer !text-2xl',
-//         'data-icon': table.meta?.icon,
-//       },)
-//   }
-//   return icon(table)
-// }
 </script>
 
 <template>
@@ -603,7 +594,7 @@ const setIcon = (icon: string, table: TableType) => {
                               </a-tooltip>
                             </div>
                             <template #overlay>
-                              <LazyGeneralEmojiIcons class="shadow bg-white p-2" @selectIcon="setIcon($event, table)" />
+                              <LazyGeneralEmojiIcons class="shadow bg-white p-2" @select-icon="setIcon($event, table)" />
                             </template>
                           </a-dropdown>
 

From 161647b7cab096758ba9629f00b7d2479a4f4bb2 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 8 Dec 2022 09:52:44 +0530
Subject: [PATCH 066/103] refactor(gui): provide identical spacing between icon
 and text in treeview

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/dashboard/TreeView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index b1f7a727d7..4fcd441e12 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -435,7 +435,7 @@ const setIcon = (icon: string, table: TableType) => {
             class="group flex items-center gap-2 pl-8 pr-3 py-2 text-primary/70 hover:(text-primary/100) cursor-pointer select-none"
             @click="openTableCreateDialog(bases[0].id)"
           >
-            <MdiPlus />
+            <MdiPlus class="w-5" />
 
             <span class="text-gray-500 group-hover:(text-primary/100) flex-1 nc-add-new-table">{{ $t('tooltip.addTable') }}</span>
 
@@ -586,8 +586,8 @@ const setIcon = (icon: string, table: TableType) => {
                                 <component
                                   :is="icon(table)"
                                   v-else
-                                  class="nc-view-icon"
-                                  :class="{ ' group-hover:text-gray-500': isUIAllowed('treeview-drag-n-drop') }"
+                                  class="nc-view-icon w-5"
+                                  :class="{ 'group-hover:text-gray-500': isUIAllowed('treeview-drag-n-drop') }"
                                 />
 
                                 <template #title>Change icon</template>

From 1f9e2a521fa7189887985e68cb919db3e0433e10 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 8 Dec 2022 10:02:29 +0530
Subject: [PATCH 067/103] fix(gui): avoid closing menu if user clicked inside
 search input

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

diff --git a/packages/nc-gui/components/general/EmojiIcons.vue b/packages/nc-gui/components/general/EmojiIcons.vue
index d7c2148624..29d1b3c338 100644
--- a/packages/nc-gui/components/general/EmojiIcons.vue
+++ b/packages/nc-gui/components/general/EmojiIcons.vue
@@ -1849,7 +1849,7 @@ const filteredIcons = computed(() => {
 
 <template>
   <div class="p-1 w-70 h-75 flex flex-col gap-1 justify-start">
-    <div>
+    <div @click.stop>
       <input v-model="search" class="p-1 border-1 w-full overflow-y-auto" placeholder="Search" />
     </div>
     <div class="flex gap-1 flex-wrap w-full flex-shrink overflow-y-auto scrollbar-thin-dull">

From 970b2b3229a77637235c280878766d3d33659e22 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 8 Dec 2022 10:59:58 +0530
Subject: [PATCH 068/103] fix(gui): introduce infinite scroll to avoid delay in
 loading emoji list

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/dashboard/TreeView.vue    | 17 ++++++-----------
 .../nc-gui/components/general/EmojiIcons.vue    | 14 ++++++++++++--
 .../nc-gui/components/general/IconifyIcon.vue   |  7 -------
 packages/nc-gui/package-lock.json               | 11 +++++++++++
 packages/nc-gui/package.json                    |  1 +
 .../[projectType]/[projectId]/index/index.vue   |  3 ++-
 6 files changed, 32 insertions(+), 21 deletions(-)
 delete mode 100644 packages/nc-gui/components/general/IconifyIcon.vue

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 4fcd441e12..2d84d402df 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -3,6 +3,7 @@ import type { TableType } from 'nocodb-sdk'
 import type { Input } from 'ant-design-vue'
 import Sortable from 'sortablejs'
 import GithubButton from 'vue-github-button'
+import { Icon } from '@iconify/vue'
 import type { VNodeRef } from '#imports'
 import {
   ClientType,
@@ -27,7 +28,7 @@ import {
 import MdiView from '~icons/mdi/eye-circle-outline'
 import MdiTableLarge from '~icons/mdi/table-large'
 
-const { addTab , updateTab } = useTabs()
+const { addTab, updateTab } = useTabs()
 
 const { $api, $e } = useNuxtApp()
 
@@ -307,14 +308,12 @@ const setIcon = (icon: string, table: TableType) => {
   }
   tables.value.splice(tables.value.indexOf(table), 1, { ...table })
 
-
   updateTab({ id: table.id }, { meta: table.meta })
 
   $api.dbTable.update(table.id as string, {
     meta: table.meta,
   })
 }
-
 </script>
 
 <template>
@@ -568,20 +567,16 @@ const setIcon = (icon: string, table: TableType) => {
                         <div class="flex w-auto" :data-testid="`tree-view-table-draggable-handle-${table.title}`">
                           <a-dropdown trigger="click" @click.stop>
                             <div @click.stop>
-<!--                              <MdiDrag
+                              <!--                              <MdiDrag
                                 v-if="isUIAllowed('treeview-drag-n-drop')"
                                 :class="`nc-child-draggable-icon-${table.title}`"
                                 class="nc-drag-icon text-xs hidden group-hover:block transition-opacity opacity-0 group-hover:opacity-100 text-gray-500 cursor-move"
                                 @click.stop.prevent
-                              />-->
+                              /> -->
 
                               <a-tooltip>
                                 <span v-if="table.meta?.icon" :key="table.meta?.icon">
-                                  <GeneralIconifyIcon
-                                    :key="table.meta?.icon"
-                                    class="text-xl"
-                                    :icon="table.meta?.icon"
-                                  ></GeneralIconifyIcon>
+                                  <Icon :key="table.meta?.icon" class="text-xl" :icon="table.meta?.icon"></Icon>
                                 </span>
                                 <component
                                   :is="icon(table)"
@@ -594,7 +589,7 @@ const setIcon = (icon: string, table: TableType) => {
                               </a-tooltip>
                             </div>
                             <template #overlay>
-                              <LazyGeneralEmojiIcons class="shadow bg-white p-2" @select-icon="setIcon($event, table)" />
+                              <GeneralEmojiIcons class="shadow bg-white p-2" @select-icon="setIcon($event, table)" />
                             </template>
                           </a-dropdown>
 
diff --git a/packages/nc-gui/components/general/EmojiIcons.vue b/packages/nc-gui/components/general/EmojiIcons.vue
index 29d1b3c338..9608d63123 100644
--- a/packages/nc-gui/components/general/EmojiIcons.vue
+++ b/packages/nc-gui/components/general/EmojiIcons.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { Icon } from '@iconify/vue'
+import InfiniteLoading from 'v3-infinite-loading'
 
 const emit = defineEmits(['selectIcon'])
 const search = $ref('')
@@ -1842,15 +1843,23 @@ const icons = [
   'zzz',
 ]
 
+let toIndex = $ref(60)
 const filteredIcons = computed(() => {
-  return icons.filter((icon) => !search || icon.toLowerCase().includes(search.toLowerCase()))
+  return icons.filter((icon) => !search || icon.toLowerCase().includes(search.toLowerCase())).slice(0, toIndex)
 })
+
+const load = () => {
+  toIndex += Math.min(filteredIcons.value.length, toIndex + 60)
+  if (toIndex > filteredIcons.value.length) {
+    toIndex = filteredIcons.value.length
+  }
+}
 </script>
 
 <template>
   <div class="p-1 w-70 h-75 flex flex-col gap-1 justify-start">
     <div @click.stop>
-      <input v-model="search" class="p-1 border-1 w-full overflow-y-auto" placeholder="Search" />
+      <input v-model="search" class="p-1 border-1 w-full overflow-y-auto" placeholder="Search" @input="toIndex = 60" />
     </div>
     <div class="flex gap-1 flex-wrap w-full flex-shrink overflow-y-auto scrollbar-thin-dull">
       <div v-for="icon of filteredIcons" :key="icon" @click="emit('selectIcon', `emojione:${icon}`)">
@@ -1858,6 +1867,7 @@ const filteredIcons = computed(() => {
           <Icon class="text-xl iconify" :icon="`emojione:${icon}`"></Icon>
         </span>
       </div>
+      <InfiniteLoading @infinite="load"><span /></InfiniteLoading>
     </div>
   </div>
 </template>
diff --git a/packages/nc-gui/components/general/IconifyIcon.vue b/packages/nc-gui/components/general/IconifyIcon.vue
deleted file mode 100644
index b8589dda2e..0000000000
--- a/packages/nc-gui/components/general/IconifyIcon.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts" setup>
-import { Icon } from '@iconify/vue'
-</script>
-
-<template>
-  <Icon :icon="icon" />
-</template>
diff --git a/packages/nc-gui/package-lock.json b/packages/nc-gui/package-lock.json
index 5521ba43dc..f0711461de 100644
--- a/packages/nc-gui/package-lock.json
+++ b/packages/nc-gui/package-lock.json
@@ -35,6 +35,7 @@
         "sortablejs": "^1.15.0",
         "tinycolor2": "^1.4.2",
         "unique-names-generator": "^4.7.1",
+        "v3-infinite-loading": "^1.2.2",
         "validator": "^13.7.0",
         "vue-dompurify-html": "^3.0.0",
         "vue-github-button": "^3.0.3",
@@ -16190,6 +16191,11 @@
         "node": ">= 0.4.0"
       }
     },
+    "node_modules/v3-infinite-loading": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/v3-infinite-loading/-/v3-infinite-loading-1.2.2.tgz",
+      "integrity": "sha512-MWJc6yChnqeUasBFJ3Enu8IGPcQgRMSTrAEtT1MsHBEx+QjwvNTaY8o+8V9DgVt1MVhQSl3MC55hsaWLJmpRMw=="
+    },
     "node_modules/v8-compile-cache": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
@@ -29538,6 +29544,11 @@
       "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
       "dev": true
     },
+    "v3-infinite-loading": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/v3-infinite-loading/-/v3-infinite-loading-1.2.2.tgz",
+      "integrity": "sha512-MWJc6yChnqeUasBFJ3Enu8IGPcQgRMSTrAEtT1MsHBEx+QjwvNTaY8o+8V9DgVt1MVhQSl3MC55hsaWLJmpRMw=="
+    },
     "v8-compile-cache": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
diff --git a/packages/nc-gui/package.json b/packages/nc-gui/package.json
index aebde1d385..927f80f41f 100644
--- a/packages/nc-gui/package.json
+++ b/packages/nc-gui/package.json
@@ -58,6 +58,7 @@
     "sortablejs": "^1.15.0",
     "tinycolor2": "^1.4.2",
     "unique-names-generator": "^4.7.1",
+    "v3-infinite-loading": "^1.2.2",
     "validator": "^13.7.0",
     "vue-dompurify-html": "^3.0.0",
     "vue-github-button": "^3.0.3",
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
index 682e3ccae3..d43bf7be2f 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { Icon } from '@iconify/vue'
 import type { TabItem } from '~/lib'
 import { TabType } from '~/lib'
 import { TabMetaInj, iconMap, provide, useGlobal, useSidebar, useTabs } from '#imports'
@@ -48,7 +49,7 @@ function onEdit(targetKey: number, action: 'add' | 'remove' | string) {
             <template #tab>
               <div class="flex items-center gap-2 max-w-[110px]">
                 <div class="flex items-center">
-                  <GeneralIconifyIcon v-if="tab.meta?.icon" :icon="tab.meta?.icon" class="text-xl" />
+                  <Icon v-if="tab.meta?.icon" :icon="tab.meta?.icon" class="text-xl" />
                   <component :is="icon(tab)" v-else class="text-sm" />
                 </div>
 

From b4a85a16924ca19013f843f0d21bc1fda082b8a6 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 8 Dec 2022 11:16:24 +0530
Subject: [PATCH 069/103] fix(gui): parse meta properly after getting the data

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nocodb/src/lib/models/Model.ts | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/nocodb/src/lib/models/Model.ts b/packages/nocodb/src/lib/models/Model.ts
index 816ae25432..799395ae85 100644
--- a/packages/nocodb/src/lib/models/Model.ts
+++ b/packages/nocodb/src/lib/models/Model.ts
@@ -22,11 +22,13 @@ import { NcError } from '../meta/helpers/catchError';
 import Audit from './Audit';
 import { sanitize } from '../db/sql-data-mapper/lib/sql/helpers/sanitize';
 
-function parseMetaProp(modelorModelList: Model[] | Model) {
+function parseMetaProp(modelOrModelList: Model[] | Model) {
+  if (!modelOrModelList) return;
+
   // parse meta property
-  for (const model of Array.isArray(modelorModelList)
-    ? modelorModelList
-    : [modelorModelList]) {
+  for (const model of Array.isArray(modelOrModelList)
+    ? modelOrModelList
+    : [modelOrModelList]) {
     try {
       model.meta =
         typeof model.meta === 'string' ? JSON.parse(model.meta) : model.meta;
@@ -65,7 +67,7 @@ export default class Model implements TableType {
   columns?: Column[];
   columnsById?: { [id: string]: Column };
   views?: View[];
-  meta?: Record<string, any> | string
+  meta?: Record<string, any> | string;
 
   constructor(data: Partial<TableType | Model>) {
     Object.assign(this, data);
@@ -282,8 +284,8 @@ export default class Model implements TableType {
         CacheGetType.TYPE_OBJECT
       ));
     if (!modelData) {
-      parseMetaProp(modelData);
       modelData = await ncMeta.metaGet2(null, null, MetaTable.MODELS, k);
+      parseMetaProp(modelData);
       // if (
       //   this.baseModels?.[modelData.base_id]?.[modelData.db_alias]?.[
       //     modelData.title
@@ -327,7 +329,6 @@ export default class Model implements TableType {
         CacheGetType.TYPE_OBJECT
       ));
     if (!modelData) {
-      parseMetaProp(modelData);
       modelData = await ncMeta.metaGet2(
         null,
         null,
@@ -336,6 +337,7 @@ export default class Model implements TableType {
           table_name,
         }
       );
+      parseMetaProp(modelData);
       await NocoCache.set(`${CacheScope.MODEL}:${modelData.id}`, modelData);
       // modelData.filters = await Filter.getFilterObject({
       //   viewId: modelData.id

From 3669c8811af6003ff18e14a0c4b79646c74b4e4c Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 8 Dec 2022 11:16:49 +0530
Subject: [PATCH 070/103] fix(gui): reset filter value after selecting icon

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/general/EmojiIcons.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/general/EmojiIcons.vue b/packages/nc-gui/components/general/EmojiIcons.vue
index 9608d63123..9b6b463304 100644
--- a/packages/nc-gui/components/general/EmojiIcons.vue
+++ b/packages/nc-gui/components/general/EmojiIcons.vue
@@ -3,7 +3,7 @@ import { Icon } from '@iconify/vue'
 import InfiniteLoading from 'v3-infinite-loading'
 
 const emit = defineEmits(['selectIcon'])
-const search = $ref('')
+let search = $ref('')
 
 // todo: move to utils
 const icons = [
@@ -1854,6 +1854,11 @@ const load = () => {
     toIndex = filteredIcons.value.length
   }
 }
+
+const selectIcon = (icon: string) => {
+  search = ''
+  emit('selectIcon', `emojione:${icon}`)
+}
 </script>
 
 <template>
@@ -1862,7 +1867,7 @@ const load = () => {
       <input v-model="search" class="p-1 border-1 w-full overflow-y-auto" placeholder="Search" @input="toIndex = 60" />
     </div>
     <div class="flex gap-1 flex-wrap w-full flex-shrink overflow-y-auto scrollbar-thin-dull">
-      <div v-for="icon of filteredIcons" :key="icon" @click="emit('selectIcon', `emojione:${icon}`)">
+      <div v-for="icon of filteredIcons" :key="icon" @click="selectIcon(icon)">
         <span class="cursor-pointer nc-emoji-item">
           <Icon class="text-xl iconify" :icon="`emojione:${icon}`"></Icon>
         </span>

From 5802a85d57cf59ec4ccc134e510865c1b032b92f Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 8 Dec 2022 11:23:30 +0530
Subject: [PATCH 071/103] refactor(gui): move icons list to utils

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/general/EmojiIcons.vue  | 1842 +----------------
 packages/nc-gui/utils/iconUtils.ts            | 1837 ++++++++++++++++
 2 files changed, 1840 insertions(+), 1839 deletions(-)

diff --git a/packages/nc-gui/components/general/EmojiIcons.vue b/packages/nc-gui/components/general/EmojiIcons.vue
index 9b6b463304..a13f677f6d 100644
--- a/packages/nc-gui/components/general/EmojiIcons.vue
+++ b/packages/nc-gui/components/general/EmojiIcons.vue
@@ -1,1851 +1,15 @@
 <script lang="ts" setup>
 import { Icon } from '@iconify/vue'
 import InfiniteLoading from 'v3-infinite-loading'
+import { emojiIcons } from '#imports'
 
 const emit = defineEmits(['selectIcon'])
 let search = $ref('')
 
-// todo: move to utils
-const icons = [
-  '1st-place-medal',
-  '2nd-place-medal',
-  '3rd-place-medal',
-  'a-button',
-  'ab-button',
-  'admission-tickets',
-  'aerial-tramway',
-  'airplane',
-  'airplane-arrival',
-  'airplane-departure',
-  'alarm-clock',
-  'alembic',
-  'alien',
-  'alien-monster',
-  'ambulance',
-  'american-football',
-  'amphora',
-  'anchor',
-  'anger-symbol',
-  'angry-face',
-  'angry-face-with-horns',
-  'anguished-face',
-  'ant',
-  'antenna-bars',
-  'anxious-face-with-sweat',
-  'aquarius',
-  'aries',
-  'articulated-lorry',
-  'artist-palette',
-  'asterisk',
-  'astonished-face',
-  'atm-sign',
-  'atom-symbol',
-  'automobile',
-  'avocado',
-  'b-button',
-  'baby',
-  'baby-angel',
-  'baby-angel-dark-skin-tone',
-  'baby-angel-light-skin-tone',
-  'baby-angel-medium-dark-skin-tone',
-  'baby-angel-medium-light-skin-tone',
-  'baby-angel-medium-skin-tone',
-  'baby-bottle',
-  'baby-chick',
-  'baby-dark-skin-tone',
-  'baby-light-skin-tone',
-  'baby-medium-dark-skin-tone',
-  'baby-medium-light-skin-tone',
-  'baby-medium-skin-tone',
-  'baby-symbol',
-  'back-arrow',
-  'backhand-index-pointing-down',
-  'backhand-index-pointing-down-dark-skin-tone',
-  'backhand-index-pointing-down-light-skin-tone',
-  'backhand-index-pointing-down-medium-dark-skin-tone',
-  'backhand-index-pointing-down-medium-light-skin-tone',
-  'backhand-index-pointing-down-medium-skin-tone',
-  'backhand-index-pointing-left',
-  'backhand-index-pointing-left-dark-skin-tone',
-  'backhand-index-pointing-left-light-skin-tone',
-  'backhand-index-pointing-left-medium-dark-skin-tone',
-  'backhand-index-pointing-left-medium-light-skin-tone',
-  'backhand-index-pointing-left-medium-skin-tone',
-  'backhand-index-pointing-right',
-  'backhand-index-pointing-right-dark-skin-tone',
-  'backhand-index-pointing-right-light-skin-tone',
-  'backhand-index-pointing-right-medium-dark-skin-tone',
-  'backhand-index-pointing-right-medium-light-skin-tone',
-  'backhand-index-pointing-right-medium-skin-tone',
-  'backhand-index-pointing-up',
-  'backhand-index-pointing-up-dark-skin-tone',
-  'backhand-index-pointing-up-light-skin-tone',
-  'backhand-index-pointing-up-medium-dark-skin-tone',
-  'backhand-index-pointing-up-medium-light-skin-tone',
-  'backhand-index-pointing-up-medium-skin-tone',
-  'backpack',
-  'bacon',
-  'badminton',
-  'baggage-claim',
-  'baguette-bread',
-  'balance-scale',
-  'balloon',
-  'ballot-box-with-ballot',
-  'ballot-box-with-check',
-  'banana',
-  'bank',
-  'bar-chart',
-  'barber-pole',
-  'baseball',
-  'basketball',
-  'bat',
-  'bathtub',
-  'battery',
-  'beach-with-umbrella',
-  'beaming-face-with-smiling-eyes',
-  'bear-face',
-  'beating-heart',
-  'bed',
-  'beer-mug',
-  'bell',
-  'bell-with-slash',
-  'bellhop-bell',
-  'bento-box',
-  'bicycle',
-  'bikini',
-  'biohazard',
-  'bird',
-  'birthday-cake',
-  'black-circle',
-  'black-heart',
-  'black-large-square',
-  'black-medium-small-square',
-  'black-medium-square',
-  'black-nib',
-  'black-small-square',
-  'black-square-button',
-  'blond-haired-person',
-  'blond-haired-person-dark-skin-tone',
-  'blond-haired-person-light-skin-tone',
-  'blond-haired-person-medium-dark-skin-tone',
-  'blond-haired-person-medium-light-skin-tone',
-  'blond-haired-person-medium-skin-tone',
-  'blossom',
-  'blowfish',
-  'blue-book',
-  'blue-circle',
-  'blue-heart',
-  'boar',
-  'bomb',
-  'bookmark',
-  'bookmark-tabs',
-  'books',
-  'bottle-with-popping-cork',
-  'bouquet',
-  'bow-and-arrow',
-  'bowling',
-  'boxing-glove',
-  'boy',
-  'boy-dark-skin-tone',
-  'boy-light-skin-tone',
-  'boy-medium-dark-skin-tone',
-  'boy-medium-light-skin-tone',
-  'boy-medium-skin-tone',
-  'bread',
-  'bride-with-veil',
-  'bride-with-veil-dark-skin-tone',
-  'bride-with-veil-light-skin-tone',
-  'bride-with-veil-medium-dark-skin-tone',
-  'bride-with-veil-medium-light-skin-tone',
-  'bride-with-veil-medium-skin-tone',
-  'bridge-at-night',
-  'briefcase',
-  'bright-button',
-  'broken-heart',
-  'bug',
-  'building-construction',
-  'bullet-train',
-  'burrito',
-  'bus',
-  'bus-stop',
-  'bust-in-silhouette',
-  'busts-in-silhouette',
-  'butterfly',
-  'cactus',
-  'calendar',
-  'call-me-hand',
-  'call-me-hand-dark-skin-tone',
-  'call-me-hand-light-skin-tone',
-  'call-me-hand-medium-dark-skin-tone',
-  'call-me-hand-medium-light-skin-tone',
-  'call-me-hand-medium-skin-tone',
-  'camel',
-  'camera',
-  'camera-with-flash',
-  'camping',
-  'cancer',
-  'candle',
-  'candy',
-  'canoe',
-  'capricorn',
-  'card-file-box',
-  'card-index',
-  'card-index-dividers',
-  'carousel-horse',
-  'carp-streamer',
-  'carrot',
-  'castle',
-  'cat',
-  'cat-face',
-  'cat-face-with-tears-of-joy',
-  'cat-face-with-wry-smile',
-  'chains',
-  'chart-decreasing',
-  'chart-increasing',
-  'chart-increasing-with-yen',
-  'cheese-wedge',
-  'cherries',
-  'cherry-blossom',
-  'chestnut',
-  'chicken',
-  'children-crossing',
-  'chipmunk',
-  'chocolate-bar',
-  'christmas-tree',
-  'church',
-  'cigarette',
-  'cinema',
-  'circled-m',
-  'circus-tent',
-  'cityscape',
-  'cityscape-at-dusk',
-  'cl-button',
-  'clamp',
-  'clapper-board',
-  'clapping-hands',
-  'clapping-hands-dark-skin-tone',
-  'clapping-hands-light-skin-tone',
-  'clapping-hands-medium-dark-skin-tone',
-  'clapping-hands-medium-light-skin-tone',
-  'clapping-hands-medium-skin-tone',
-  'classical-building',
-  'clinking-beer-mugs',
-  'clinking-glasses',
-  'clipboard',
-  'clockwise-vertical-arrows',
-  'closed-book',
-  'closed-mailbox-with-lowered-flag',
-  'closed-mailbox-with-raised-flag',
-  'closed-umbrella',
-  'cloud',
-  'cloud-with-lightning',
-  'cloud-with-lightning-and-rain',
-  'cloud-with-rain',
-  'cloud-with-snow',
-  'clown-face',
-  'club-suit',
-  'clutch-bag',
-  'cocktail-glass',
-  'coffin',
-  'collision',
-  'comet',
-  'computer-disk',
-  'computer-mouse',
-  'confetti-ball',
-  'confounded-face',
-  'confused-face',
-  'construction',
-  'construction-worker',
-  'construction-worker-dark-skin-tone',
-  'construction-worker-light-skin-tone',
-  'construction-worker-medium-dark-skin-tone',
-  'construction-worker-medium-light-skin-tone',
-  'construction-worker-medium-skin-tone',
-  'control-knobs',
-  'convenience-store',
-  'cooked-rice',
-  'cookie',
-  'cooking',
-  'cool-button',
-  'copyright',
-  'couch-and-lamp',
-  'counterclockwise-arrows-button',
-  'couple-with-heart',
-  'couple-with-heart-man-man',
-  'couple-with-heart-woman-woman',
-  'cow',
-  'cow-face',
-  'cowboy-hat-face',
-  'crab',
-  'crayon',
-  'credit-card',
-  'crescent-moon',
-  'cricket-game',
-  'crocodile',
-  'croissant',
-  'cross-mark',
-  'cross-mark-button',
-  'crossed-fingers',
-  'crossed-fingers-dark-skin-tone',
-  'crossed-fingers-light-skin-tone',
-  'crossed-fingers-medium-dark-skin-tone',
-  'crossed-fingers-medium-light-skin-tone',
-  'crossed-fingers-medium-skin-tone',
-  'crossed-swords',
-  'crown',
-  'crying-cat-face',
-  'crying-face',
-  'crystal-ball',
-  'cucumber',
-  'curly-loop',
-  'currency-exchange',
-  'curry-rice',
-  'custard',
-  'customs',
-  'cyclone',
-  'dagger',
-  'dango',
-  'dark-skin-tone',
-  'dashing-away',
-  'deciduous-tree',
-  'deer',
-  'delivery-truck',
-  'department-store',
-  'derelict-house',
-  'desert',
-  'desert-island',
-  'desktop-computer',
-  'detective',
-  'detective-dark-skin-tone',
-  'detective-light-skin-tone',
-  'detective-medium-dark-skin-tone',
-  'detective-medium-light-skin-tone',
-  'detective-medium-skin-tone',
-  'diamond-suit',
-  'diamond-with-a-dot',
-  'digit-eight',
-  'digit-five',
-  'digit-four',
-  'digit-nine',
-  'digit-one',
-  'digit-seven',
-  'digit-six',
-  'digit-three',
-  'digit-two',
-  'digit-zero',
-  'dim-button',
-  'direct-hit',
-  'disappointed-face',
-  'dizzy',
-  'dizzy-face',
-  'dog',
-  'dog-face',
-  'dollar-banknote',
-  'dolphin',
-  'door',
-  'dotted-six-pointed-star',
-  'double-curly-loop',
-  'double-exclamation-mark',
-  'doughnut',
-  'dove',
-  'down-arrow',
-  'down-left-arrow',
-  'down-right-arrow',
-  'downcast-face-with-sweat',
-  'downwards-button',
-  'dragon',
-  'dragon-face',
-  'dress',
-  'drooling-face',
-  'droplet',
-  'drum',
-  'duck',
-  'dvd',
-  'e-mail',
-  'eagle',
-  'ear',
-  'ear-dark-skin-tone',
-  'ear-light-skin-tone',
-  'ear-medium-dark-skin-tone',
-  'ear-medium-light-skin-tone',
-  'ear-medium-skin-tone',
-  'ear-of-corn',
-  'egg',
-  'eggplant',
-  'eight-oclock',
-  'eight-pointed-star',
-  'eight-spoked-asterisk',
-  'eight-thirty',
-  'eject-button',
-  'electric-plug',
-  'elephant',
-  'eleven-oclock',
-  'eleven-thirty',
-  'end-arrow',
-  'envelope',
-  'envelope-with-arrow',
-  'euro-banknote',
-  'evergreen-tree',
-  'ewe',
-  'exclamation-mark',
-  'exclamation-question-mark',
-  'expressionless-face',
-  'eye',
-  'eye-in-speech-bubble',
-  'eyes',
-  'face-blowing-a-kiss',
-  'face-savoring-food',
-  'face-screaming-in-fear',
-  'face-with-head-bandage',
-  'face-with-medical-mask',
-  'face-with-open-mouth',
-  'face-with-rolling-eyes',
-  'face-with-steam-from-nose',
-  'face-with-tears-of-joy',
-  'face-with-thermometer',
-  'face-with-tongue',
-  'face-without-mouth',
-  'factory',
-  'fallen-leaf',
-  'family',
-  'family-man-man-boy',
-  'family-man-man-boy-boy',
-  'family-man-man-girl',
-  'family-man-man-girl-boy',
-  'family-man-man-girl-girl',
-  'family-man-woman-boy-boy',
-  'family-man-woman-girl',
-  'family-man-woman-girl-boy',
-  'family-man-woman-girl-girl',
-  'family-woman-woman-boy',
-  'family-woman-woman-boy-boy',
-  'family-woman-woman-girl',
-  'family-woman-woman-girl-boy',
-  'family-woman-woman-girl-girl',
-  'fast-down-button',
-  'fast-forward-button',
-  'fast-reverse-button',
-  'fast-up-button',
-  'fax-machine',
-  'fearful-face',
-  'ferris-wheel',
-  'ferry',
-  'field-hockey',
-  'file-cabinet',
-  'file-folder',
-  'film-frames',
-  'film-projector',
-  'fire',
-  'fire-engine',
-  'fireworks',
-  'first-quarter-moon',
-  'first-quarter-moon-face',
-  'fish',
-  'fish-cake-with-swirl',
-  'fishing-pole',
-  'five-oclock',
-  'five-thirty',
-  'flag-england',
-  'flag-for-afghanistan',
-  'flag-for-aland-islands',
-  'flag-for-albania',
-  'flag-for-algeria',
-  'flag-for-american-samoa',
-  'flag-for-andorra',
-  'flag-for-angola',
-  'flag-for-anguilla',
-  'flag-for-antarctica',
-  'flag-for-antigua-and-barbuda',
-  'flag-for-argentina',
-  'flag-for-armenia',
-  'flag-for-aruba',
-  'flag-for-ascension-island',
-  'flag-for-australia',
-  'flag-for-austria',
-  'flag-for-azerbaijan',
-  'flag-for-bahamas',
-  'flag-for-bahrain',
-  'flag-for-bangladesh',
-  'flag-for-barbados',
-  'flag-for-belarus',
-  'flag-for-belgium',
-  'flag-for-belize',
-  'flag-for-benin',
-  'flag-for-bermuda',
-  'flag-for-bhutan',
-  'flag-for-black-flag',
-  'flag-for-bolivia',
-  'flag-for-bosnia-and-herzegovina',
-  'flag-for-botswana',
-  'flag-for-bouvet-island',
-  'flag-for-brazil',
-  'flag-for-british-indian-ocean-territory',
-  'flag-for-british-virgin-islands',
-  'flag-for-brunei',
-  'flag-for-bulgaria',
-  'flag-for-burkina-faso',
-  'flag-for-burundi',
-  'flag-for-cambodia',
-  'flag-for-cameroon',
-  'flag-for-canada',
-  'flag-for-canary-islands',
-  'flag-for-cape-verde',
-  'flag-for-caribbean-netherlands',
-  'flag-for-cayman-islands',
-  'flag-for-central-african-republic',
-  'flag-for-ceuta-and-melilla',
-  'flag-for-chad',
-  'flag-for-chequered-flag',
-  'flag-for-chile',
-  'flag-for-china',
-  'flag-for-christmas-island',
-  'flag-for-clipperton-island',
-  'flag-for-cocos-islands',
-  'flag-for-colombia',
-  'flag-for-comoros',
-  'flag-for-congo-brazzaville',
-  'flag-for-congo-kinshasa',
-  'flag-for-cook-islands',
-  'flag-for-costa-rica',
-  'flag-for-cote-divoire',
-  'flag-for-croatia',
-  'flag-for-crossed-flags',
-  'flag-for-cuba',
-  'flag-for-curacao',
-  'flag-for-cyprus',
-  'flag-for-czechia',
-  'flag-for-denmark',
-  'flag-for-diego-garcia',
-  'flag-for-djibouti',
-  'flag-for-dominica',
-  'flag-for-dominican-republic',
-  'flag-for-ecuador',
-  'flag-for-egypt',
-  'flag-for-el-salvador',
-  'flag-for-equatorial-guinea',
-  'flag-for-eritrea',
-  'flag-for-estonia',
-  'flag-for-ethiopia',
-  'flag-for-european-union',
-  'flag-for-falkland-islands',
-  'flag-for-faroe-islands',
-  'flag-for-fiji',
-  'flag-for-finland',
-  'flag-for-france',
-  'flag-for-french-guiana',
-  'flag-for-french-polynesia',
-  'flag-for-french-southern-territories',
-  'flag-for-gabon',
-  'flag-for-gambia',
-  'flag-for-georgia',
-  'flag-for-germany',
-  'flag-for-ghana',
-  'flag-for-gibraltar',
-  'flag-for-greece',
-  'flag-for-greenland',
-  'flag-for-grenada',
-  'flag-for-guadeloupe',
-  'flag-for-guam',
-  'flag-for-guatemala',
-  'flag-for-guernsey',
-  'flag-for-guinea',
-  'flag-for-guinea-bissau',
-  'flag-for-guyana',
-  'flag-for-haiti',
-  'flag-for-heard-and-mcdonald-islands',
-  'flag-for-honduras',
-  'flag-for-hong-kong-sar-china',
-  'flag-for-hungary',
-  'flag-for-iceland',
-  'flag-for-india',
-  'flag-for-indonesia',
-  'flag-for-iran',
-  'flag-for-iraq',
-  'flag-for-ireland',
-  'flag-for-isle-of-man',
-  'flag-for-israel',
-  'flag-for-italy',
-  'flag-for-jamaica',
-  'flag-for-japan',
-  'flag-for-jersey',
-  'flag-for-jordan',
-  'flag-for-kazakhstan',
-  'flag-for-kenya',
-  'flag-for-kiribati',
-  'flag-for-kosovo',
-  'flag-for-kuwait',
-  'flag-for-kyrgyzstan',
-  'flag-for-laos',
-  'flag-for-latvia',
-  'flag-for-lebanon',
-  'flag-for-lesotho',
-  'flag-for-liberia',
-  'flag-for-libya',
-  'flag-for-liechtenstein',
-  'flag-for-lithuania',
-  'flag-for-luxembourg',
-  'flag-for-macau-sar-china',
-  'flag-for-macedonia',
-  'flag-for-madagascar',
-  'flag-for-malawi',
-  'flag-for-malaysia',
-  'flag-for-maldives',
-  'flag-for-mali',
-  'flag-for-malta',
-  'flag-for-marshall-islands',
-  'flag-for-martinique',
-  'flag-for-mauritania',
-  'flag-for-mauritius',
-  'flag-for-mayotte',
-  'flag-for-mexico',
-  'flag-for-micronesia',
-  'flag-for-moldova',
-  'flag-for-monaco',
-  'flag-for-mongolia',
-  'flag-for-montenegro',
-  'flag-for-montserrat',
-  'flag-for-morocco',
-  'flag-for-mozambique',
-  'flag-for-myanmar',
-  'flag-for-namibia',
-  'flag-for-nauru',
-  'flag-for-nepal',
-  'flag-for-netherlands',
-  'flag-for-new-caledonia',
-  'flag-for-new-zealand',
-  'flag-for-nicaragua',
-  'flag-for-niger',
-  'flag-for-nigeria',
-  'flag-for-niue',
-  'flag-for-norfolk-island',
-  'flag-for-north-korea',
-  'flag-for-northern-mariana-islands',
-  'flag-for-norway',
-  'flag-for-oman',
-  'flag-for-pakistan',
-  'flag-for-palau',
-  'flag-for-palestinian-territories',
-  'flag-for-panama',
-  'flag-for-papua-new-guinea',
-  'flag-for-paraguay',
-  'flag-for-peru',
-  'flag-for-philippines',
-  'flag-for-pitcairn-islands',
-  'flag-for-poland',
-  'flag-for-portugal',
-  'flag-for-puerto-rico',
-  'flag-for-qatar',
-  'flag-for-rainbow-flag',
-  'flag-for-reunion',
-  'flag-for-romania',
-  'flag-for-russia',
-  'flag-for-rwanda',
-  'flag-for-samoa',
-  'flag-for-san-marino',
-  'flag-for-sao-tome-and-principe',
-  'flag-for-saudi-arabia',
-  'flag-for-senegal',
-  'flag-for-serbia',
-  'flag-for-seychelles',
-  'flag-for-sierra-leone',
-  'flag-for-singapore',
-  'flag-for-sint-maarten',
-  'flag-for-slovakia',
-  'flag-for-slovenia',
-  'flag-for-solomon-islands',
-  'flag-for-somalia',
-  'flag-for-south-africa',
-  'flag-for-south-georgia-and-south-sandwich-islands',
-  'flag-for-south-korea',
-  'flag-for-south-sudan',
-  'flag-for-spain',
-  'flag-for-sri-lanka',
-  'flag-for-st-barthelemy',
-  'flag-for-st-helena',
-  'flag-for-st-kitts-and-nevis',
-  'flag-for-st-lucia',
-  'flag-for-st-martin',
-  'flag-for-st-pierre-and-miquelon',
-  'flag-for-st-vincent-and-grenadines',
-  'flag-for-sudan',
-  'flag-for-suriname',
-  'flag-for-svalbard-and-jan-mayen',
-  'flag-for-swaziland',
-  'flag-for-sweden',
-  'flag-for-switzerland',
-  'flag-for-syria',
-  'flag-for-taiwan',
-  'flag-for-tajikistan',
-  'flag-for-tanzania',
-  'flag-for-thailand',
-  'flag-for-timor-leste',
-  'flag-for-togo',
-  'flag-for-tokelau',
-  'flag-for-tonga',
-  'flag-for-triangular-flag',
-  'flag-for-trinidad-and-tobago',
-  'flag-for-tristan-da-cunha',
-  'flag-for-tunisia',
-  'flag-for-turkey',
-  'flag-for-turkmenistan',
-  'flag-for-turks-and-caicos-islands',
-  'flag-for-tuvalu',
-  'flag-for-uganda',
-  'flag-for-ukraine',
-  'flag-for-united-arab-emirates',
-  'flag-for-united-kingdom',
-  'flag-for-united-states',
-  'flag-for-uruguay',
-  'flag-for-us-outlying-islands',
-  'flag-for-us-virgin-islands',
-  'flag-for-uzbekistan',
-  'flag-for-vanuatu',
-  'flag-for-vatican-city',
-  'flag-for-venezuela',
-  'flag-for-vietnam',
-  'flag-for-wallis-and-futuna',
-  'flag-for-western-sahara',
-  'flag-for-white-flag',
-  'flag-for-yemen',
-  'flag-for-zambia',
-  'flag-for-zimbabwe',
-  'flag-in-hole',
-  'flag-scotland',
-  'flashlight',
-  'fleur-de-lis',
-  'flexed-biceps',
-  'flexed-biceps-dark-skin-tone',
-  'flexed-biceps-light-skin-tone',
-  'flexed-biceps-medium-dark-skin-tone',
-  'flexed-biceps-medium-light-skin-tone',
-  'flexed-biceps-medium-skin-tone',
-  'floppy-disk',
-  'flower-playing-cards',
-  'flushed-face',
-  'fog',
-  'foggy',
-  'folded-hands',
-  'folded-hands-dark-skin-tone',
-  'folded-hands-light-skin-tone',
-  'folded-hands-medium-dark-skin-tone',
-  'folded-hands-medium-light-skin-tone',
-  'folded-hands-medium-skin-tone',
-  'footprints',
-  'fork-and-knife',
-  'fork-and-knife-with-plate',
-  'fountain',
-  'fountain-pen',
-  'four-leaf-clover',
-  'four-oclock',
-  'four-thirty',
-  'fox',
-  'framed-picture',
-  'free-button',
-  'french-fries',
-  'fried-shrimp',
-  'frog-face',
-  'front-facing-baby-chick',
-  'frowning-face',
-  'frowning-face-with-open-mouth',
-  'fuel-pump',
-  'full-moon',
-  'full-moon-face',
-  'funeral-urn',
-  'game-die',
-  'gear',
-  'gem-stone',
-  'gemini',
-  'ghost',
-  'girl',
-  'girl-dark-skin-tone',
-  'girl-light-skin-tone',
-  'girl-medium-dark-skin-tone',
-  'girl-medium-light-skin-tone',
-  'girl-medium-skin-tone',
-  'glass-of-milk',
-  'glasses',
-  'globe-showing-americas',
-  'globe-showing-asia-australia',
-  'globe-showing-europe-africa',
-  'globe-with-meridians',
-  'glowing-star',
-  'goal-net',
-  'goat',
-  'goblin',
-  'gorilla',
-  'graduation-cap',
-  'grapes',
-  'green-apple',
-  'green-book',
-  'green-heart',
-  'green-salad',
-  'grimacing-face',
-  'grinning-cat-face',
-  'grinning-cat-face-with-smiling-eyes',
-  'grinning-face',
-  'grinning-face-with-big-eyes',
-  'grinning-face-with-smiling-eyes',
-  'grinning-face-with-sweat',
-  'grinning-squinting-face',
-  'growing-heart',
-  'guard',
-  'guard-dark-skin-tone',
-  'guard-light-skin-tone',
-  'guard-medium-dark-skin-tone',
-  'guard-medium-light-skin-tone',
-  'guard-medium-skin-tone',
-  'guitar',
-  'hamburger',
-  'hammer',
-  'hammer-and-pick',
-  'hammer-and-wrench',
-  'hamster-face',
-  'hand-with-fingers-splayed',
-  'hand-with-fingers-splayed-dark-skin-tone',
-  'hand-with-fingers-splayed-light-skin-tone',
-  'hand-with-fingers-splayed-medium-dark-skin-tone',
-  'hand-with-fingers-splayed-medium-light-skin-tone',
-  'hand-with-fingers-splayed-medium-skin-tone',
-  'handbag',
-  'handshake',
-  'handshake-dark-skin-tone',
-  'handshake-light-skin-tone',
-  'handshake-medium-dark-skin-tone',
-  'handshake-medium-light-skin-tone',
-  'handshake-medium-skin-tone',
-  'hatching-chick',
-  'headphone',
-  'hear-no-evil-monkey',
-  'heart-decoration',
-  'heart-suit',
-  'heart-with-arrow',
-  'heart-with-ribbon',
-  'heavy-check-mark',
-  'heavy-division-sign',
-  'heavy-dollar-sign',
-  'heavy-heart-exclamation',
-  'heavy-large-circle',
-  'heavy-minus-sign',
-  'heavy-multiplication-x',
-  'heavy-plus-sign',
-  'helicopter',
-  'herb',
-  'hibiscus',
-  'high-heeled-shoe',
-  'high-speed-train',
-  'high-voltage',
-  'hole',
-  'honey-pot',
-  'honeybee',
-  'horizontal-traffic-light',
-  'horse',
-  'horse-face',
-  'horse-racing',
-  'horse-racing-dark-skin-tone',
-  'horse-racing-light-skin-tone',
-  'horse-racing-medium-dark-skin-tone',
-  'horse-racing-medium-light-skin-tone',
-  'horse-racing-medium-skin-tone',
-  'hospital',
-  'hot-beverage',
-  'hot-dog',
-  'hot-pepper',
-  'hot-springs',
-  'hotel',
-  'hourglass-done',
-  'hourglass-not-done',
-  'house',
-  'house-with-garden',
-  'houses',
-  'hugging-face',
-  'hundred-points',
-  'hushed-face',
-  'ice-cream',
-  'ice-hockey',
-  'ice-skate',
-  'id-button',
-  'inbox-tray',
-  'incoming-envelope',
-  'index-pointing-up',
-  'index-pointing-up-dark-skin-tone',
-  'index-pointing-up-light-skin-tone',
-  'index-pointing-up-medium-dark-skin-tone',
-  'index-pointing-up-medium-light-skin-tone',
-  'index-pointing-up-medium-skin-tone',
-  'information',
-  'input-latin-letters',
-  'input-latin-lowercase',
-  'input-latin-uppercase',
-  'input-numbers',
-  'input-symbols',
-  'jack-o-lantern',
-  'japanese-acceptable-button',
-  'japanese-application-button',
-  'japanese-bargain-button',
-  'japanese-castle',
-  'japanese-congratulations-button',
-  'japanese-discount-button',
-  'japanese-dolls',
-  'japanese-free-of-charge-button',
-  'japanese-here-button',
-  'japanese-monthly-amount-button',
-  'japanese-no-vacancy-button',
-  'japanese-not-free-of-charge-button',
-  'japanese-open-for-business-button',
-  'japanese-passing-grade-button',
-  'japanese-post-office',
-  'japanese-prohibited-button',
-  'japanese-reserved-button',
-  'japanese-secret-button',
-  'japanese-service-charge-button',
-  'japanese-symbol-for-beginner',
-  'japanese-vacancy-button',
-  'jeans',
-  'joker',
-  'joystick',
-  'kaaba',
-  'key',
-  'keyboard',
-  'keycap-0',
-  'keycap-1',
-  'keycap-10',
-  'keycap-2',
-  'keycap-3',
-  'keycap-4',
-  'keycap-5',
-  'keycap-6',
-  'keycap-7',
-  'keycap-8',
-  'keycap-9',
-  'keycap-asterisk',
-  'keycap-pound',
-  'kick-scooter',
-  'kimono',
-  'kiss',
-  'kiss-man-man',
-  'kiss-mark',
-  'kiss-woman-woman',
-  'kissing-cat-face',
-  'kissing-face',
-  'kissing-face-with-closed-eyes',
-  'kissing-face-with-smiling-eyes',
-  'kitchen-knife',
-  'kiwi-fruit',
-  'koala',
-  'label',
-  'lady-beetle',
-  'laptop-computer',
-  'large-blue-diamond',
-  'large-orange-diamond',
-  'last-quarter-moon',
-  'last-quarter-moon-face',
-  'last-track-button',
-  'latin-cross',
-  'leaf-fluttering-in-wind',
-  'ledger',
-  'left-arrow',
-  'left-arrow-curving-right',
-  'left-facing-fist',
-  'left-facing-fist-dark-skin-tone',
-  'left-facing-fist-light-skin-tone',
-  'left-facing-fist-medium-dark-skin-tone',
-  'left-facing-fist-medium-light-skin-tone',
-  'left-facing-fist-medium-skin-tone',
-  'left-luggage',
-  'left-right-arrow',
-  'left-speech-bubble',
-  'lemon',
-  'leo',
-  'leopard',
-  'letter-a',
-  'letter-b',
-  'letter-c',
-  'letter-d',
-  'letter-e',
-  'letter-f',
-  'letter-g',
-  'letter-h',
-  'letter-i',
-  'letter-j',
-  'letter-k',
-  'letter-l',
-  'letter-m',
-  'letter-n',
-  'letter-o',
-  'letter-p',
-  'letter-q',
-  'letter-r',
-  'letter-s',
-  'letter-t',
-  'letter-u',
-  'letter-v',
-  'letter-w',
-  'letter-x',
-  'letter-y',
-  'letter-z',
-  'level-slider',
-  'libra',
-  'light-bulb',
-  'light-rail',
-  'light-skin-tone',
-  'link',
-  'linked-paperclips',
-  'lion-face',
-  'lipstick',
-  'litter-in-bin-sign',
-  'lizard',
-  'locked',
-  'locked-with-key',
-  'locked-with-pen',
-  'locomotive',
-  'lollipop',
-  'loudly-crying-face',
-  'loudspeaker',
-  'love-hotel',
-  'love-letter',
-  'lying-face',
-  'magnifying-glass-tilted-left',
-  'magnifying-glass-tilted-right',
-  'mahjong-red-dragon',
-  'man',
-  'man-and-woman-holding-hands',
-  'man-dancing',
-  'man-dancing-dark-skin-tone',
-  'man-dancing-light-skin-tone',
-  'man-dancing-medium-dark-skin-tone',
-  'man-dancing-medium-light-skin-tone',
-  'man-dancing-medium-skin-tone',
-  'man-dark-skin-tone',
-  'man-in-suit-levitating',
-  'man-in-tuxedo',
-  'man-in-tuxedo-dark-skin-tone',
-  'man-in-tuxedo-light-skin-tone',
-  'man-in-tuxedo-medium-dark-skin-tone',
-  'man-in-tuxedo-medium-light-skin-tone',
-  'man-in-tuxedo-medium-skin-tone',
-  'man-light-skin-tone',
-  'man-medium-dark-skin-tone',
-  'man-medium-light-skin-tone',
-  'man-medium-skin-tone',
-  'man-with-chinese-cap',
-  'man-with-chinese-cap-dark-skin-tone',
-  'man-with-chinese-cap-light-skin-tone',
-  'man-with-chinese-cap-medium-dark-skin-tone',
-  'man-with-chinese-cap-medium-light-skin-tone',
-  'man-with-chinese-cap-medium-skin-tone',
-  'mans-shoe',
-  'mantelpiece-clock',
-  'map-of-japan',
-  'maple-leaf',
-  'martial-arts-uniform',
-  'meat-on-bone',
-  'medium-dark-skin-tone',
-  'medium-light-skin-tone',
-  'medium-skin-tone',
-  'megaphone',
-  'melon',
-  'memo',
-  'menorah',
-  'mens-room',
-  'metro',
-  'microphone',
-  'microscope',
-  'middle-finger',
-  'middle-finger-dark-skin-tone',
-  'middle-finger-light-skin-tone',
-  'middle-finger-medium-dark-skin-tone',
-  'middle-finger-medium-light-skin-tone',
-  'middle-finger-medium-skin-tone',
-  'military-medal',
-  'milky-way',
-  'minibus',
-  'moai',
-  'mobile-phone',
-  'mobile-phone-off',
-  'mobile-phone-with-arrow',
-  'money-bag',
-  'money-mouth-face',
-  'money-with-wings',
-  'monkey',
-  'monkey-face',
-  'monorail',
-  'moon-viewing-ceremony',
-  'mosque',
-  'motor-boat',
-  'motor-scooter',
-  'motorcycle',
-  'motorway',
-  'mount-fuji',
-  'mountain',
-  'mountain-cableway',
-  'mountain-railway',
-  'mouse',
-  'mouse-face',
-  'mouth',
-  'movie-camera',
-  'mrs-claus',
-  'mrs-claus-dark-skin-tone',
-  'mrs-claus-light-skin-tone',
-  'mrs-claus-medium-dark-skin-tone',
-  'mrs-claus-medium-light-skin-tone',
-  'mrs-claus-medium-skin-tone',
-  'mushroom',
-  'musical-keyboard',
-  'musical-note',
-  'musical-notes',
-  'musical-score',
-  'muted-speaker',
-  'nail-polish',
-  'nail-polish-dark-skin-tone',
-  'nail-polish-light-skin-tone',
-  'nail-polish-medium-dark-skin-tone',
-  'nail-polish-medium-light-skin-tone',
-  'nail-polish-medium-skin-tone',
-  'name-badge',
-  'national-park',
-  'nauseated-face',
-  'necktie',
-  'nerd-face',
-  'neutral-face',
-  'new-button',
-  'new-moon',
-  'new-moon-face',
-  'newspaper',
-  'next-track-button',
-  'ng-button',
-  'night-with-stars',
-  'nine-oclock',
-  'nine-thirty',
-  'no-bicycles',
-  'no-entry',
-  'no-littering',
-  'no-mobile-phones',
-  'no-one-under-eighteen',
-  'no-pedestrians',
-  'no-smoking',
-  'non-potable-water',
-  'nose',
-  'nose-dark-skin-tone',
-  'nose-light-skin-tone',
-  'nose-medium-dark-skin-tone',
-  'nose-medium-light-skin-tone',
-  'nose-medium-skin-tone',
-  'notebook',
-  'notebook-with-decorative-cover',
-  'nut-and-bolt',
-  'o-button',
-  'octopus',
-  'oden',
-  'office-building',
-  'ogre',
-  'oil-drum',
-  'ok-button',
-  'ok-hand',
-  'ok-hand-dark-skin-tone',
-  'ok-hand-light-skin-tone',
-  'ok-hand-medium-dark-skin-tone',
-  'ok-hand-medium-light-skin-tone',
-  'ok-hand-medium-skin-tone',
-  'old-key',
-  'old-man',
-  'old-man-dark-skin-tone',
-  'old-man-light-skin-tone',
-  'old-man-medium-dark-skin-tone',
-  'old-man-medium-light-skin-tone',
-  'old-man-medium-skin-tone',
-  'old-woman',
-  'old-woman-dark-skin-tone',
-  'old-woman-light-skin-tone',
-  'old-woman-medium-dark-skin-tone',
-  'old-woman-medium-light-skin-tone',
-  'old-woman-medium-skin-tone',
-  'om',
-  'on-arrow',
-  'oncoming-automobile',
-  'oncoming-bus',
-  'oncoming-fist',
-  'oncoming-fist-dark-skin-tone',
-  'oncoming-fist-light-skin-tone',
-  'oncoming-fist-medium-dark-skin-tone',
-  'oncoming-fist-medium-light-skin-tone',
-  'oncoming-fist-medium-skin-tone',
-  'oncoming-police-car',
-  'oncoming-taxi',
-  'one-oclock',
-  'one-thirty',
-  'open-book',
-  'open-file-folder',
-  'open-hands',
-  'open-hands-dark-skin-tone',
-  'open-hands-light-skin-tone',
-  'open-hands-medium-dark-skin-tone',
-  'open-hands-medium-light-skin-tone',
-  'open-hands-medium-skin-tone',
-  'open-mailbox-with-lowered-flag',
-  'open-mailbox-with-raised-flag',
-  'ophiuchus',
-  'optical-disk',
-  'orange-book',
-  'orthodox-cross',
-  'outbox-tray',
-  'owl',
-  'ox',
-  'p-button',
-  'package',
-  'page-facing-up',
-  'page-with-curl',
-  'pager',
-  'paintbrush',
-  'palm-tree',
-  'pancakes',
-  'panda-face',
-  'paperclip',
-  'part-alternation-mark',
-  'party-popper',
-  'passenger-ship',
-  'passport-control',
-  'pause-button',
-  'paw-prints',
-  'peace-symbol',
-  'peach',
-  'peanuts',
-  'pear',
-  'pen',
-  'pencil',
-  'penguin',
-  'pensive-face',
-  'people-with-bunny-ears',
-  'people-wrestling',
-  'people-wrestling-dark-skin-tone',
-  'people-wrestling-light-skin-tone',
-  'people-wrestling-medium-dark-skin-tone',
-  'people-wrestling-medium-light-skin-tone',
-  'people-wrestling-medium-skin-tone',
-  'performing-arts',
-  'persevering-face',
-  'person-biking',
-  'person-biking-dark-skin-tone',
-  'person-biking-light-skin-tone',
-  'person-biking-medium-dark-skin-tone',
-  'person-biking-medium-light-skin-tone',
-  'person-biking-medium-skin-tone',
-  'person-bouncing-ball',
-  'person-bouncing-ball-dark-skin-tone',
-  'person-bouncing-ball-light-skin-tone',
-  'person-bouncing-ball-medium-dark-skin-tone',
-  'person-bouncing-ball-medium-light-skin-tone',
-  'person-bouncing-ball-medium-skin-tone',
-  'person-bowing',
-  'person-bowing-dark-skin-tone',
-  'person-bowing-light-skin-tone',
-  'person-bowing-medium-dark-skin-tone',
-  'person-bowing-medium-light-skin-tone',
-  'person-bowing-medium-skin-tone',
-  'person-cartwheeling',
-  'person-cartwheeling-dark-skin-tone',
-  'person-cartwheeling-light-skin-tone',
-  'person-cartwheeling-medium-dark-skin-tone',
-  'person-cartwheeling-medium-light-skin-tone',
-  'person-cartwheeling-medium-skin-tone',
-  'person-facepalming',
-  'person-facepalming-dark-skin-tone',
-  'person-facepalming-light-skin-tone',
-  'person-facepalming-medium-dark-skin-tone',
-  'person-facepalming-medium-light-skin-tone',
-  'person-facepalming-medium-skin-tone',
-  'person-fencing',
-  'person-frowning',
-  'person-frowning-dark-skin-tone',
-  'person-frowning-light-skin-tone',
-  'person-frowning-medium-dark-skin-tone',
-  'person-frowning-medium-light-skin-tone',
-  'person-frowning-medium-skin-tone',
-  'person-gesturing-no',
-  'person-gesturing-no-dark-skin-tone',
-  'person-gesturing-no-light-skin-tone',
-  'person-gesturing-no-medium-dark-skin-tone',
-  'person-gesturing-no-medium-light-skin-tone',
-  'person-gesturing-no-medium-skin-tone',
-  'person-gesturing-ok',
-  'person-gesturing-ok-dark-skin-tone',
-  'person-gesturing-ok-light-skin-tone',
-  'person-gesturing-ok-medium-dark-skin-tone',
-  'person-gesturing-ok-medium-light-skin-tone',
-  'person-gesturing-ok-medium-skin-tone',
-  'person-getting-haircut',
-  'person-getting-haircut-dark-skin-tone',
-  'person-getting-haircut-light-skin-tone',
-  'person-getting-haircut-medium-dark-skin-tone',
-  'person-getting-haircut-medium-light-skin-tone',
-  'person-getting-haircut-medium-skin-tone',
-  'person-getting-massage',
-  'person-getting-massage-dark-skin-tone',
-  'person-getting-massage-light-skin-tone',
-  'person-getting-massage-medium-dark-skin-tone',
-  'person-getting-massage-medium-light-skin-tone',
-  'person-getting-massage-medium-skin-tone',
-  'person-golfing',
-  'person-in-bed',
-  'person-juggling',
-  'person-juggling-dark-skin-tone',
-  'person-juggling-light-skin-tone',
-  'person-juggling-medium-dark-skin-tone',
-  'person-juggling-medium-light-skin-tone',
-  'person-juggling-medium-skin-tone',
-  'person-lifting-weights',
-  'person-lifting-weights-dark-skin-tone',
-  'person-lifting-weights-light-skin-tone',
-  'person-lifting-weights-medium-dark-skin-tone',
-  'person-lifting-weights-medium-light-skin-tone',
-  'person-lifting-weights-medium-skin-tone',
-  'person-mountain-biking',
-  'person-mountain-biking-dark-skin-tone',
-  'person-mountain-biking-light-skin-tone',
-  'person-mountain-biking-medium-dark-skin-tone',
-  'person-mountain-biking-medium-light-skin-tone',
-  'person-mountain-biking-medium-skin-tone',
-  'person-playing-handball',
-  'person-playing-handball-dark-skin-tone',
-  'person-playing-handball-light-skin-tone',
-  'person-playing-handball-medium-dark-skin-tone',
-  'person-playing-handball-medium-light-skin-tone',
-  'person-playing-handball-medium-skin-tone',
-  'person-playing-water-polo',
-  'person-playing-water-polo-dark-skin-tone',
-  'person-playing-water-polo-light-skin-tone',
-  'person-playing-water-polo-medium-dark-skin-tone',
-  'person-playing-water-polo-medium-light-skin-tone',
-  'person-playing-water-polo-medium-skin-tone',
-  'person-pouting',
-  'person-pouting-dark-skin-tone',
-  'person-pouting-light-skin-tone',
-  'person-pouting-medium-dark-skin-tone',
-  'person-pouting-medium-light-skin-tone',
-  'person-pouting-medium-skin-tone',
-  'person-raising-hand',
-  'person-raising-hand-dark-skin-tone',
-  'person-raising-hand-light-skin-tone',
-  'person-raising-hand-medium-dark-skin-tone',
-  'person-raising-hand-medium-light-skin-tone',
-  'person-raising-hand-medium-skin-tone',
-  'person-rowing-boat',
-  'person-rowing-boat-dark-skin-tone',
-  'person-rowing-boat-light-skin-tone',
-  'person-rowing-boat-medium-dark-skin-tone',
-  'person-rowing-boat-medium-light-skin-tone',
-  'person-rowing-boat-medium-skin-tone',
-  'person-running',
-  'person-running-dark-skin-tone',
-  'person-running-light-skin-tone',
-  'person-running-medium-dark-skin-tone',
-  'person-running-medium-light-skin-tone',
-  'person-running-medium-skin-tone',
-  'person-shrugging',
-  'person-shrugging-dark-skin-tone',
-  'person-shrugging-light-skin-tone',
-  'person-shrugging-medium-dark-skin-tone',
-  'person-shrugging-medium-light-skin-tone',
-  'person-shrugging-medium-skin-tone',
-  'person-surfing',
-  'person-surfing-dark-skin-tone',
-  'person-surfing-light-skin-tone',
-  'person-surfing-medium-dark-skin-tone',
-  'person-surfing-medium-light-skin-tone',
-  'person-surfing-medium-skin-tone',
-  'person-swimming',
-  'person-swimming-dark-skin-tone',
-  'person-swimming-light-skin-tone',
-  'person-swimming-medium-dark-skin-tone',
-  'person-swimming-medium-light-skin-tone',
-  'person-swimming-medium-skin-tone',
-  'person-taking-bath',
-  'person-taking-bath-dark-skin-tone',
-  'person-taking-bath-light-skin-tone',
-  'person-taking-bath-medium-dark-skin-tone',
-  'person-taking-bath-medium-light-skin-tone',
-  'person-taking-bath-medium-skin-tone',
-  'person-tipping-hand',
-  'person-tipping-hand-dark-skin-tone',
-  'person-tipping-hand-light-skin-tone',
-  'person-tipping-hand-medium-dark-skin-tone',
-  'person-tipping-hand-medium-light-skin-tone',
-  'person-tipping-hand-medium-skin-tone',
-  'person-walking',
-  'person-walking-dark-skin-tone',
-  'person-walking-light-skin-tone',
-  'person-walking-medium-dark-skin-tone',
-  'person-walking-medium-light-skin-tone',
-  'person-walking-medium-skin-tone',
-  'person-wearing-turban',
-  'person-wearing-turban-dark-skin-tone',
-  'person-wearing-turban-light-skin-tone',
-  'person-wearing-turban-medium-dark-skin-tone',
-  'person-wearing-turban-medium-light-skin-tone',
-  'person-wearing-turban-medium-skin-tone',
-  'pick',
-  'pig',
-  'pig-face',
-  'pig-nose',
-  'pile-of-poo',
-  'pill',
-  'pine-decoration',
-  'pineapple',
-  'ping-pong',
-  'pisces',
-  'pistol',
-  'pizza',
-  'place-of-worship',
-  'play-button',
-  'play-or-pause-button',
-  'police-car',
-  'police-car-light',
-  'police-officer',
-  'police-officer-dark-skin-tone',
-  'police-officer-light-skin-tone',
-  'police-officer-medium-dark-skin-tone',
-  'police-officer-medium-light-skin-tone',
-  'police-officer-medium-skin-tone',
-  'poodle',
-  'pool-8-ball',
-  'popcorn',
-  'post-office',
-  'postal-horn',
-  'postbox',
-  'pot-of-food',
-  'potable-water',
-  'potato',
-  'poultry-leg',
-  'pound-banknote',
-  'pound-symbol',
-  'pouting-cat-face',
-  'pouting-face',
-  'prayer-beads',
-  'pregnant-woman',
-  'pregnant-woman-dark-skin-tone',
-  'pregnant-woman-light-skin-tone',
-  'pregnant-woman-medium-dark-skin-tone',
-  'pregnant-woman-medium-light-skin-tone',
-  'pregnant-woman-medium-skin-tone',
-  'prince',
-  'prince-dark-skin-tone',
-  'prince-light-skin-tone',
-  'prince-medium-dark-skin-tone',
-  'prince-medium-light-skin-tone',
-  'prince-medium-skin-tone',
-  'princess',
-  'princess-dark-skin-tone',
-  'princess-light-skin-tone',
-  'princess-medium-dark-skin-tone',
-  'princess-medium-light-skin-tone',
-  'princess-medium-skin-tone',
-  'printer',
-  'prohibited',
-  'purple-heart',
-  'purse',
-  'pushpin',
-  'question-mark',
-  'rabbit',
-  'rabbit-face',
-  'racing-car',
-  'radio',
-  'radio-button',
-  'radioactive',
-  'railway-car',
-  'railway-track',
-  'rainbow',
-  'raised-back-of-hand',
-  'raised-back-of-hand-dark-skin-tone',
-  'raised-back-of-hand-light-skin-tone',
-  'raised-back-of-hand-medium-dark-skin-tone',
-  'raised-back-of-hand-medium-light-skin-tone',
-  'raised-back-of-hand-medium-skin-tone',
-  'raised-fist',
-  'raised-fist-dark-skin-tone',
-  'raised-fist-light-skin-tone',
-  'raised-fist-medium-dark-skin-tone',
-  'raised-fist-medium-light-skin-tone',
-  'raised-fist-medium-skin-tone',
-  'raised-hand',
-  'raised-hand-dark-skin-tone',
-  'raised-hand-light-skin-tone',
-  'raised-hand-medium-dark-skin-tone',
-  'raised-hand-medium-light-skin-tone',
-  'raised-hand-medium-skin-tone',
-  'raising-hands',
-  'raising-hands-dark-skin-tone',
-  'raising-hands-light-skin-tone',
-  'raising-hands-medium-dark-skin-tone',
-  'raising-hands-medium-light-skin-tone',
-  'raising-hands-medium-skin-tone',
-  'ram',
-  'rat',
-  'record-button',
-  'recycling-symbol',
-  'red-apple',
-  'red-circle',
-  'red-heart',
-  'red-paper-lantern',
-  'red-triangle-pointed-down',
-  'red-triangle-pointed-up',
-  'registered',
-  'relieved-face',
-  'reminder-ribbon',
-  'repeat-button',
-  'repeat-single-button',
-  'rescue-workers-helmet',
-  'restroom',
-  'reverse-button',
-  'revolving-hearts',
-  'rhinoceros',
-  'ribbon',
-  'rice-ball',
-  'rice-cracker',
-  'right-anger-bubble',
-  'right-arrow',
-  'right-arrow-curving-down',
-  'right-arrow-curving-left',
-  'right-arrow-curving-up',
-  'right-facing-fist',
-  'right-facing-fist-dark-skin-tone',
-  'right-facing-fist-light-skin-tone',
-  'right-facing-fist-medium-dark-skin-tone',
-  'right-facing-fist-medium-light-skin-tone',
-  'right-facing-fist-medium-skin-tone',
-  'ring',
-  'roasted-sweet-potato',
-  'robot-face',
-  'rocket',
-  'rolled-up-newspaper',
-  'roller-coaster',
-  'rolling-on-the-floor-laughing',
-  'rooster',
-  'rose',
-  'rosette',
-  'round-pushpin',
-  'rugby-football',
-  'running-shirt',
-  'running-shoe',
-  'sad-but-relieved-face',
-  'sagittarius',
-  'sailboat',
-  'sake',
-  'santa-claus',
-  'santa-claus-dark-skin-tone',
-  'santa-claus-light-skin-tone',
-  'santa-claus-medium-dark-skin-tone',
-  'santa-claus-medium-light-skin-tone',
-  'santa-claus-medium-skin-tone',
-  'satellite',
-  'satellite-antenna',
-  'saxophone',
-  'school',
-  'scissors',
-  'scorpio',
-  'scorpion',
-  'scroll',
-  'seat',
-  'see-no-evil-monkey',
-  'seedling',
-  'selfie',
-  'selfie-dark-skin-tone',
-  'selfie-light-skin-tone',
-  'selfie-medium-dark-skin-tone',
-  'selfie-medium-light-skin-tone',
-  'selfie-medium-skin-tone',
-  'seven-oclock',
-  'seven-thirty',
-  'shallow-pan-of-food',
-  'shamrock',
-  'shark',
-  'shaved-ice',
-  'sheaf-of-rice',
-  'shield',
-  'shinto-shrine',
-  'ship',
-  'shooting-star',
-  'shopping-bags',
-  'shopping-cart',
-  'shortcake',
-  'shower',
-  'shrimp',
-  'shuffle-tracks-button',
-  'sign-of-the-horns',
-  'sign-of-the-horns-dark-skin-tone',
-  'sign-of-the-horns-light-skin-tone',
-  'sign-of-the-horns-medium-dark-skin-tone',
-  'sign-of-the-horns-medium-light-skin-tone',
-  'sign-of-the-horns-medium-skin-tone',
-  'six-oclock',
-  'six-thirty',
-  'skier',
-  'skis',
-  'skull',
-  'skull-and-crossbones',
-  'sleeping-face',
-  'sleepy-face',
-  'slightly-frowning-face',
-  'slightly-smiling-face',
-  'slot-machine',
-  'small-airplane',
-  'small-blue-diamond',
-  'small-orange-diamond',
-  'smiling-cat-face-with-heart-eyes',
-  'smiling-face',
-  'smiling-face-with-halo',
-  'smiling-face-with-heart-eyes',
-  'smiling-face-with-horns',
-  'smiling-face-with-smiling-eyes',
-  'smiling-face-with-sunglasses',
-  'smirking-face',
-  'snail',
-  'snake',
-  'sneezing-face',
-  'snow-capped-mountain',
-  'snowboarder',
-  'snowflake',
-  'snowman',
-  'snowman-without-snow',
-  'soccer-ball',
-  'soft-ice-cream',
-  'soon-arrow',
-  'sos-button',
-  'spade-suit',
-  'spaghetti',
-  'sparkle',
-  'sparkler',
-  'sparkles',
-  'sparkling-heart',
-  'speak-no-evil-monkey',
-  'speaker-high-volume',
-  'speaker-low-volume',
-  'speaker-medium-volume',
-  'speaking-head',
-  'speech-balloon',
-  'speedboat',
-  'spider',
-  'spider-web',
-  'spiral-calendar',
-  'spiral-notepad',
-  'spiral-shell',
-  'spoon',
-  'sport-utility-vehicle',
-  'sports-medal',
-  'spouting-whale',
-  'squid',
-  'squinting-face-with-tongue',
-  'stadium',
-  'star',
-  'star-and-crescent',
-  'star-of-david',
-  'station',
-  'statue-of-liberty',
-  'steaming-bowl',
-  'stop-button',
-  'stop-sign',
-  'stopwatch',
-  'straight-ruler',
-  'strawberry',
-  'studio-microphone',
-  'stuffed-flatbread',
-  'sun',
-  'sun-behind-cloud',
-  'sun-behind-large-cloud',
-  'sun-behind-rain-cloud',
-  'sun-behind-small-cloud',
-  'sun-with-face',
-  'sunflower',
-  'sunglasses',
-  'sunrise',
-  'sunrise-over-mountains',
-  'sunset',
-  'sushi',
-  'suspension-railway',
-  'sweat-droplets',
-  'synagogue',
-  'syringe',
-  't-shirt',
-  'taco',
-  'tanabata-tree',
-  'tangerine',
-  'taurus',
-  'taxi',
-  'teacup-without-handle',
-  'tear-off-calendar',
-  'telephone',
-  'telephone-receiver',
-  'telescope',
-  'television',
-  'ten-oclock',
-  'ten-thirty',
-  'tennis',
-  'tent',
-  'thermometer',
-  'thinking-face',
-  'thought-balloon',
-  'three-oclock',
-  'three-thirty',
-  'thumbs-down',
-  'thumbs-down-dark-skin-tone',
-  'thumbs-down-light-skin-tone',
-  'thumbs-down-medium-dark-skin-tone',
-  'thumbs-down-medium-light-skin-tone',
-  'thumbs-down-medium-skin-tone',
-  'thumbs-up',
-  'thumbs-up-dark-skin-tone',
-  'thumbs-up-light-skin-tone',
-  'thumbs-up-medium-dark-skin-tone',
-  'thumbs-up-medium-light-skin-tone',
-  'thumbs-up-medium-skin-tone',
-  'ticket',
-  'tiger',
-  'tiger-face',
-  'timer-clock',
-  'tired-face',
-  'toilet',
-  'tokyo-tower',
-  'tomato',
-  'tongue',
-  'top-arrow',
-  'top-hat',
-  'tornado',
-  'trackball',
-  'tractor',
-  'trade-mark',
-  'train',
-  'tram',
-  'tram-car',
-  'triangular-ruler',
-  'trident-emblem',
-  'trolleybus',
-  'trophy',
-  'tropical-drink',
-  'tropical-fish',
-  'trumpet',
-  'tulip',
-  'tumbler-glass',
-  'turkey',
-  'turtle',
-  'twelve-oclock',
-  'twelve-thirty',
-  'two-hearts',
-  'two-hump-camel',
-  'two-men-holding-hands',
-  'two-oclock',
-  'two-thirty',
-  'two-women-holding-hands',
-  'umbrella',
-  'umbrella-on-ground',
-  'umbrella-with-rain-drops',
-  'unamused-face',
-  'unicorn-face',
-  'unlocked',
-  'up-arrow',
-  'up-down-arrow',
-  'up-left-arrow',
-  'up-right-arrow',
-  'up-text-button',
-  'upside-down-face',
-  'upwards-button',
-  'vertical-traffic-light',
-  'vibration-mode',
-  'victory-hand',
-  'victory-hand-dark-skin-tone',
-  'victory-hand-light-skin-tone',
-  'victory-hand-medium-dark-skin-tone',
-  'victory-hand-medium-light-skin-tone',
-  'victory-hand-medium-skin-tone',
-  'video-camera',
-  'video-game',
-  'videocassette',
-  'violin',
-  'virgo',
-  'volcano',
-  'volleyball',
-  'vs-button',
-  'vulcan-salute',
-  'vulcan-salute-dark-skin-tone',
-  'vulcan-salute-light-skin-tone',
-  'vulcan-salute-medium-dark-skin-tone',
-  'vulcan-salute-medium-light-skin-tone',
-  'vulcan-salute-medium-skin-tone',
-  'waning-crescent-moon',
-  'waning-gibbous-moon',
-  'warning',
-  'wastebasket',
-  'watch',
-  'water-buffalo',
-  'water-closet',
-  'water-wave',
-  'watermelon',
-  'waving-hand',
-  'waving-hand-dark-skin-tone',
-  'waving-hand-light-skin-tone',
-  'waving-hand-medium-dark-skin-tone',
-  'waving-hand-medium-light-skin-tone',
-  'waving-hand-medium-skin-tone',
-  'wavy-dash',
-  'waxing-crescent-moon',
-  'waxing-gibbous-moon',
-  'weary-cat-face',
-  'weary-face',
-  'wedding',
-  'whale',
-  'wheel-of-dharma',
-  'wheelchair-symbol',
-  'white-circle',
-  'white-exclamation-mark',
-  'white-flower',
-  'white-heavy-check-mark',
-  'white-large-square',
-  'white-medium-small-square',
-  'white-medium-square',
-  'white-question-mark',
-  'white-small-square',
-  'white-square-button',
-  'wilted-flower',
-  'wind-chime',
-  'wind-face',
-  'wine-glass',
-  'winking-face',
-  'winking-face-with-tongue',
-  'wolf',
-  'woman',
-  'woman-dancing',
-  'woman-dancing-dark-skin-tone',
-  'woman-dancing-light-skin-tone',
-  'woman-dancing-medium-dark-skin-tone',
-  'woman-dancing-medium-light-skin-tone',
-  'woman-dancing-medium-skin-tone',
-  'woman-dark-skin-tone',
-  'woman-light-skin-tone',
-  'woman-medium-dark-skin-tone',
-  'woman-medium-light-skin-tone',
-  'woman-medium-skin-tone',
-  'womans-boot',
-  'womans-clothes',
-  'womans-hat',
-  'womans-sandal',
-  'womens-room',
-  'world-map',
-  'worried-face',
-  'wrapped-gift',
-  'wrench',
-  'writing-hand',
-  'writing-hand-dark-skin-tone',
-  'writing-hand-light-skin-tone',
-  'writing-hand-medium-dark-skin-tone',
-  'writing-hand-medium-light-skin-tone',
-  'writing-hand-medium-skin-tone',
-  'yellow-heart',
-  'yen-banknote',
-  'yin-yang',
-  'zipper-mouth-face',
-  'zzz',
-]
-
 let toIndex = $ref(60)
+
 const filteredIcons = computed(() => {
-  return icons.filter((icon) => !search || icon.toLowerCase().includes(search.toLowerCase())).slice(0, toIndex)
+  return emojiIcons.filter((icon) => !search || icon.toLowerCase().includes(search.toLowerCase())).slice(0, toIndex)
 })
 
 const load = () => {
diff --git a/packages/nc-gui/utils/iconUtils.ts b/packages/nc-gui/utils/iconUtils.ts
index 1b437ee998..5133fa422e 100644
--- a/packages/nc-gui/utils/iconUtils.ts
+++ b/packages/nc-gui/utils/iconUtils.ts
@@ -74,3 +74,1840 @@ export const getMdiIcon = (type: string): any => {
       return MdiAccountGroup
   }
 }
+
+export const emojiIcons = [
+  '1st-place-medal',
+  '2nd-place-medal',
+  '3rd-place-medal',
+  'a-button',
+  'ab-button',
+  'admission-tickets',
+  'aerial-tramway',
+  'airplane',
+  'airplane-arrival',
+  'airplane-departure',
+  'alarm-clock',
+  'alembic',
+  'alien',
+  'alien-monster',
+  'ambulance',
+  'american-football',
+  'amphora',
+  'anchor',
+  'anger-symbol',
+  'angry-face',
+  'angry-face-with-horns',
+  'anguished-face',
+  'ant',
+  'antenna-bars',
+  'anxious-face-with-sweat',
+  'aquarius',
+  'aries',
+  'articulated-lorry',
+  'artist-palette',
+  'asterisk',
+  'astonished-face',
+  'atm-sign',
+  'atom-symbol',
+  'automobile',
+  'avocado',
+  'b-button',
+  'baby',
+  'baby-angel',
+  'baby-angel-dark-skin-tone',
+  'baby-angel-light-skin-tone',
+  'baby-angel-medium-dark-skin-tone',
+  'baby-angel-medium-light-skin-tone',
+  'baby-angel-medium-skin-tone',
+  'baby-bottle',
+  'baby-chick',
+  'baby-dark-skin-tone',
+  'baby-light-skin-tone',
+  'baby-medium-dark-skin-tone',
+  'baby-medium-light-skin-tone',
+  'baby-medium-skin-tone',
+  'baby-symbol',
+  'back-arrow',
+  'backhand-index-pointing-down',
+  'backhand-index-pointing-down-dark-skin-tone',
+  'backhand-index-pointing-down-light-skin-tone',
+  'backhand-index-pointing-down-medium-dark-skin-tone',
+  'backhand-index-pointing-down-medium-light-skin-tone',
+  'backhand-index-pointing-down-medium-skin-tone',
+  'backhand-index-pointing-left',
+  'backhand-index-pointing-left-dark-skin-tone',
+  'backhand-index-pointing-left-light-skin-tone',
+  'backhand-index-pointing-left-medium-dark-skin-tone',
+  'backhand-index-pointing-left-medium-light-skin-tone',
+  'backhand-index-pointing-left-medium-skin-tone',
+  'backhand-index-pointing-right',
+  'backhand-index-pointing-right-dark-skin-tone',
+  'backhand-index-pointing-right-light-skin-tone',
+  'backhand-index-pointing-right-medium-dark-skin-tone',
+  'backhand-index-pointing-right-medium-light-skin-tone',
+  'backhand-index-pointing-right-medium-skin-tone',
+  'backhand-index-pointing-up',
+  'backhand-index-pointing-up-dark-skin-tone',
+  'backhand-index-pointing-up-light-skin-tone',
+  'backhand-index-pointing-up-medium-dark-skin-tone',
+  'backhand-index-pointing-up-medium-light-skin-tone',
+  'backhand-index-pointing-up-medium-skin-tone',
+  'backpack',
+  'bacon',
+  'badminton',
+  'baggage-claim',
+  'baguette-bread',
+  'balance-scale',
+  'balloon',
+  'ballot-box-with-ballot',
+  'ballot-box-with-check',
+  'banana',
+  'bank',
+  'bar-chart',
+  'barber-pole',
+  'baseball',
+  'basketball',
+  'bat',
+  'bathtub',
+  'battery',
+  'beach-with-umbrella',
+  'beaming-face-with-smiling-eyes',
+  'bear-face',
+  'beating-heart',
+  'bed',
+  'beer-mug',
+  'bell',
+  'bell-with-slash',
+  'bellhop-bell',
+  'bento-box',
+  'bicycle',
+  'bikini',
+  'biohazard',
+  'bird',
+  'birthday-cake',
+  'black-circle',
+  'black-heart',
+  'black-large-square',
+  'black-medium-small-square',
+  'black-medium-square',
+  'black-nib',
+  'black-small-square',
+  'black-square-button',
+  'blond-haired-person',
+  'blond-haired-person-dark-skin-tone',
+  'blond-haired-person-light-skin-tone',
+  'blond-haired-person-medium-dark-skin-tone',
+  'blond-haired-person-medium-light-skin-tone',
+  'blond-haired-person-medium-skin-tone',
+  'blossom',
+  'blowfish',
+  'blue-book',
+  'blue-circle',
+  'blue-heart',
+  'boar',
+  'bomb',
+  'bookmark',
+  'bookmark-tabs',
+  'books',
+  'bottle-with-popping-cork',
+  'bouquet',
+  'bow-and-arrow',
+  'bowling',
+  'boxing-glove',
+  'boy',
+  'boy-dark-skin-tone',
+  'boy-light-skin-tone',
+  'boy-medium-dark-skin-tone',
+  'boy-medium-light-skin-tone',
+  'boy-medium-skin-tone',
+  'bread',
+  'bride-with-veil',
+  'bride-with-veil-dark-skin-tone',
+  'bride-with-veil-light-skin-tone',
+  'bride-with-veil-medium-dark-skin-tone',
+  'bride-with-veil-medium-light-skin-tone',
+  'bride-with-veil-medium-skin-tone',
+  'bridge-at-night',
+  'briefcase',
+  'bright-button',
+  'broken-heart',
+  'bug',
+  'building-construction',
+  'bullet-train',
+  'burrito',
+  'bus',
+  'bus-stop',
+  'bust-in-silhouette',
+  'busts-in-silhouette',
+  'butterfly',
+  'cactus',
+  'calendar',
+  'call-me-hand',
+  'call-me-hand-dark-skin-tone',
+  'call-me-hand-light-skin-tone',
+  'call-me-hand-medium-dark-skin-tone',
+  'call-me-hand-medium-light-skin-tone',
+  'call-me-hand-medium-skin-tone',
+  'camel',
+  'camera',
+  'camera-with-flash',
+  'camping',
+  'cancer',
+  'candle',
+  'candy',
+  'canoe',
+  'capricorn',
+  'card-file-box',
+  'card-index',
+  'card-index-dividers',
+  'carousel-horse',
+  'carp-streamer',
+  'carrot',
+  'castle',
+  'cat',
+  'cat-face',
+  'cat-face-with-tears-of-joy',
+  'cat-face-with-wry-smile',
+  'chains',
+  'chart-decreasing',
+  'chart-increasing',
+  'chart-increasing-with-yen',
+  'cheese-wedge',
+  'cherries',
+  'cherry-blossom',
+  'chestnut',
+  'chicken',
+  'children-crossing',
+  'chipmunk',
+  'chocolate-bar',
+  'christmas-tree',
+  'church',
+  'cigarette',
+  'cinema',
+  'circled-m',
+  'circus-tent',
+  'cityscape',
+  'cityscape-at-dusk',
+  'cl-button',
+  'clamp',
+  'clapper-board',
+  'clapping-hands',
+  'clapping-hands-dark-skin-tone',
+  'clapping-hands-light-skin-tone',
+  'clapping-hands-medium-dark-skin-tone',
+  'clapping-hands-medium-light-skin-tone',
+  'clapping-hands-medium-skin-tone',
+  'classical-building',
+  'clinking-beer-mugs',
+  'clinking-glasses',
+  'clipboard',
+  'clockwise-vertical-arrows',
+  'closed-book',
+  'closed-mailbox-with-lowered-flag',
+  'closed-mailbox-with-raised-flag',
+  'closed-umbrella',
+  'cloud',
+  'cloud-with-lightning',
+  'cloud-with-lightning-and-rain',
+  'cloud-with-rain',
+  'cloud-with-snow',
+  'clown-face',
+  'club-suit',
+  'clutch-bag',
+  'cocktail-glass',
+  'coffin',
+  'collision',
+  'comet',
+  'computer-disk',
+  'computer-mouse',
+  'confetti-ball',
+  'confounded-face',
+  'confused-face',
+  'construction',
+  'construction-worker',
+  'construction-worker-dark-skin-tone',
+  'construction-worker-light-skin-tone',
+  'construction-worker-medium-dark-skin-tone',
+  'construction-worker-medium-light-skin-tone',
+  'construction-worker-medium-skin-tone',
+  'control-knobs',
+  'convenience-store',
+  'cooked-rice',
+  'cookie',
+  'cooking',
+  'cool-button',
+  'copyright',
+  'couch-and-lamp',
+  'counterclockwise-arrows-button',
+  'couple-with-heart',
+  'couple-with-heart-man-man',
+  'couple-with-heart-woman-woman',
+  'cow',
+  'cow-face',
+  'cowboy-hat-face',
+  'crab',
+  'crayon',
+  'credit-card',
+  'crescent-moon',
+  'cricket-game',
+  'crocodile',
+  'croissant',
+  'cross-mark',
+  'cross-mark-button',
+  'crossed-fingers',
+  'crossed-fingers-dark-skin-tone',
+  'crossed-fingers-light-skin-tone',
+  'crossed-fingers-medium-dark-skin-tone',
+  'crossed-fingers-medium-light-skin-tone',
+  'crossed-fingers-medium-skin-tone',
+  'crossed-swords',
+  'crown',
+  'crying-cat-face',
+  'crying-face',
+  'crystal-ball',
+  'cucumber',
+  'curly-loop',
+  'currency-exchange',
+  'curry-rice',
+  'custard',
+  'customs',
+  'cyclone',
+  'dagger',
+  'dango',
+  'dark-skin-tone',
+  'dashing-away',
+  'deciduous-tree',
+  'deer',
+  'delivery-truck',
+  'department-store',
+  'derelict-house',
+  'desert',
+  'desert-island',
+  'desktop-computer',
+  'detective',
+  'detective-dark-skin-tone',
+  'detective-light-skin-tone',
+  'detective-medium-dark-skin-tone',
+  'detective-medium-light-skin-tone',
+  'detective-medium-skin-tone',
+  'diamond-suit',
+  'diamond-with-a-dot',
+  'digit-eight',
+  'digit-five',
+  'digit-four',
+  'digit-nine',
+  'digit-one',
+  'digit-seven',
+  'digit-six',
+  'digit-three',
+  'digit-two',
+  'digit-zero',
+  'dim-button',
+  'direct-hit',
+  'disappointed-face',
+  'dizzy',
+  'dizzy-face',
+  'dog',
+  'dog-face',
+  'dollar-banknote',
+  'dolphin',
+  'door',
+  'dotted-six-pointed-star',
+  'double-curly-loop',
+  'double-exclamation-mark',
+  'doughnut',
+  'dove',
+  'down-arrow',
+  'down-left-arrow',
+  'down-right-arrow',
+  'downcast-face-with-sweat',
+  'downwards-button',
+  'dragon',
+  'dragon-face',
+  'dress',
+  'drooling-face',
+  'droplet',
+  'drum',
+  'duck',
+  'dvd',
+  'e-mail',
+  'eagle',
+  'ear',
+  'ear-dark-skin-tone',
+  'ear-light-skin-tone',
+  'ear-medium-dark-skin-tone',
+  'ear-medium-light-skin-tone',
+  'ear-medium-skin-tone',
+  'ear-of-corn',
+  'egg',
+  'eggplant',
+  'eight-oclock',
+  'eight-pointed-star',
+  'eight-spoked-asterisk',
+  'eight-thirty',
+  'eject-button',
+  'electric-plug',
+  'elephant',
+  'eleven-oclock',
+  'eleven-thirty',
+  'end-arrow',
+  'envelope',
+  'envelope-with-arrow',
+  'euro-banknote',
+  'evergreen-tree',
+  'ewe',
+  'exclamation-mark',
+  'exclamation-question-mark',
+  'expressionless-face',
+  'eye',
+  'eye-in-speech-bubble',
+  'eyes',
+  'face-blowing-a-kiss',
+  'face-savoring-food',
+  'face-screaming-in-fear',
+  'face-with-head-bandage',
+  'face-with-medical-mask',
+  'face-with-open-mouth',
+  'face-with-rolling-eyes',
+  'face-with-steam-from-nose',
+  'face-with-tears-of-joy',
+  'face-with-thermometer',
+  'face-with-tongue',
+  'face-without-mouth',
+  'factory',
+  'fallen-leaf',
+  'family',
+  'family-man-man-boy',
+  'family-man-man-boy-boy',
+  'family-man-man-girl',
+  'family-man-man-girl-boy',
+  'family-man-man-girl-girl',
+  'family-man-woman-boy-boy',
+  'family-man-woman-girl',
+  'family-man-woman-girl-boy',
+  'family-man-woman-girl-girl',
+  'family-woman-woman-boy',
+  'family-woman-woman-boy-boy',
+  'family-woman-woman-girl',
+  'family-woman-woman-girl-boy',
+  'family-woman-woman-girl-girl',
+  'fast-down-button',
+  'fast-forward-button',
+  'fast-reverse-button',
+  'fast-up-button',
+  'fax-machine',
+  'fearful-face',
+  'ferris-wheel',
+  'ferry',
+  'field-hockey',
+  'file-cabinet',
+  'file-folder',
+  'film-frames',
+  'film-projector',
+  'fire',
+  'fire-engine',
+  'fireworks',
+  'first-quarter-moon',
+  'first-quarter-moon-face',
+  'fish',
+  'fish-cake-with-swirl',
+  'fishing-pole',
+  'five-oclock',
+  'five-thirty',
+  'flag-england',
+  'flag-for-afghanistan',
+  'flag-for-aland-islands',
+  'flag-for-albania',
+  'flag-for-algeria',
+  'flag-for-american-samoa',
+  'flag-for-andorra',
+  'flag-for-angola',
+  'flag-for-anguilla',
+  'flag-for-antarctica',
+  'flag-for-antigua-and-barbuda',
+  'flag-for-argentina',
+  'flag-for-armenia',
+  'flag-for-aruba',
+  'flag-for-ascension-island',
+  'flag-for-australia',
+  'flag-for-austria',
+  'flag-for-azerbaijan',
+  'flag-for-bahamas',
+  'flag-for-bahrain',
+  'flag-for-bangladesh',
+  'flag-for-barbados',
+  'flag-for-belarus',
+  'flag-for-belgium',
+  'flag-for-belize',
+  'flag-for-benin',
+  'flag-for-bermuda',
+  'flag-for-bhutan',
+  'flag-for-black-flag',
+  'flag-for-bolivia',
+  'flag-for-bosnia-and-herzegovina',
+  'flag-for-botswana',
+  'flag-for-bouvet-island',
+  'flag-for-brazil',
+  'flag-for-british-indian-ocean-territory',
+  'flag-for-british-virgin-islands',
+  'flag-for-brunei',
+  'flag-for-bulgaria',
+  'flag-for-burkina-faso',
+  'flag-for-burundi',
+  'flag-for-cambodia',
+  'flag-for-cameroon',
+  'flag-for-canada',
+  'flag-for-canary-islands',
+  'flag-for-cape-verde',
+  'flag-for-caribbean-netherlands',
+  'flag-for-cayman-islands',
+  'flag-for-central-african-republic',
+  'flag-for-ceuta-and-melilla',
+  'flag-for-chad',
+  'flag-for-chequered-flag',
+  'flag-for-chile',
+  'flag-for-china',
+  'flag-for-christmas-island',
+  'flag-for-clipperton-island',
+  'flag-for-cocos-islands',
+  'flag-for-colombia',
+  'flag-for-comoros',
+  'flag-for-congo-brazzaville',
+  'flag-for-congo-kinshasa',
+  'flag-for-cook-islands',
+  'flag-for-costa-rica',
+  'flag-for-cote-divoire',
+  'flag-for-croatia',
+  'flag-for-crossed-flags',
+  'flag-for-cuba',
+  'flag-for-curacao',
+  'flag-for-cyprus',
+  'flag-for-czechia',
+  'flag-for-denmark',
+  'flag-for-diego-garcia',
+  'flag-for-djibouti',
+  'flag-for-dominica',
+  'flag-for-dominican-republic',
+  'flag-for-ecuador',
+  'flag-for-egypt',
+  'flag-for-el-salvador',
+  'flag-for-equatorial-guinea',
+  'flag-for-eritrea',
+  'flag-for-estonia',
+  'flag-for-ethiopia',
+  'flag-for-european-union',
+  'flag-for-falkland-islands',
+  'flag-for-faroe-islands',
+  'flag-for-fiji',
+  'flag-for-finland',
+  'flag-for-france',
+  'flag-for-french-guiana',
+  'flag-for-french-polynesia',
+  'flag-for-french-southern-territories',
+  'flag-for-gabon',
+  'flag-for-gambia',
+  'flag-for-georgia',
+  'flag-for-germany',
+  'flag-for-ghana',
+  'flag-for-gibraltar',
+  'flag-for-greece',
+  'flag-for-greenland',
+  'flag-for-grenada',
+  'flag-for-guadeloupe',
+  'flag-for-guam',
+  'flag-for-guatemala',
+  'flag-for-guernsey',
+  'flag-for-guinea',
+  'flag-for-guinea-bissau',
+  'flag-for-guyana',
+  'flag-for-haiti',
+  'flag-for-heard-and-mcdonald-islands',
+  'flag-for-honduras',
+  'flag-for-hong-kong-sar-china',
+  'flag-for-hungary',
+  'flag-for-iceland',
+  'flag-for-india',
+  'flag-for-indonesia',
+  'flag-for-iran',
+  'flag-for-iraq',
+  'flag-for-ireland',
+  'flag-for-isle-of-man',
+  'flag-for-israel',
+  'flag-for-italy',
+  'flag-for-jamaica',
+  'flag-for-japan',
+  'flag-for-jersey',
+  'flag-for-jordan',
+  'flag-for-kazakhstan',
+  'flag-for-kenya',
+  'flag-for-kiribati',
+  'flag-for-kosovo',
+  'flag-for-kuwait',
+  'flag-for-kyrgyzstan',
+  'flag-for-laos',
+  'flag-for-latvia',
+  'flag-for-lebanon',
+  'flag-for-lesotho',
+  'flag-for-liberia',
+  'flag-for-libya',
+  'flag-for-liechtenstein',
+  'flag-for-lithuania',
+  'flag-for-luxembourg',
+  'flag-for-macau-sar-china',
+  'flag-for-macedonia',
+  'flag-for-madagascar',
+  'flag-for-malawi',
+  'flag-for-malaysia',
+  'flag-for-maldives',
+  'flag-for-mali',
+  'flag-for-malta',
+  'flag-for-marshall-islands',
+  'flag-for-martinique',
+  'flag-for-mauritania',
+  'flag-for-mauritius',
+  'flag-for-mayotte',
+  'flag-for-mexico',
+  'flag-for-micronesia',
+  'flag-for-moldova',
+  'flag-for-monaco',
+  'flag-for-mongolia',
+  'flag-for-montenegro',
+  'flag-for-montserrat',
+  'flag-for-morocco',
+  'flag-for-mozambique',
+  'flag-for-myanmar',
+  'flag-for-namibia',
+  'flag-for-nauru',
+  'flag-for-nepal',
+  'flag-for-netherlands',
+  'flag-for-new-caledonia',
+  'flag-for-new-zealand',
+  'flag-for-nicaragua',
+  'flag-for-niger',
+  'flag-for-nigeria',
+  'flag-for-niue',
+  'flag-for-norfolk-island',
+  'flag-for-north-korea',
+  'flag-for-northern-mariana-islands',
+  'flag-for-norway',
+  'flag-for-oman',
+  'flag-for-pakistan',
+  'flag-for-palau',
+  'flag-for-palestinian-territories',
+  'flag-for-panama',
+  'flag-for-papua-new-guinea',
+  'flag-for-paraguay',
+  'flag-for-peru',
+  'flag-for-philippines',
+  'flag-for-pitcairn-islands',
+  'flag-for-poland',
+  'flag-for-portugal',
+  'flag-for-puerto-rico',
+  'flag-for-qatar',
+  'flag-for-rainbow-flag',
+  'flag-for-reunion',
+  'flag-for-romania',
+  'flag-for-russia',
+  'flag-for-rwanda',
+  'flag-for-samoa',
+  'flag-for-san-marino',
+  'flag-for-sao-tome-and-principe',
+  'flag-for-saudi-arabia',
+  'flag-for-senegal',
+  'flag-for-serbia',
+  'flag-for-seychelles',
+  'flag-for-sierra-leone',
+  'flag-for-singapore',
+  'flag-for-sint-maarten',
+  'flag-for-slovakia',
+  'flag-for-slovenia',
+  'flag-for-solomon-islands',
+  'flag-for-somalia',
+  'flag-for-south-africa',
+  'flag-for-south-georgia-and-south-sandwich-islands',
+  'flag-for-south-korea',
+  'flag-for-south-sudan',
+  'flag-for-spain',
+  'flag-for-sri-lanka',
+  'flag-for-st-barthelemy',
+  'flag-for-st-helena',
+  'flag-for-st-kitts-and-nevis',
+  'flag-for-st-lucia',
+  'flag-for-st-martin',
+  'flag-for-st-pierre-and-miquelon',
+  'flag-for-st-vincent-and-grenadines',
+  'flag-for-sudan',
+  'flag-for-suriname',
+  'flag-for-svalbard-and-jan-mayen',
+  'flag-for-swaziland',
+  'flag-for-sweden',
+  'flag-for-switzerland',
+  'flag-for-syria',
+  'flag-for-taiwan',
+  'flag-for-tajikistan',
+  'flag-for-tanzania',
+  'flag-for-thailand',
+  'flag-for-timor-leste',
+  'flag-for-togo',
+  'flag-for-tokelau',
+  'flag-for-tonga',
+  'flag-for-triangular-flag',
+  'flag-for-trinidad-and-tobago',
+  'flag-for-tristan-da-cunha',
+  'flag-for-tunisia',
+  'flag-for-turkey',
+  'flag-for-turkmenistan',
+  'flag-for-turks-and-caicos-islands',
+  'flag-for-tuvalu',
+  'flag-for-uganda',
+  'flag-for-ukraine',
+  'flag-for-united-arab-emirates',
+  'flag-for-united-kingdom',
+  'flag-for-united-states',
+  'flag-for-uruguay',
+  'flag-for-us-outlying-islands',
+  'flag-for-us-virgin-islands',
+  'flag-for-uzbekistan',
+  'flag-for-vanuatu',
+  'flag-for-vatican-city',
+  'flag-for-venezuela',
+  'flag-for-vietnam',
+  'flag-for-wallis-and-futuna',
+  'flag-for-western-sahara',
+  'flag-for-white-flag',
+  'flag-for-yemen',
+  'flag-for-zambia',
+  'flag-for-zimbabwe',
+  'flag-in-hole',
+  'flag-scotland',
+  'flashlight',
+  'fleur-de-lis',
+  'flexed-biceps',
+  'flexed-biceps-dark-skin-tone',
+  'flexed-biceps-light-skin-tone',
+  'flexed-biceps-medium-dark-skin-tone',
+  'flexed-biceps-medium-light-skin-tone',
+  'flexed-biceps-medium-skin-tone',
+  'floppy-disk',
+  'flower-playing-cards',
+  'flushed-face',
+  'fog',
+  'foggy',
+  'folded-hands',
+  'folded-hands-dark-skin-tone',
+  'folded-hands-light-skin-tone',
+  'folded-hands-medium-dark-skin-tone',
+  'folded-hands-medium-light-skin-tone',
+  'folded-hands-medium-skin-tone',
+  'footprints',
+  'fork-and-knife',
+  'fork-and-knife-with-plate',
+  'fountain',
+  'fountain-pen',
+  'four-leaf-clover',
+  'four-oclock',
+  'four-thirty',
+  'fox',
+  'framed-picture',
+  'free-button',
+  'french-fries',
+  'fried-shrimp',
+  'frog-face',
+  'front-facing-baby-chick',
+  'frowning-face',
+  'frowning-face-with-open-mouth',
+  'fuel-pump',
+  'full-moon',
+  'full-moon-face',
+  'funeral-urn',
+  'game-die',
+  'gear',
+  'gem-stone',
+  'gemini',
+  'ghost',
+  'girl',
+  'girl-dark-skin-tone',
+  'girl-light-skin-tone',
+  'girl-medium-dark-skin-tone',
+  'girl-medium-light-skin-tone',
+  'girl-medium-skin-tone',
+  'glass-of-milk',
+  'glasses',
+  'globe-showing-americas',
+  'globe-showing-asia-australia',
+  'globe-showing-europe-africa',
+  'globe-with-meridians',
+  'glowing-star',
+  'goal-net',
+  'goat',
+  'goblin',
+  'gorilla',
+  'graduation-cap',
+  'grapes',
+  'green-apple',
+  'green-book',
+  'green-heart',
+  'green-salad',
+  'grimacing-face',
+  'grinning-cat-face',
+  'grinning-cat-face-with-smiling-eyes',
+  'grinning-face',
+  'grinning-face-with-big-eyes',
+  'grinning-face-with-smiling-eyes',
+  'grinning-face-with-sweat',
+  'grinning-squinting-face',
+  'growing-heart',
+  'guard',
+  'guard-dark-skin-tone',
+  'guard-light-skin-tone',
+  'guard-medium-dark-skin-tone',
+  'guard-medium-light-skin-tone',
+  'guard-medium-skin-tone',
+  'guitar',
+  'hamburger',
+  'hammer',
+  'hammer-and-pick',
+  'hammer-and-wrench',
+  'hamster-face',
+  'hand-with-fingers-splayed',
+  'hand-with-fingers-splayed-dark-skin-tone',
+  'hand-with-fingers-splayed-light-skin-tone',
+  'hand-with-fingers-splayed-medium-dark-skin-tone',
+  'hand-with-fingers-splayed-medium-light-skin-tone',
+  'hand-with-fingers-splayed-medium-skin-tone',
+  'handbag',
+  'handshake',
+  'handshake-dark-skin-tone',
+  'handshake-light-skin-tone',
+  'handshake-medium-dark-skin-tone',
+  'handshake-medium-light-skin-tone',
+  'handshake-medium-skin-tone',
+  'hatching-chick',
+  'headphone',
+  'hear-no-evil-monkey',
+  'heart-decoration',
+  'heart-suit',
+  'heart-with-arrow',
+  'heart-with-ribbon',
+  'heavy-check-mark',
+  'heavy-division-sign',
+  'heavy-dollar-sign',
+  'heavy-heart-exclamation',
+  'heavy-large-circle',
+  'heavy-minus-sign',
+  'heavy-multiplication-x',
+  'heavy-plus-sign',
+  'helicopter',
+  'herb',
+  'hibiscus',
+  'high-heeled-shoe',
+  'high-speed-train',
+  'high-voltage',
+  'hole',
+  'honey-pot',
+  'honeybee',
+  'horizontal-traffic-light',
+  'horse',
+  'horse-face',
+  'horse-racing',
+  'horse-racing-dark-skin-tone',
+  'horse-racing-light-skin-tone',
+  'horse-racing-medium-dark-skin-tone',
+  'horse-racing-medium-light-skin-tone',
+  'horse-racing-medium-skin-tone',
+  'hospital',
+  'hot-beverage',
+  'hot-dog',
+  'hot-pepper',
+  'hot-springs',
+  'hotel',
+  'hourglass-done',
+  'hourglass-not-done',
+  'house',
+  'house-with-garden',
+  'houses',
+  'hugging-face',
+  'hundred-points',
+  'hushed-face',
+  'ice-cream',
+  'ice-hockey',
+  'ice-skate',
+  'id-button',
+  'inbox-tray',
+  'incoming-envelope',
+  'index-pointing-up',
+  'index-pointing-up-dark-skin-tone',
+  'index-pointing-up-light-skin-tone',
+  'index-pointing-up-medium-dark-skin-tone',
+  'index-pointing-up-medium-light-skin-tone',
+  'index-pointing-up-medium-skin-tone',
+  'information',
+  'input-latin-letters',
+  'input-latin-lowercase',
+  'input-latin-uppercase',
+  'input-numbers',
+  'input-symbols',
+  'jack-o-lantern',
+  'japanese-acceptable-button',
+  'japanese-application-button',
+  'japanese-bargain-button',
+  'japanese-castle',
+  'japanese-congratulations-button',
+  'japanese-discount-button',
+  'japanese-dolls',
+  'japanese-free-of-charge-button',
+  'japanese-here-button',
+  'japanese-monthly-amount-button',
+  'japanese-no-vacancy-button',
+  'japanese-not-free-of-charge-button',
+  'japanese-open-for-business-button',
+  'japanese-passing-grade-button',
+  'japanese-post-office',
+  'japanese-prohibited-button',
+  'japanese-reserved-button',
+  'japanese-secret-button',
+  'japanese-service-charge-button',
+  'japanese-symbol-for-beginner',
+  'japanese-vacancy-button',
+  'jeans',
+  'joker',
+  'joystick',
+  'kaaba',
+  'key',
+  'keyboard',
+  'keycap-0',
+  'keycap-1',
+  'keycap-10',
+  'keycap-2',
+  'keycap-3',
+  'keycap-4',
+  'keycap-5',
+  'keycap-6',
+  'keycap-7',
+  'keycap-8',
+  'keycap-9',
+  'keycap-asterisk',
+  'keycap-pound',
+  'kick-scooter',
+  'kimono',
+  'kiss',
+  'kiss-man-man',
+  'kiss-mark',
+  'kiss-woman-woman',
+  'kissing-cat-face',
+  'kissing-face',
+  'kissing-face-with-closed-eyes',
+  'kissing-face-with-smiling-eyes',
+  'kitchen-knife',
+  'kiwi-fruit',
+  'koala',
+  'label',
+  'lady-beetle',
+  'laptop-computer',
+  'large-blue-diamond',
+  'large-orange-diamond',
+  'last-quarter-moon',
+  'last-quarter-moon-face',
+  'last-track-button',
+  'latin-cross',
+  'leaf-fluttering-in-wind',
+  'ledger',
+  'left-arrow',
+  'left-arrow-curving-right',
+  'left-facing-fist',
+  'left-facing-fist-dark-skin-tone',
+  'left-facing-fist-light-skin-tone',
+  'left-facing-fist-medium-dark-skin-tone',
+  'left-facing-fist-medium-light-skin-tone',
+  'left-facing-fist-medium-skin-tone',
+  'left-luggage',
+  'left-right-arrow',
+  'left-speech-bubble',
+  'lemon',
+  'leo',
+  'leopard',
+  'letter-a',
+  'letter-b',
+  'letter-c',
+  'letter-d',
+  'letter-e',
+  'letter-f',
+  'letter-g',
+  'letter-h',
+  'letter-i',
+  'letter-j',
+  'letter-k',
+  'letter-l',
+  'letter-m',
+  'letter-n',
+  'letter-o',
+  'letter-p',
+  'letter-q',
+  'letter-r',
+  'letter-s',
+  'letter-t',
+  'letter-u',
+  'letter-v',
+  'letter-w',
+  'letter-x',
+  'letter-y',
+  'letter-z',
+  'level-slider',
+  'libra',
+  'light-bulb',
+  'light-rail',
+  'light-skin-tone',
+  'link',
+  'linked-paperclips',
+  'lion-face',
+  'lipstick',
+  'litter-in-bin-sign',
+  'lizard',
+  'locked',
+  'locked-with-key',
+  'locked-with-pen',
+  'locomotive',
+  'lollipop',
+  'loudly-crying-face',
+  'loudspeaker',
+  'love-hotel',
+  'love-letter',
+  'lying-face',
+  'magnifying-glass-tilted-left',
+  'magnifying-glass-tilted-right',
+  'mahjong-red-dragon',
+  'man',
+  'man-and-woman-holding-hands',
+  'man-dancing',
+  'man-dancing-dark-skin-tone',
+  'man-dancing-light-skin-tone',
+  'man-dancing-medium-dark-skin-tone',
+  'man-dancing-medium-light-skin-tone',
+  'man-dancing-medium-skin-tone',
+  'man-dark-skin-tone',
+  'man-in-suit-levitating',
+  'man-in-tuxedo',
+  'man-in-tuxedo-dark-skin-tone',
+  'man-in-tuxedo-light-skin-tone',
+  'man-in-tuxedo-medium-dark-skin-tone',
+  'man-in-tuxedo-medium-light-skin-tone',
+  'man-in-tuxedo-medium-skin-tone',
+  'man-light-skin-tone',
+  'man-medium-dark-skin-tone',
+  'man-medium-light-skin-tone',
+  'man-medium-skin-tone',
+  'man-with-chinese-cap',
+  'man-with-chinese-cap-dark-skin-tone',
+  'man-with-chinese-cap-light-skin-tone',
+  'man-with-chinese-cap-medium-dark-skin-tone',
+  'man-with-chinese-cap-medium-light-skin-tone',
+  'man-with-chinese-cap-medium-skin-tone',
+  'mans-shoe',
+  'mantelpiece-clock',
+  'map-of-japan',
+  'maple-leaf',
+  'martial-arts-uniform',
+  'meat-on-bone',
+  'medium-dark-skin-tone',
+  'medium-light-skin-tone',
+  'medium-skin-tone',
+  'megaphone',
+  'melon',
+  'memo',
+  'menorah',
+  'mens-room',
+  'metro',
+  'microphone',
+  'microscope',
+  'middle-finger',
+  'middle-finger-dark-skin-tone',
+  'middle-finger-light-skin-tone',
+  'middle-finger-medium-dark-skin-tone',
+  'middle-finger-medium-light-skin-tone',
+  'middle-finger-medium-skin-tone',
+  'military-medal',
+  'milky-way',
+  'minibus',
+  'moai',
+  'mobile-phone',
+  'mobile-phone-off',
+  'mobile-phone-with-arrow',
+  'money-bag',
+  'money-mouth-face',
+  'money-with-wings',
+  'monkey',
+  'monkey-face',
+  'monorail',
+  'moon-viewing-ceremony',
+  'mosque',
+  'motor-boat',
+  'motor-scooter',
+  'motorcycle',
+  'motorway',
+  'mount-fuji',
+  'mountain',
+  'mountain-cableway',
+  'mountain-railway',
+  'mouse',
+  'mouse-face',
+  'mouth',
+  'movie-camera',
+  'mrs-claus',
+  'mrs-claus-dark-skin-tone',
+  'mrs-claus-light-skin-tone',
+  'mrs-claus-medium-dark-skin-tone',
+  'mrs-claus-medium-light-skin-tone',
+  'mrs-claus-medium-skin-tone',
+  'mushroom',
+  'musical-keyboard',
+  'musical-note',
+  'musical-notes',
+  'musical-score',
+  'muted-speaker',
+  'nail-polish',
+  'nail-polish-dark-skin-tone',
+  'nail-polish-light-skin-tone',
+  'nail-polish-medium-dark-skin-tone',
+  'nail-polish-medium-light-skin-tone',
+  'nail-polish-medium-skin-tone',
+  'name-badge',
+  'national-park',
+  'nauseated-face',
+  'necktie',
+  'nerd-face',
+  'neutral-face',
+  'new-button',
+  'new-moon',
+  'new-moon-face',
+  'newspaper',
+  'next-track-button',
+  'ng-button',
+  'night-with-stars',
+  'nine-oclock',
+  'nine-thirty',
+  'no-bicycles',
+  'no-entry',
+  'no-littering',
+  'no-mobile-phones',
+  'no-one-under-eighteen',
+  'no-pedestrians',
+  'no-smoking',
+  'non-potable-water',
+  'nose',
+  'nose-dark-skin-tone',
+  'nose-light-skin-tone',
+  'nose-medium-dark-skin-tone',
+  'nose-medium-light-skin-tone',
+  'nose-medium-skin-tone',
+  'notebook',
+  'notebook-with-decorative-cover',
+  'nut-and-bolt',
+  'o-button',
+  'octopus',
+  'oden',
+  'office-building',
+  'ogre',
+  'oil-drum',
+  'ok-button',
+  'ok-hand',
+  'ok-hand-dark-skin-tone',
+  'ok-hand-light-skin-tone',
+  'ok-hand-medium-dark-skin-tone',
+  'ok-hand-medium-light-skin-tone',
+  'ok-hand-medium-skin-tone',
+  'old-key',
+  'old-man',
+  'old-man-dark-skin-tone',
+  'old-man-light-skin-tone',
+  'old-man-medium-dark-skin-tone',
+  'old-man-medium-light-skin-tone',
+  'old-man-medium-skin-tone',
+  'old-woman',
+  'old-woman-dark-skin-tone',
+  'old-woman-light-skin-tone',
+  'old-woman-medium-dark-skin-tone',
+  'old-woman-medium-light-skin-tone',
+  'old-woman-medium-skin-tone',
+  'om',
+  'on-arrow',
+  'oncoming-automobile',
+  'oncoming-bus',
+  'oncoming-fist',
+  'oncoming-fist-dark-skin-tone',
+  'oncoming-fist-light-skin-tone',
+  'oncoming-fist-medium-dark-skin-tone',
+  'oncoming-fist-medium-light-skin-tone',
+  'oncoming-fist-medium-skin-tone',
+  'oncoming-police-car',
+  'oncoming-taxi',
+  'one-oclock',
+  'one-thirty',
+  'open-book',
+  'open-file-folder',
+  'open-hands',
+  'open-hands-dark-skin-tone',
+  'open-hands-light-skin-tone',
+  'open-hands-medium-dark-skin-tone',
+  'open-hands-medium-light-skin-tone',
+  'open-hands-medium-skin-tone',
+  'open-mailbox-with-lowered-flag',
+  'open-mailbox-with-raised-flag',
+  'ophiuchus',
+  'optical-disk',
+  'orange-book',
+  'orthodox-cross',
+  'outbox-tray',
+  'owl',
+  'ox',
+  'p-button',
+  'package',
+  'page-facing-up',
+  'page-with-curl',
+  'pager',
+  'paintbrush',
+  'palm-tree',
+  'pancakes',
+  'panda-face',
+  'paperclip',
+  'part-alternation-mark',
+  'party-popper',
+  'passenger-ship',
+  'passport-control',
+  'pause-button',
+  'paw-prints',
+  'peace-symbol',
+  'peach',
+  'peanuts',
+  'pear',
+  'pen',
+  'pencil',
+  'penguin',
+  'pensive-face',
+  'people-with-bunny-ears',
+  'people-wrestling',
+  'people-wrestling-dark-skin-tone',
+  'people-wrestling-light-skin-tone',
+  'people-wrestling-medium-dark-skin-tone',
+  'people-wrestling-medium-light-skin-tone',
+  'people-wrestling-medium-skin-tone',
+  'performing-arts',
+  'persevering-face',
+  'person-biking',
+  'person-biking-dark-skin-tone',
+  'person-biking-light-skin-tone',
+  'person-biking-medium-dark-skin-tone',
+  'person-biking-medium-light-skin-tone',
+  'person-biking-medium-skin-tone',
+  'person-bouncing-ball',
+  'person-bouncing-ball-dark-skin-tone',
+  'person-bouncing-ball-light-skin-tone',
+  'person-bouncing-ball-medium-dark-skin-tone',
+  'person-bouncing-ball-medium-light-skin-tone',
+  'person-bouncing-ball-medium-skin-tone',
+  'person-bowing',
+  'person-bowing-dark-skin-tone',
+  'person-bowing-light-skin-tone',
+  'person-bowing-medium-dark-skin-tone',
+  'person-bowing-medium-light-skin-tone',
+  'person-bowing-medium-skin-tone',
+  'person-cartwheeling',
+  'person-cartwheeling-dark-skin-tone',
+  'person-cartwheeling-light-skin-tone',
+  'person-cartwheeling-medium-dark-skin-tone',
+  'person-cartwheeling-medium-light-skin-tone',
+  'person-cartwheeling-medium-skin-tone',
+  'person-facepalming',
+  'person-facepalming-dark-skin-tone',
+  'person-facepalming-light-skin-tone',
+  'person-facepalming-medium-dark-skin-tone',
+  'person-facepalming-medium-light-skin-tone',
+  'person-facepalming-medium-skin-tone',
+  'person-fencing',
+  'person-frowning',
+  'person-frowning-dark-skin-tone',
+  'person-frowning-light-skin-tone',
+  'person-frowning-medium-dark-skin-tone',
+  'person-frowning-medium-light-skin-tone',
+  'person-frowning-medium-skin-tone',
+  'person-gesturing-no',
+  'person-gesturing-no-dark-skin-tone',
+  'person-gesturing-no-light-skin-tone',
+  'person-gesturing-no-medium-dark-skin-tone',
+  'person-gesturing-no-medium-light-skin-tone',
+  'person-gesturing-no-medium-skin-tone',
+  'person-gesturing-ok',
+  'person-gesturing-ok-dark-skin-tone',
+  'person-gesturing-ok-light-skin-tone',
+  'person-gesturing-ok-medium-dark-skin-tone',
+  'person-gesturing-ok-medium-light-skin-tone',
+  'person-gesturing-ok-medium-skin-tone',
+  'person-getting-haircut',
+  'person-getting-haircut-dark-skin-tone',
+  'person-getting-haircut-light-skin-tone',
+  'person-getting-haircut-medium-dark-skin-tone',
+  'person-getting-haircut-medium-light-skin-tone',
+  'person-getting-haircut-medium-skin-tone',
+  'person-getting-massage',
+  'person-getting-massage-dark-skin-tone',
+  'person-getting-massage-light-skin-tone',
+  'person-getting-massage-medium-dark-skin-tone',
+  'person-getting-massage-medium-light-skin-tone',
+  'person-getting-massage-medium-skin-tone',
+  'person-golfing',
+  'person-in-bed',
+  'person-juggling',
+  'person-juggling-dark-skin-tone',
+  'person-juggling-light-skin-tone',
+  'person-juggling-medium-dark-skin-tone',
+  'person-juggling-medium-light-skin-tone',
+  'person-juggling-medium-skin-tone',
+  'person-lifting-weights',
+  'person-lifting-weights-dark-skin-tone',
+  'person-lifting-weights-light-skin-tone',
+  'person-lifting-weights-medium-dark-skin-tone',
+  'person-lifting-weights-medium-light-skin-tone',
+  'person-lifting-weights-medium-skin-tone',
+  'person-mountain-biking',
+  'person-mountain-biking-dark-skin-tone',
+  'person-mountain-biking-light-skin-tone',
+  'person-mountain-biking-medium-dark-skin-tone',
+  'person-mountain-biking-medium-light-skin-tone',
+  'person-mountain-biking-medium-skin-tone',
+  'person-playing-handball',
+  'person-playing-handball-dark-skin-tone',
+  'person-playing-handball-light-skin-tone',
+  'person-playing-handball-medium-dark-skin-tone',
+  'person-playing-handball-medium-light-skin-tone',
+  'person-playing-handball-medium-skin-tone',
+  'person-playing-water-polo',
+  'person-playing-water-polo-dark-skin-tone',
+  'person-playing-water-polo-light-skin-tone',
+  'person-playing-water-polo-medium-dark-skin-tone',
+  'person-playing-water-polo-medium-light-skin-tone',
+  'person-playing-water-polo-medium-skin-tone',
+  'person-pouting',
+  'person-pouting-dark-skin-tone',
+  'person-pouting-light-skin-tone',
+  'person-pouting-medium-dark-skin-tone',
+  'person-pouting-medium-light-skin-tone',
+  'person-pouting-medium-skin-tone',
+  'person-raising-hand',
+  'person-raising-hand-dark-skin-tone',
+  'person-raising-hand-light-skin-tone',
+  'person-raising-hand-medium-dark-skin-tone',
+  'person-raising-hand-medium-light-skin-tone',
+  'person-raising-hand-medium-skin-tone',
+  'person-rowing-boat',
+  'person-rowing-boat-dark-skin-tone',
+  'person-rowing-boat-light-skin-tone',
+  'person-rowing-boat-medium-dark-skin-tone',
+  'person-rowing-boat-medium-light-skin-tone',
+  'person-rowing-boat-medium-skin-tone',
+  'person-running',
+  'person-running-dark-skin-tone',
+  'person-running-light-skin-tone',
+  'person-running-medium-dark-skin-tone',
+  'person-running-medium-light-skin-tone',
+  'person-running-medium-skin-tone',
+  'person-shrugging',
+  'person-shrugging-dark-skin-tone',
+  'person-shrugging-light-skin-tone',
+  'person-shrugging-medium-dark-skin-tone',
+  'person-shrugging-medium-light-skin-tone',
+  'person-shrugging-medium-skin-tone',
+  'person-surfing',
+  'person-surfing-dark-skin-tone',
+  'person-surfing-light-skin-tone',
+  'person-surfing-medium-dark-skin-tone',
+  'person-surfing-medium-light-skin-tone',
+  'person-surfing-medium-skin-tone',
+  'person-swimming',
+  'person-swimming-dark-skin-tone',
+  'person-swimming-light-skin-tone',
+  'person-swimming-medium-dark-skin-tone',
+  'person-swimming-medium-light-skin-tone',
+  'person-swimming-medium-skin-tone',
+  'person-taking-bath',
+  'person-taking-bath-dark-skin-tone',
+  'person-taking-bath-light-skin-tone',
+  'person-taking-bath-medium-dark-skin-tone',
+  'person-taking-bath-medium-light-skin-tone',
+  'person-taking-bath-medium-skin-tone',
+  'person-tipping-hand',
+  'person-tipping-hand-dark-skin-tone',
+  'person-tipping-hand-light-skin-tone',
+  'person-tipping-hand-medium-dark-skin-tone',
+  'person-tipping-hand-medium-light-skin-tone',
+  'person-tipping-hand-medium-skin-tone',
+  'person-walking',
+  'person-walking-dark-skin-tone',
+  'person-walking-light-skin-tone',
+  'person-walking-medium-dark-skin-tone',
+  'person-walking-medium-light-skin-tone',
+  'person-walking-medium-skin-tone',
+  'person-wearing-turban',
+  'person-wearing-turban-dark-skin-tone',
+  'person-wearing-turban-light-skin-tone',
+  'person-wearing-turban-medium-dark-skin-tone',
+  'person-wearing-turban-medium-light-skin-tone',
+  'person-wearing-turban-medium-skin-tone',
+  'pick',
+  'pig',
+  'pig-face',
+  'pig-nose',
+  'pile-of-poo',
+  'pill',
+  'pine-decoration',
+  'pineapple',
+  'ping-pong',
+  'pisces',
+  'pistol',
+  'pizza',
+  'place-of-worship',
+  'play-button',
+  'play-or-pause-button',
+  'police-car',
+  'police-car-light',
+  'police-officer',
+  'police-officer-dark-skin-tone',
+  'police-officer-light-skin-tone',
+  'police-officer-medium-dark-skin-tone',
+  'police-officer-medium-light-skin-tone',
+  'police-officer-medium-skin-tone',
+  'poodle',
+  'pool-8-ball',
+  'popcorn',
+  'post-office',
+  'postal-horn',
+  'postbox',
+  'pot-of-food',
+  'potable-water',
+  'potato',
+  'poultry-leg',
+  'pound-banknote',
+  'pound-symbol',
+  'pouting-cat-face',
+  'pouting-face',
+  'prayer-beads',
+  'pregnant-woman',
+  'pregnant-woman-dark-skin-tone',
+  'pregnant-woman-light-skin-tone',
+  'pregnant-woman-medium-dark-skin-tone',
+  'pregnant-woman-medium-light-skin-tone',
+  'pregnant-woman-medium-skin-tone',
+  'prince',
+  'prince-dark-skin-tone',
+  'prince-light-skin-tone',
+  'prince-medium-dark-skin-tone',
+  'prince-medium-light-skin-tone',
+  'prince-medium-skin-tone',
+  'princess',
+  'princess-dark-skin-tone',
+  'princess-light-skin-tone',
+  'princess-medium-dark-skin-tone',
+  'princess-medium-light-skin-tone',
+  'princess-medium-skin-tone',
+  'printer',
+  'prohibited',
+  'purple-heart',
+  'purse',
+  'pushpin',
+  'question-mark',
+  'rabbit',
+  'rabbit-face',
+  'racing-car',
+  'radio',
+  'radio-button',
+  'radioactive',
+  'railway-car',
+  'railway-track',
+  'rainbow',
+  'raised-back-of-hand',
+  'raised-back-of-hand-dark-skin-tone',
+  'raised-back-of-hand-light-skin-tone',
+  'raised-back-of-hand-medium-dark-skin-tone',
+  'raised-back-of-hand-medium-light-skin-tone',
+  'raised-back-of-hand-medium-skin-tone',
+  'raised-fist',
+  'raised-fist-dark-skin-tone',
+  'raised-fist-light-skin-tone',
+  'raised-fist-medium-dark-skin-tone',
+  'raised-fist-medium-light-skin-tone',
+  'raised-fist-medium-skin-tone',
+  'raised-hand',
+  'raised-hand-dark-skin-tone',
+  'raised-hand-light-skin-tone',
+  'raised-hand-medium-dark-skin-tone',
+  'raised-hand-medium-light-skin-tone',
+  'raised-hand-medium-skin-tone',
+  'raising-hands',
+  'raising-hands-dark-skin-tone',
+  'raising-hands-light-skin-tone',
+  'raising-hands-medium-dark-skin-tone',
+  'raising-hands-medium-light-skin-tone',
+  'raising-hands-medium-skin-tone',
+  'ram',
+  'rat',
+  'record-button',
+  'recycling-symbol',
+  'red-apple',
+  'red-circle',
+  'red-heart',
+  'red-paper-lantern',
+  'red-triangle-pointed-down',
+  'red-triangle-pointed-up',
+  'registered',
+  'relieved-face',
+  'reminder-ribbon',
+  'repeat-button',
+  'repeat-single-button',
+  'rescue-workers-helmet',
+  'restroom',
+  'reverse-button',
+  'revolving-hearts',
+  'rhinoceros',
+  'ribbon',
+  'rice-ball',
+  'rice-cracker',
+  'right-anger-bubble',
+  'right-arrow',
+  'right-arrow-curving-down',
+  'right-arrow-curving-left',
+  'right-arrow-curving-up',
+  'right-facing-fist',
+  'right-facing-fist-dark-skin-tone',
+  'right-facing-fist-light-skin-tone',
+  'right-facing-fist-medium-dark-skin-tone',
+  'right-facing-fist-medium-light-skin-tone',
+  'right-facing-fist-medium-skin-tone',
+  'ring',
+  'roasted-sweet-potato',
+  'robot-face',
+  'rocket',
+  'rolled-up-newspaper',
+  'roller-coaster',
+  'rolling-on-the-floor-laughing',
+  'rooster',
+  'rose',
+  'rosette',
+  'round-pushpin',
+  'rugby-football',
+  'running-shirt',
+  'running-shoe',
+  'sad-but-relieved-face',
+  'sagittarius',
+  'sailboat',
+  'sake',
+  'santa-claus',
+  'santa-claus-dark-skin-tone',
+  'santa-claus-light-skin-tone',
+  'santa-claus-medium-dark-skin-tone',
+  'santa-claus-medium-light-skin-tone',
+  'santa-claus-medium-skin-tone',
+  'satellite',
+  'satellite-antenna',
+  'saxophone',
+  'school',
+  'scissors',
+  'scorpio',
+  'scorpion',
+  'scroll',
+  'seat',
+  'see-no-evil-monkey',
+  'seedling',
+  'selfie',
+  'selfie-dark-skin-tone',
+  'selfie-light-skin-tone',
+  'selfie-medium-dark-skin-tone',
+  'selfie-medium-light-skin-tone',
+  'selfie-medium-skin-tone',
+  'seven-oclock',
+  'seven-thirty',
+  'shallow-pan-of-food',
+  'shamrock',
+  'shark',
+  'shaved-ice',
+  'sheaf-of-rice',
+  'shield',
+  'shinto-shrine',
+  'ship',
+  'shooting-star',
+  'shopping-bags',
+  'shopping-cart',
+  'shortcake',
+  'shower',
+  'shrimp',
+  'shuffle-tracks-button',
+  'sign-of-the-horns',
+  'sign-of-the-horns-dark-skin-tone',
+  'sign-of-the-horns-light-skin-tone',
+  'sign-of-the-horns-medium-dark-skin-tone',
+  'sign-of-the-horns-medium-light-skin-tone',
+  'sign-of-the-horns-medium-skin-tone',
+  'six-oclock',
+  'six-thirty',
+  'skier',
+  'skis',
+  'skull',
+  'skull-and-crossbones',
+  'sleeping-face',
+  'sleepy-face',
+  'slightly-frowning-face',
+  'slightly-smiling-face',
+  'slot-machine',
+  'small-airplane',
+  'small-blue-diamond',
+  'small-orange-diamond',
+  'smiling-cat-face-with-heart-eyes',
+  'smiling-face',
+  'smiling-face-with-halo',
+  'smiling-face-with-heart-eyes',
+  'smiling-face-with-horns',
+  'smiling-face-with-smiling-eyes',
+  'smiling-face-with-sunglasses',
+  'smirking-face',
+  'snail',
+  'snake',
+  'sneezing-face',
+  'snow-capped-mountain',
+  'snowboarder',
+  'snowflake',
+  'snowman',
+  'snowman-without-snow',
+  'soccer-ball',
+  'soft-ice-cream',
+  'soon-arrow',
+  'sos-button',
+  'spade-suit',
+  'spaghetti',
+  'sparkle',
+  'sparkler',
+  'sparkles',
+  'sparkling-heart',
+  'speak-no-evil-monkey',
+  'speaker-high-volume',
+  'speaker-low-volume',
+  'speaker-medium-volume',
+  'speaking-head',
+  'speech-balloon',
+  'speedboat',
+  'spider',
+  'spider-web',
+  'spiral-calendar',
+  'spiral-notepad',
+  'spiral-shell',
+  'spoon',
+  'sport-utility-vehicle',
+  'sports-medal',
+  'spouting-whale',
+  'squid',
+  'squinting-face-with-tongue',
+  'stadium',
+  'star',
+  'star-and-crescent',
+  'star-of-david',
+  'station',
+  'statue-of-liberty',
+  'steaming-bowl',
+  'stop-button',
+  'stop-sign',
+  'stopwatch',
+  'straight-ruler',
+  'strawberry',
+  'studio-microphone',
+  'stuffed-flatbread',
+  'sun',
+  'sun-behind-cloud',
+  'sun-behind-large-cloud',
+  'sun-behind-rain-cloud',
+  'sun-behind-small-cloud',
+  'sun-with-face',
+  'sunflower',
+  'sunglasses',
+  'sunrise',
+  'sunrise-over-mountains',
+  'sunset',
+  'sushi',
+  'suspension-railway',
+  'sweat-droplets',
+  'synagogue',
+  'syringe',
+  't-shirt',
+  'taco',
+  'tanabata-tree',
+  'tangerine',
+  'taurus',
+  'taxi',
+  'teacup-without-handle',
+  'tear-off-calendar',
+  'telephone',
+  'telephone-receiver',
+  'telescope',
+  'television',
+  'ten-oclock',
+  'ten-thirty',
+  'tennis',
+  'tent',
+  'thermometer',
+  'thinking-face',
+  'thought-balloon',
+  'three-oclock',
+  'three-thirty',
+  'thumbs-down',
+  'thumbs-down-dark-skin-tone',
+  'thumbs-down-light-skin-tone',
+  'thumbs-down-medium-dark-skin-tone',
+  'thumbs-down-medium-light-skin-tone',
+  'thumbs-down-medium-skin-tone',
+  'thumbs-up',
+  'thumbs-up-dark-skin-tone',
+  'thumbs-up-light-skin-tone',
+  'thumbs-up-medium-dark-skin-tone',
+  'thumbs-up-medium-light-skin-tone',
+  'thumbs-up-medium-skin-tone',
+  'ticket',
+  'tiger',
+  'tiger-face',
+  'timer-clock',
+  'tired-face',
+  'toilet',
+  'tokyo-tower',
+  'tomato',
+  'tongue',
+  'top-arrow',
+  'top-hat',
+  'tornado',
+  'trackball',
+  'tractor',
+  'trade-mark',
+  'train',
+  'tram',
+  'tram-car',
+  'triangular-ruler',
+  'trident-emblem',
+  'trolleybus',
+  'trophy',
+  'tropical-drink',
+  'tropical-fish',
+  'trumpet',
+  'tulip',
+  'tumbler-glass',
+  'turkey',
+  'turtle',
+  'twelve-oclock',
+  'twelve-thirty',
+  'two-hearts',
+  'two-hump-camel',
+  'two-men-holding-hands',
+  'two-oclock',
+  'two-thirty',
+  'two-women-holding-hands',
+  'umbrella',
+  'umbrella-on-ground',
+  'umbrella-with-rain-drops',
+  'unamused-face',
+  'unicorn-face',
+  'unlocked',
+  'up-arrow',
+  'up-down-arrow',
+  'up-left-arrow',
+  'up-right-arrow',
+  'up-text-button',
+  'upside-down-face',
+  'upwards-button',
+  'vertical-traffic-light',
+  'vibration-mode',
+  'victory-hand',
+  'victory-hand-dark-skin-tone',
+  'victory-hand-light-skin-tone',
+  'victory-hand-medium-dark-skin-tone',
+  'victory-hand-medium-light-skin-tone',
+  'victory-hand-medium-skin-tone',
+  'video-camera',
+  'video-game',
+  'videocassette',
+  'violin',
+  'virgo',
+  'volcano',
+  'volleyball',
+  'vs-button',
+  'vulcan-salute',
+  'vulcan-salute-dark-skin-tone',
+  'vulcan-salute-light-skin-tone',
+  'vulcan-salute-medium-dark-skin-tone',
+  'vulcan-salute-medium-light-skin-tone',
+  'vulcan-salute-medium-skin-tone',
+  'waning-crescent-moon',
+  'waning-gibbous-moon',
+  'warning',
+  'wastebasket',
+  'watch',
+  'water-buffalo',
+  'water-closet',
+  'water-wave',
+  'watermelon',
+  'waving-hand',
+  'waving-hand-dark-skin-tone',
+  'waving-hand-light-skin-tone',
+  'waving-hand-medium-dark-skin-tone',
+  'waving-hand-medium-light-skin-tone',
+  'waving-hand-medium-skin-tone',
+  'wavy-dash',
+  'waxing-crescent-moon',
+  'waxing-gibbous-moon',
+  'weary-cat-face',
+  'weary-face',
+  'wedding',
+  'whale',
+  'wheel-of-dharma',
+  'wheelchair-symbol',
+  'white-circle',
+  'white-exclamation-mark',
+  'white-flower',
+  'white-heavy-check-mark',
+  'white-large-square',
+  'white-medium-small-square',
+  'white-medium-square',
+  'white-question-mark',
+  'white-small-square',
+  'white-square-button',
+  'wilted-flower',
+  'wind-chime',
+  'wind-face',
+  'wine-glass',
+  'winking-face',
+  'winking-face-with-tongue',
+  'wolf',
+  'woman',
+  'woman-dancing',
+  'woman-dancing-dark-skin-tone',
+  'woman-dancing-light-skin-tone',
+  'woman-dancing-medium-dark-skin-tone',
+  'woman-dancing-medium-light-skin-tone',
+  'woman-dancing-medium-skin-tone',
+  'woman-dark-skin-tone',
+  'woman-light-skin-tone',
+  'woman-medium-dark-skin-tone',
+  'woman-medium-light-skin-tone',
+  'woman-medium-skin-tone',
+  'womans-boot',
+  'womans-clothes',
+  'womans-hat',
+  'womans-sandal',
+  'womens-room',
+  'world-map',
+  'worried-face',
+  'wrapped-gift',
+  'wrench',
+  'writing-hand',
+  'writing-hand-dark-skin-tone',
+  'writing-hand-light-skin-tone',
+  'writing-hand-medium-dark-skin-tone',
+  'writing-hand-medium-light-skin-tone',
+  'writing-hand-medium-skin-tone',
+  'yellow-heart',
+  'yen-banknote',
+  'yin-yang',
+  'zipper-mouth-face',
+  'zzz',
+]

From 3ec9de4214df0b672902655149c3f86335878c66 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 8 Dec 2022 12:51:24 +0530
Subject: [PATCH 072/103] refactor(gui): popup size correction and destroy
 popup on hide

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/dashboard/TreeView.vue | 9 +--------
 packages/nc-gui/components/general/EmojiIcons.vue | 4 ++--
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 2d84d402df..4d68cd0342 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -565,15 +565,8 @@ const setIcon = (icon: string, table: TableType) => {
                       <template #title>{{ table.table_name }}</template>
                       <div class="flex items-center gap-2 h-full" @contextmenu="setMenuContext('table', table)">
                         <div class="flex w-auto" :data-testid="`tree-view-table-draggable-handle-${table.title}`">
-                          <a-dropdown trigger="click" @click.stop>
+                          <a-dropdown trigger="click" @click.stop destroy-popup-on-hide>
                             <div @click.stop>
-                              <!--                              <MdiDrag
-                                v-if="isUIAllowed('treeview-drag-n-drop')"
-                                :class="`nc-child-draggable-icon-${table.title}`"
-                                class="nc-drag-icon text-xs hidden group-hover:block transition-opacity opacity-0 group-hover:opacity-100 text-gray-500 cursor-move"
-                                @click.stop.prevent
-                              /> -->
-
                               <a-tooltip>
                                 <span v-if="table.meta?.icon" :key="table.meta?.icon">
                                   <Icon :key="table.meta?.icon" class="text-xl" :icon="table.meta?.icon"></Icon>
diff --git a/packages/nc-gui/components/general/EmojiIcons.vue b/packages/nc-gui/components/general/EmojiIcons.vue
index a13f677f6d..33203835b5 100644
--- a/packages/nc-gui/components/general/EmojiIcons.vue
+++ b/packages/nc-gui/components/general/EmojiIcons.vue
@@ -26,9 +26,9 @@ const selectIcon = (icon: string) => {
 </script>
 
 <template>
-  <div class="p-1 w-70 h-75 flex flex-col gap-1 justify-start">
+  <div class="p-1 w-[280px] h-[280px] flex flex-col gap-1 justify-start">
     <div @click.stop>
-      <input v-model="search" class="p-1 border-1 w-full overflow-y-auto" placeholder="Search" @input="toIndex = 60" />
+      <input v-model="search" class="p-1 text-xs border-1 w-full overflow-y-auto" placeholder="Search" @input="toIndex = 60" />
     </div>
     <div class="flex gap-1 flex-wrap w-full flex-shrink overflow-y-auto scrollbar-thin-dull">
       <div v-for="icon of filteredIcons" :key="icon" @click="selectIcon(icon)">

From 3a72e4186c75dea6996ccc93c0b95e223f25393f Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 8 Dec 2022 15:36:07 +0530
Subject: [PATCH 073/103] test(playwright): add test for icon change

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components.d.ts               |  1 -
 .../nc-gui/components/dashboard/TreeView.vue  | 28 ++++++-------------
 .../nc-gui/components/general/EmojiIcons.vue  |  4 +--
 .../[projectType]/[projectId]/index/index.vue |  4 +--
 tests/playwright/pages/Dashboard/TreeView.ts  | 21 ++++++++++++++
 .../playwright/tests/tableOperations.spec.ts  |  7 ++++-
 6 files changed, 40 insertions(+), 25 deletions(-)

diff --git a/packages/nc-gui/components.d.ts b/packages/nc-gui/components.d.ts
index 79b48c1824..bb95e0722e 100644
--- a/packages/nc-gui/components.d.ts
+++ b/packages/nc-gui/components.d.ts
@@ -50,7 +50,6 @@ declare module '@vue/runtime-core' {
     AntDesignMenuFoldOutlined: typeof import('~icons/ant-design/menu-fold-outlined')['default']
     AntDesignMenuUnfoldOutlined: typeof import('~icons/ant-design/menu-unfold-outlined')['default']
     APagination: typeof import('ant-design-vue/es')['Pagination']
-    APopover: typeof import('ant-design-vue/es')['Popover']
     ARadio: typeof import('ant-design-vue/es')['Radio']
     ARadioGroup: typeof import('ant-design-vue/es')['RadioGroup']
     ARate: typeof import('ant-design-vue/es')['Rate']
diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 4d68cd0342..40642dc6b5 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -78,7 +78,6 @@ const initSortable = (el: Element) => {
   if (!base_id) return
   if (sortables[base_id]) sortables[base_id].destroy()
   Sortable.create(el as HTMLLIElement, {
-    // handle: '.nc-drag-icon',
     onEnd: async (evt) => {
       const offset = tables.value.findIndex((table) => table.base_id === base_id)
 
@@ -565,16 +564,21 @@ const setIcon = (icon: string, table: TableType) => {
                       <template #title>{{ table.table_name }}</template>
                       <div class="flex items-center gap-2 h-full" @contextmenu="setMenuContext('table', table)">
                         <div class="flex w-auto" :data-testid="`tree-view-table-draggable-handle-${table.title}`">
-                          <a-dropdown trigger="click" @click.stop destroy-popup-on-hide>
+                          <a-dropdown trigger="click" destroy-popup-on-hide @click.stop>
                             <div @click.stop>
                               <a-tooltip>
-                                <span v-if="table.meta?.icon" :key="table.meta?.icon">
-                                  <Icon :key="table.meta?.icon" class="text-xl" :icon="table.meta?.icon"></Icon>
+                                <span v-if="table.meta?.icon" :key="table.meta?.icon" class="nc-table-icon">
+                                  <Icon
+                                    :key="table.meta?.icon"
+                                    :data-testid="`nc-icon-${table.meta?.icon}`"
+                                    class="text-xl"
+                                    :icon="table.meta?.icon"
+                                  ></Icon>
                                 </span>
                                 <component
                                   :is="icon(table)"
                                   v-else
-                                  class="nc-view-icon w-5"
+                                  class="nc-table-icon nc-view-icon w-5"
                                   :class="{ 'group-hover:text-gray-500': isUIAllowed('treeview-drag-n-drop') }"
                                 />
 
@@ -585,20 +589,6 @@ const setIcon = (icon: string, table: TableType) => {
                               <GeneralEmojiIcons class="shadow bg-white p-2" @select-icon="setIcon($event, table)" />
                             </template>
                           </a-dropdown>
-
-                          <!--
-                                                    <MdiDragVertical
-                                                      v-if="isUIAllowed('treeview-drag-n-drop')"
-                                                      :class="`nc-child-draggable-icon-${table.title}`"
-                                                      class="nc-drag-icon text-xs hidden group-hover:block transition-opacity opacity-0 group-hover:opacity-100 text-gray-500 cursor-move"
-                                                      @click.stop.prevent
-                                                    />
-
-                                                    <component
-                                                      :is="icon(table)"
-                                                      class="nc-view-icon text-xs"
-                                                      :class="{ 'group-hover:hidden group-hover:text-gray-500': isUIAllowed('treeview-drag-n-drop') }"
-                                                    /> -->
                         </div>
 
                         <div class="nc-tbl-title flex-1">
diff --git a/packages/nc-gui/components/general/EmojiIcons.vue b/packages/nc-gui/components/general/EmojiIcons.vue
index 33203835b5..bcf1e1bd54 100644
--- a/packages/nc-gui/components/general/EmojiIcons.vue
+++ b/packages/nc-gui/components/general/EmojiIcons.vue
@@ -26,9 +26,9 @@ const selectIcon = (icon: string) => {
 </script>
 
 <template>
-  <div class="p-1 w-[280px] h-[280px] flex flex-col gap-1 justify-start">
+  <div class="p-1 w-[280px] h-[280px] flex flex-col gap-1 justify-start nc-emoji" data-testid="nc-emoji-container">
     <div @click.stop>
-      <input v-model="search" class="p-1 text-xs border-1 w-full overflow-y-auto" placeholder="Search" @input="toIndex = 60" />
+      <input v-model="search" data-testid="nc-emoji-filter" class="p-1 text-xs border-1 w-full overflow-y-auto" placeholder="Search" @input="toIndex = 60" />
     </div>
     <div class="flex gap-1 flex-wrap w-full flex-shrink overflow-y-auto scrollbar-thin-dull">
       <div v-for="icon of filteredIcons" :key="icon" @click="selectIcon(icon)">
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
index d43bf7be2f..23c115ba18 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
@@ -47,9 +47,9 @@ function onEdit(targetKey: number, action: 'add' | 'remove' | string) {
         <a-tabs v-model:activeKey="activeTabIndex" class="nc-root-tabs" type="editable-card" @edit="onEdit">
           <a-tab-pane v-for="(tab, i) of tabs" :key="i">
             <template #tab>
-              <div class="flex items-center gap-2 max-w-[110px]">
+              <div class="flex items-center gap-2 max-w-[110px]" data-testid="nc-tab-title">
                 <div class="flex items-center">
-                  <Icon v-if="tab.meta?.icon" :icon="tab.meta?.icon" class="text-xl" />
+                  <Icon v-if="tab.meta?.icon" :icon="tab.meta?.icon" class="text-xl" :data-testid="`nc-tab-icon-${tab.meta?.icon}`"/>
                   <component :is="icon(tab)" v-else class="text-sm" />
                 </div>
 
diff --git a/tests/playwright/pages/Dashboard/TreeView.ts b/tests/playwright/pages/Dashboard/TreeView.ts
index 38d14f725e..586f29ffe7 100644
--- a/tests/playwright/pages/Dashboard/TreeView.ts
+++ b/tests/playwright/pages/Dashboard/TreeView.ts
@@ -129,6 +129,27 @@ export class TreeViewPage extends BasePage {
     await importMenu.locator(`.ant-dropdown-menu-title-content:has-text("${title}")`).click();
   }
 
+  async changeTableIcon({ title, icon }: { title: string; icon: string }) {
+    await this.get().locator(`.nc-project-tree-tbl-${title} .nc-table-icon`).click();
+
+    await this.rootPage.getByTestId('nc-emoji-filter').type(icon);
+    await this.rootPage.getByTestId('nc-emoji-container').locator(`.nc-emoji-item >> svg`).first().click();
+
+    await this.rootPage.getByTestId('nc-emoji-container').isHidden();
+    await expect(
+      this.get().locator(`.nc-project-tree-tbl-${title} [data-testid="nc-icon-emojione:${icon}"]`)
+    ).toHaveCount(1);
+  }
+
+  async verifyTabIcon({ title, icon }: { title: string; icon: string }) {
+    await new Promise(resolve => setTimeout(resolve, 1000));
+    await expect(
+      this.rootPage.locator(
+        `[data-testid="nc-tab-title"]:has-text("${title}") [data-testid="nc-tab-icon-emojione:${icon}"]`
+      )
+    ).toBeVisible();
+  }
+
   // todo: Break this into smaller methods
   async validateRoleAccess(param: { role: string }) {
     // Add new table button
diff --git a/tests/playwright/tests/tableOperations.spec.ts b/tests/playwright/tests/tableOperations.spec.ts
index 209a1b7c4f..eef8d3b97e 100644
--- a/tests/playwright/tests/tableOperations.spec.ts
+++ b/tests/playwright/tests/tableOperations.spec.ts
@@ -13,7 +13,7 @@ test.describe('Table Operations', () => {
     settings = dashboard.settings;
   });
 
-  test('Create, and delete table, verify in audit tab, rename City table and reorder tables', async () => {
+  test.only('Create, and delete table, verify in audit tab, rename City table, update icon and reorder tables', async () => {
     await dashboard.treeView.createTable({ title: 'tablex' });
     await dashboard.treeView.verifyTable({ title: 'tablex' });
 
@@ -46,5 +46,10 @@ test.describe('Table Operations', () => {
       destinationTable: 'Address',
     });
     await dashboard.treeView.verifyTable({ title: 'Address', index: 0 });
+
+    // verify table icon customization
+    await dashboard.treeView.openTable({ title: 'Address' });
+    await dashboard.treeView.changeTableIcon({ title: 'Address', icon: 'american-football' });
+    await dashboard.treeView.verifyTabIcon({ title: 'Address', icon: 'american-football' });
   });
 });

From 1e8271a2778052de3e8a34509bf545b33c8a253d Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 8 Dec 2022 17:30:53 +0530
Subject: [PATCH 074/103] refactor(gui): code cleanup

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/general/EmojiIcons.vue    | 12 +++++++++++-
 .../pages/[projectType]/[projectId]/index/index.vue  |  7 ++++++-
 tests/playwright/tests/tableOperations.spec.ts       |  2 +-
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/general/EmojiIcons.vue b/packages/nc-gui/components/general/EmojiIcons.vue
index bcf1e1bd54..64141e7b5e 100644
--- a/packages/nc-gui/components/general/EmojiIcons.vue
+++ b/packages/nc-gui/components/general/EmojiIcons.vue
@@ -6,6 +6,9 @@ import { emojiIcons } from '#imports'
 const emit = defineEmits(['selectIcon'])
 let search = $ref('')
 
+// keep a variable to load icons with infinite scroll
+// set initial value to 60 to load first 60 icons (index - `0 - 59`)
+// and next value will be 120 and shows first 120 icons ( index - `0 - 129`)
 let toIndex = $ref(60)
 
 const filteredIcons = computed(() => {
@@ -13,6 +16,7 @@ const filteredIcons = computed(() => {
 })
 
 const load = () => {
+  // increment `toIndex` to include next set of icons
   toIndex += Math.min(filteredIcons.value.length, toIndex + 60)
   if (toIndex > filteredIcons.value.length) {
     toIndex = filteredIcons.value.length
@@ -28,7 +32,13 @@ const selectIcon = (icon: string) => {
 <template>
   <div class="p-1 w-[280px] h-[280px] flex flex-col gap-1 justify-start nc-emoji" data-testid="nc-emoji-container">
     <div @click.stop>
-      <input v-model="search" data-testid="nc-emoji-filter" class="p-1 text-xs border-1 w-full overflow-y-auto" placeholder="Search" @input="toIndex = 60" />
+      <input
+        v-model="search"
+        data-testid="nc-emoji-filter"
+        class="p-1 text-xs border-1 w-full overflow-y-auto"
+        placeholder="Search"
+        @input="toIndex = 60"
+      />
     </div>
     <div class="flex gap-1 flex-wrap w-full flex-shrink overflow-y-auto scrollbar-thin-dull">
       <div v-for="icon of filteredIcons" :key="icon" @click="selectIcon(icon)">
diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
index 23c115ba18..8e050add53 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
@@ -49,7 +49,12 @@ function onEdit(targetKey: number, action: 'add' | 'remove' | string) {
             <template #tab>
               <div class="flex items-center gap-2 max-w-[110px]" data-testid="nc-tab-title">
                 <div class="flex items-center">
-                  <Icon v-if="tab.meta?.icon" :icon="tab.meta?.icon" class="text-xl" :data-testid="`nc-tab-icon-${tab.meta?.icon}`"/>
+                  <Icon
+                    v-if="tab.meta?.icon"
+                    :icon="tab.meta?.icon"
+                    class="text-xl"
+                    :data-testid="`nc-tab-icon-${tab.meta?.icon}`"
+                  />
                   <component :is="icon(tab)" v-else class="text-sm" />
                 </div>
 
diff --git a/tests/playwright/tests/tableOperations.spec.ts b/tests/playwright/tests/tableOperations.spec.ts
index eef8d3b97e..e31821f9c0 100644
--- a/tests/playwright/tests/tableOperations.spec.ts
+++ b/tests/playwright/tests/tableOperations.spec.ts
@@ -13,7 +13,7 @@ test.describe('Table Operations', () => {
     settings = dashboard.settings;
   });
 
-  test.only('Create, and delete table, verify in audit tab, rename City table, update icon and reorder tables', async () => {
+  test('Create, and delete table, verify in audit tab, rename City table, update icon and reorder tables', async () => {
     await dashboard.treeView.createTable({ title: 'tablex' });
     await dashboard.treeView.verifyTable({ title: 'tablex' });
 

From 15fbc329859a5ed69813646eea98d90441c8e7b4 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 8 Dec 2022 20:12:26 +0530
Subject: [PATCH 075/103] fix(gui): add ui permission for set icon

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/dashboard/TreeView.vue  | 45 ++++++++++++-------
 1 file changed, 29 insertions(+), 16 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 40642dc6b5..8e1f0f97f8 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { TableType } from 'nocodb-sdk'
 import type { Input } from 'ant-design-vue'
+import { Dropdown, Tooltip, message } from 'ant-design-vue'
 import Sortable from 'sortablejs'
 import GithubButton from 'vue-github-button'
 import { Icon } from '@iconify/vue'
@@ -10,6 +11,7 @@ import {
   Empty,
   TabType,
   computed,
+  extractSdkResponseErrorMsg,
   isDrawerOrModalExist,
   isMac,
   reactive,
@@ -300,18 +302,24 @@ watch(
   { immediate: true },
 )
 
-const setIcon = (icon: string, table: TableType) => {
-  table.meta = {
-    ...(table.meta || {}),
-    icon,
-  }
-  tables.value.splice(tables.value.indexOf(table), 1, { ...table })
+const setIcon = async (icon: string, table: TableType) => {
+  try {
+    table.meta = {
+      ...(table.meta || {}),
+      icon,
+    }
+    tables.value.splice(tables.value.indexOf(table), 1, { ...table })
 
-  updateTab({ id: table.id }, { meta: table.meta })
+    updateTab({ id: table.id }, { meta: table.meta })
 
-  $api.dbTable.update(table.id as string, {
-    meta: table.meta,
-  })
+    $api.dbTable.update(table.id as string, {
+      meta: table.meta,
+    })
+
+    $e('a:table:icon:navdraw', { icon })
+  } catch (e) {
+    message.error(await extractSdkResponseErrorMsg(e))
+  }
 }
 </script>
 
@@ -564,9 +572,14 @@ const setIcon = (icon: string, table: TableType) => {
                       <template #title>{{ table.table_name }}</template>
                       <div class="flex items-center gap-2 h-full" @contextmenu="setMenuContext('table', table)">
                         <div class="flex w-auto" :data-testid="`tree-view-table-draggable-handle-${table.title}`">
-                          <a-dropdown trigger="click" destroy-popup-on-hide @click.stop>
+                          <component
+                            :is="isUIAllowed('tableIconCustomisation') ? Dropdown : 'div'"
+                            trigger="click"
+                            destroy-popup-on-hide
+                            @click.stop
+                          >
                             <div @click.stop>
-                              <a-tooltip>
+                              <component :is="isUIAllowed('tableIconCustomisation') ? Tooltip : 'div'">
                                 <span v-if="table.meta?.icon" :key="table.meta?.icon" class="nc-table-icon">
                                   <Icon
                                     :key="table.meta?.icon"
@@ -582,13 +595,13 @@ const setIcon = (icon: string, table: TableType) => {
                                   :class="{ 'group-hover:text-gray-500': isUIAllowed('treeview-drag-n-drop') }"
                                 />
 
-                                <template #title>Change icon</template>
-                              </a-tooltip>
+                                <template v-if="isUIAllowed('tableIconCustomisation')" #title>Change icon</template>
+                              </component>
                             </div>
-                            <template #overlay>
+                            <template v-if="isUIAllowed('tableIconCustomisation')" #overlay>
                               <GeneralEmojiIcons class="shadow bg-white p-2" @select-icon="setIcon($event, table)" />
                             </template>
-                          </a-dropdown>
+                          </component>
                         </div>
 
                         <div class="nc-tbl-title flex-1">

From d6bb8c659e92e4fbd47b96dd924541a5f890dfc0 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 21 Dec 2022 12:42:41 +0530
Subject: [PATCH 076/103] feat(gui): show custom table icon in expanded row
 title

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/general/TableIcon.vue   | 22 +++++++++++++++++++
 .../smartsheet/expanded-form/Header.vue       |  2 +-
 2 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 packages/nc-gui/components/general/TableIcon.vue

diff --git a/packages/nc-gui/components/general/TableIcon.vue b/packages/nc-gui/components/general/TableIcon.vue
new file mode 100644
index 0000000000..f5c9126f2f
--- /dev/null
+++ b/packages/nc-gui/components/general/TableIcon.vue
@@ -0,0 +1,22 @@
+<script lang="ts" setup>
+import { Icon as IcIcon } from '@iconify/vue'
+import type { TableType } from 'nocodb-sdk'
+
+const { meta: tableMeta } = defineProps<{
+  meta: TableType
+}>()
+</script>
+
+<template>
+  <IcIcon
+    v-if="tableMeta.meta?.icon"
+    :data-testid="`nc-icon-${tableMeta.meta?.icon}`"
+    class="text-xl"
+    :icon="tableMeta.meta?.icon"
+  ></IcIcon>
+
+  <MdiEyeCircleOutline v-else-if="tableMeta.meta?.type === 'view'" class="w-5" />
+  <MdiTableLarge v-else class="w-5" />
+</template>
+
+<style scoped></style>
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
index a9c5107a66..823d5f9800 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
@@ -77,7 +77,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
 <template>
   <div class="flex p-2 items-center gap-2 p-4 nc-expanded-form-header">
     <h5 class="text-lg font-weight-medium flex items-center gap-1 mb-0 min-w-0 overflow-x-hidden truncate">
-      <mdi-table-arrow-right :style="{ color: iconColor }" />
+      <GeneralTableIcon :style="{ color: iconColor }" :meta="meta" class="mx-2"></GeneralTableIcon>
 
       <template v-if="meta">
         {{ meta.title }}

From d2ec2fbaf1d3732262ef8bf900b672c60147a72c Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 21 Dec 2022 12:55:39 +0530
Subject: [PATCH 077/103] fix(gui): icon nd table name alignment correction

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/dashboard/TreeView.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 8e1f0f97f8..927df76ab8 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -577,10 +577,11 @@ const setIcon = async (icon: string, table: TableType) => {
                             trigger="click"
                             destroy-popup-on-hide
                             @click.stop
+                            class="flex items-center"
                           >
-                            <div @click.stop>
+                            <div @click.stop class="flex items-center">
                               <component :is="isUIAllowed('tableIconCustomisation') ? Tooltip : 'div'">
-                                <span v-if="table.meta?.icon" :key="table.meta?.icon" class="nc-table-icon">
+                                <span v-if="table.meta?.icon" :key="table.meta?.icon" class="nc-table-icon flex items-center">
                                   <Icon
                                     :key="table.meta?.icon"
                                     :data-testid="`nc-icon-${table.meta?.icon}`"

From fe83bc8bceeba85321a723f32748af207cf29167 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 21 Dec 2022 13:37:45 +0530
Subject: [PATCH 078/103] fix(gui): handle table name overflow issue

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/dashboard/TreeView.vue   | 6 +++---
 packages/nc-gui/components/general/TruncateText.vue | 4 +---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 927df76ab8..8128043e8d 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -438,7 +438,7 @@ const setIcon = async (icon: string, table: TableType) => {
         <div v-if="bases[0] && bases[0].enabled && !bases.slice(1).filter((el) => el.enabled)?.length" class="flex-1">
           <div
             v-if="isUIAllowed('table-create')"
-            class="group flex items-center gap-2 pl-8 pr-3 py-2 text-primary/70 hover:(text-primary/100) cursor-pointer select-none"
+            class="group flex items-center gap-2 pl-2 pr-3 py-2 text-primary/70 hover:(text-primary/100) cursor-pointer select-none"
             @click="openTableCreateDialog(bases[0].id)"
           >
             <MdiPlus class="w-5" />
@@ -568,7 +568,7 @@ const setIcon = async (icon: string, table: TableType) => {
                     :data-testid="`tree-view-table-${table.title}`"
                     @click="addTableTab(table)"
                   >
-                    <GeneralTooltip class="pl-8 pr-3 py-2" modifier-key="Alt">
+                    <GeneralTooltip class="pl-2 pr-3 py-2" modifier-key="Alt">
                       <template #title>{{ table.table_name }}</template>
                       <div class="flex items-center gap-2 h-full" @contextmenu="setMenuContext('table', table)">
                         <div class="flex w-auto" :data-testid="`tree-view-table-draggable-handle-${table.title}`">
@@ -606,7 +606,7 @@ const setIcon = async (icon: string, table: TableType) => {
                         </div>
 
                         <div class="nc-tbl-title flex-1">
-                          <GeneralTruncateText>{{ table.title }}</GeneralTruncateText>
+                          <GeneralTruncateText :length="activeTable === table.id ? 18 : 20">{{ table.title }}</GeneralTruncateText>
                         </div>
 
                         <a-dropdown
diff --git a/packages/nc-gui/components/general/TruncateText.vue b/packages/nc-gui/components/general/TruncateText.vue
index 4ae570f551..9b01c85898 100644
--- a/packages/nc-gui/components/general/TruncateText.vue
+++ b/packages/nc-gui/components/general/TruncateText.vue
@@ -41,7 +41,5 @@ const shortName = computed(() =>
   <div v-else class="w-full" data-testid="truncate-label">
     <slot />
   </div>
-  <div ref="text" class="hidden">
-    <slot />
-  </div>
+  <div ref="text" class="hidden"><slot /></div>
 </template>

From fc17646e602072bd777e5038b65872ea7b87c837 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 21 Dec 2022 13:40:50 +0530
Subject: [PATCH 079/103] fix(gui): re-render TruncateText component if table
 name changed

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

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 8128043e8d..ebafc02e24 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -606,7 +606,7 @@ const setIcon = async (icon: string, table: TableType) => {
                         </div>
 
                         <div class="nc-tbl-title flex-1">
-                          <GeneralTruncateText :length="activeTable === table.id ? 18 : 20">{{ table.title }}</GeneralTruncateText>
+                          <GeneralTruncateText :key="table.title" :length="activeTable === table.id ? 18 : 20">{{ table.title }}</GeneralTruncateText>
                         </div>
 
                         <a-dropdown

From 51d81b0b8b53cac54d68f16931941378e966a4f7 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 21 Dec 2022 16:09:59 +0530
Subject: [PATCH 080/103] feat(gui): show table icon in LTAR and UI acl

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/dashboard/TreeView.vue    |  8 +++++---
 .../nc-gui/components/dashboard/settings/UIAcl.vue   | 12 +++++++++++-
 packages/nc-gui/components/general/TableIcon.vue     |  4 ++--
 .../column/LinkedToAnotherRecordOptions.vue          |  8 +++++++-
 .../nocodb/src/lib/meta/api/modelVisibilityApis.ts   |  3 ++-
 5 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index ebafc02e24..af9b751f78 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -576,10 +576,10 @@ const setIcon = async (icon: string, table: TableType) => {
                             :is="isUIAllowed('tableIconCustomisation') ? Dropdown : 'div'"
                             trigger="click"
                             destroy-popup-on-hide
-                            @click.stop
                             class="flex items-center"
+                            @click.stop
                           >
-                            <div @click.stop class="flex items-center">
+                            <div class="flex items-center" @click.stop>
                               <component :is="isUIAllowed('tableIconCustomisation') ? Tooltip : 'div'">
                                 <span v-if="table.meta?.icon" :key="table.meta?.icon" class="nc-table-icon flex items-center">
                                   <Icon
@@ -606,7 +606,9 @@ const setIcon = async (icon: string, table: TableType) => {
                         </div>
 
                         <div class="nc-tbl-title flex-1">
-                          <GeneralTruncateText :key="table.title" :length="activeTable === table.id ? 18 : 20">{{ table.title }}</GeneralTruncateText>
+                          <GeneralTruncateText :key="table.title" :length="activeTable === table.id ? 18 : 20">{{
+                            table.title
+                          }}</GeneralTruncateText>
                         </div>
 
                         <a-dropdown
diff --git a/packages/nc-gui/components/dashboard/settings/UIAcl.vue b/packages/nc-gui/components/dashboard/settings/UIAcl.vue
index 3aafc67104..b2d05e14ca 100644
--- a/packages/nc-gui/components/dashboard/settings/UIAcl.vue
+++ b/packages/nc-gui/components/dashboard/settings/UIAcl.vue
@@ -159,7 +159,17 @@ const columns = [
           </template>
 
           <template #bodyCell="{ record, column }">
-            <div v-if="column.name === 'table_name'">{{ record._ptn }}</div>
+            <div v-if="column.name === 'table_name'">
+              <div class="flex items-center gap-1">
+                <div class="min-w-5 flex items-center justify-center">
+                  <GeneralTableIcon
+                    :meta="{ meta: record.table_meta, type: record.ptype }"
+                    class="text-gray-500"
+                  ></GeneralTableIcon>
+                </div>
+                <span class="overflow-ellipsis min-w-0 shrink-1">{{ record._ptn }}</span>
+              </div>
+            </div>
 
             <div v-if="column.name === 'view_name'">
               <div class="flex items-center">
diff --git a/packages/nc-gui/components/general/TableIcon.vue b/packages/nc-gui/components/general/TableIcon.vue
index f5c9126f2f..732cf953c5 100644
--- a/packages/nc-gui/components/general/TableIcon.vue
+++ b/packages/nc-gui/components/general/TableIcon.vue
@@ -11,11 +11,11 @@ const { meta: tableMeta } = defineProps<{
   <IcIcon
     v-if="tableMeta.meta?.icon"
     :data-testid="`nc-icon-${tableMeta.meta?.icon}`"
-    class="text-xl"
+    class="text-lg"
     :icon="tableMeta.meta?.icon"
   ></IcIcon>
 
-  <MdiEyeCircleOutline v-else-if="tableMeta.meta?.type === 'view'" class="w-5" />
+  <MdiEyeCircleOutline v-else-if="tableMeta?.type === 'view'" class="w-5" />
   <MdiTableLarge v-else class="w-5" />
 </template>
 
diff --git a/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue b/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
index f137ed3edd..a7fb2485e7 100644
--- a/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue
@@ -73,7 +73,13 @@ const filterOption = (value: string, option: { key: string }) => option.key.toLo
           @change="onDataTypeChange"
         >
           <a-select-option v-for="table of refTables" :key="table.title" :value="table.id">
-            {{ table.title }}
+            <div class="flex items-center gap-2">
+              <div class="min-w-5 flex items-center justify-center">
+                <GeneralTableIcon :meta="table" class="text-gray-500"></GeneralTableIcon>
+              </div>
+
+              <span class="overflow-ellipsis min-w-0 shrink-1">{{ table.title }}</span>
+            </div>
           </a-select-option>
         </a-select>
       </a-form-item>
diff --git a/packages/nocodb/src/lib/meta/api/modelVisibilityApis.ts b/packages/nocodb/src/lib/meta/api/modelVisibilityApis.ts
index 59b7006f71..3504418a0a 100644
--- a/packages/nocodb/src/lib/meta/api/modelVisibilityApis.ts
+++ b/packages/nocodb/src/lib/meta/api/modelVisibilityApis.ts
@@ -48,7 +48,7 @@ export async function xcVisibilityMetaGet(
   const roles = ['owner', 'creator', 'viewer', 'editor', 'commenter', 'guest'];
 
   const defaultDisabled = roles.reduce((o, r) => ({ ...o, [r]: false }), {});
-  
+
   let models =
     _models ||
     (await Model.list({
@@ -78,6 +78,7 @@ export async function xcVisibilityMetaGet(
         ptype: model.type,
         tn: view.title,
         _tn: view.title,
+        table_meta: model.meta,
         ...view,
         disabled: { ...defaultDisabled },
       };

From 3aa340d47e46cc9a71116f658a3ada805ac965d6 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 21 Dec 2022 23:54:19 +0530
Subject: [PATCH 081/103] feat(gui): update icons order

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/utils/iconUtils.ts | 3134 ++++++++++++----------------
 1 file changed, 1386 insertions(+), 1748 deletions(-)

diff --git a/packages/nc-gui/utils/iconUtils.ts b/packages/nc-gui/utils/iconUtils.ts
index 5133fa422e..45dd6f219d 100644
--- a/packages/nc-gui/utils/iconUtils.ts
+++ b/packages/nc-gui/utils/iconUtils.ts
@@ -76,1838 +76,1476 @@ export const getMdiIcon = (type: string): any => {
 }
 
 export const emojiIcons = [
-  '1st-place-medal',
-  '2nd-place-medal',
-  '3rd-place-medal',
-  'a-button',
-  'ab-button',
-  'admission-tickets',
-  'aerial-tramway',
-  'airplane',
-  'airplane-arrival',
-  'airplane-departure',
-  'alarm-clock',
-  'alembic',
+  'grinning-face',
+  'grinning-face-with-big-eyes',
+  'grinning-face-with-smiling-eyes',
+  'beaming-face-with-smiling-eyes',
+  'grinning-squinting-face',
+  'grinning-face-with-sweat',
+  'rolling-on-the-floor-laughing',
+  'face-with-tears-of-joy',
+  'slightly-smiling-face',
+  'upside-down-face',
+  'winking-face',
+  'smiling-face-with-smiling-eyes',
+  'smiling-face-with-halo',
+  'smiling-face-with-heart-eyes',
+  'face-blowing-a-kiss',
+  'kissing-face',
+  'smiling-face',
+  'kissing-face-with-closed-eyes',
+  'kissing-face-with-smiling-eyes',
+  'face-savoring-food',
+  'face-with-tongue',
+  'winking-face-with-tongue',
+  'squinting-face-with-tongue',
+  'money-mouth-face',
+  'hugging-face',
+  'thinking-face',
+  'zipper-mouth-face',
+  'neutral-face',
+  'expressionless-face',
+  'face-without-mouth',
+  'smirking-face',
+  'unamused-face',
+  'face-with-rolling-eyes',
+  'grimacing-face',
+  'lying-face',
+  'relieved-face',
+  'pensive-face',
+  'sleepy-face',
+  'drooling-face',
+  'sleeping-face',
+  'face-with-medical-mask',
+  'face-with-thermometer',
+  'face-with-head-bandage',
+  'nauseated-face',
+  'sneezing-face',
+  'dizzy-face',
+  'cowboy-hat-face',
+  'smiling-face-with-sunglasses',
+  'nerd-face',
+  'confused-face',
+  'worried-face',
+  'slightly-frowning-face',
+  'frowning-face',
+  'face-with-open-mouth',
+  'hushed-face',
+  'astonished-face',
+  'flushed-face',
+  'frowning-face-with-open-mouth',
+  'anguished-face',
+  'fearful-face',
+  'anxious-face-with-sweat',
+  'sad-but-relieved-face',
+  'crying-face',
+  'loudly-crying-face',
+  'face-screaming-in-fear',
+  'confounded-face',
+  'persevering-face',
+  'disappointed-face',
+  'downcast-face-with-sweat',
+  'weary-face',
+  'tired-face',
+  'face-with-steam-from-nose',
+  'pouting-face',
+  'angry-face',
+  'smiling-face-with-horns',
+  'angry-face-with-horns',
+  'skull',
+  'skull-and-crossbones',
+  'pile-of-poo',
+  'clown-face',
+  'ogre',
+  'goblin',
+  'ghost',
   'alien',
   'alien-monster',
-  'ambulance',
-  'american-football',
-  'amphora',
-  'anchor',
+  'see-no-evil-monkey',
+  'hear-no-evil-monkey',
+  'speak-no-evil-monkey',
+  'kiss-mark',
+  'love-letter',
+  'heart-with-arrow',
+  'heart-with-ribbon',
+  'sparkling-heart',
+  'growing-heart',
+  'beating-heart',
+  'revolving-hearts',
+  'two-hearts',
+  'heart-decoration',
+  'broken-heart',
+  'red-heart',
+  'yellow-heart',
+  'green-heart',
+  'blue-heart',
+  'purple-heart',
+  'black-heart',
+  'hundred-points',
   'anger-symbol',
-  'angry-face',
-  'angry-face-with-horns',
-  'anguished-face',
-  'ant',
-  'antenna-bars',
-  'anxious-face-with-sweat',
-  'aquarius',
-  'aries',
-  'articulated-lorry',
-  'artist-palette',
-  'asterisk',
-  'astonished-face',
-  'atm-sign',
-  'atom-symbol',
-  'automobile',
-  'avocado',
-  'b-button',
-  'baby',
-  'baby-angel',
-  'baby-angel-dark-skin-tone',
-  'baby-angel-light-skin-tone',
-  'baby-angel-medium-dark-skin-tone',
-  'baby-angel-medium-light-skin-tone',
-  'baby-angel-medium-skin-tone',
-  'baby-bottle',
-  'baby-chick',
-  'baby-dark-skin-tone',
-  'baby-light-skin-tone',
-  'baby-medium-dark-skin-tone',
-  'baby-medium-light-skin-tone',
-  'baby-medium-skin-tone',
-  'baby-symbol',
-  'back-arrow',
-  'backhand-index-pointing-down',
-  'backhand-index-pointing-down-dark-skin-tone',
-  'backhand-index-pointing-down-light-skin-tone',
-  'backhand-index-pointing-down-medium-dark-skin-tone',
-  'backhand-index-pointing-down-medium-light-skin-tone',
-  'backhand-index-pointing-down-medium-skin-tone',
+  'collision',
+  'dizzy',
+  'sweat-droplets',
+  'dashing-away',
+  'hole',
+  'bomb',
+  'speech-balloon',
+  'eye-in-speech-bubble',
+  'left-speech-bubble',
+  'right-anger-bubble',
+  'thought-balloon',
+  'zzz',
+  'waving-hand',
+  'waving-hand-light-skin-tone',
+  'waving-hand-medium-light-skin-tone',
+  'waving-hand-medium-skin-tone',
+  'waving-hand-medium-dark-skin-tone',
+  'waving-hand-dark-skin-tone',
+  'raised-back-of-hand',
+  'raised-back-of-hand-light-skin-tone',
+  'raised-back-of-hand-medium-light-skin-tone',
+  'raised-back-of-hand-medium-skin-tone',
+  'raised-back-of-hand-medium-dark-skin-tone',
+  'raised-back-of-hand-dark-skin-tone',
+  'hand-with-fingers-splayed',
+  'hand-with-fingers-splayed-light-skin-tone',
+  'hand-with-fingers-splayed-medium-light-skin-tone',
+  'hand-with-fingers-splayed-medium-skin-tone',
+  'hand-with-fingers-splayed-medium-dark-skin-tone',
+  'hand-with-fingers-splayed-dark-skin-tone',
+  'raised-hand',
+  'raised-hand-light-skin-tone',
+  'raised-hand-medium-light-skin-tone',
+  'raised-hand-medium-skin-tone',
+  'raised-hand-medium-dark-skin-tone',
+  'raised-hand-dark-skin-tone',
+  'vulcan-salute',
+  'vulcan-salute-light-skin-tone',
+  'vulcan-salute-medium-light-skin-tone',
+  'vulcan-salute-medium-skin-tone',
+  'vulcan-salute-medium-dark-skin-tone',
+  'vulcan-salute-dark-skin-tone',
+  'ok-hand',
+  'ok-hand-light-skin-tone',
+  'ok-hand-medium-light-skin-tone',
+  'ok-hand-medium-skin-tone',
+  'ok-hand-medium-dark-skin-tone',
+  'ok-hand-dark-skin-tone',
+  'victory-hand',
+  'victory-hand-light-skin-tone',
+  'victory-hand-medium-light-skin-tone',
+  'victory-hand-medium-skin-tone',
+  'victory-hand-medium-dark-skin-tone',
+  'victory-hand-dark-skin-tone',
+  'crossed-fingers',
+  'crossed-fingers-light-skin-tone',
+  'crossed-fingers-medium-light-skin-tone',
+  'crossed-fingers-medium-skin-tone',
+  'crossed-fingers-medium-dark-skin-tone',
+  'crossed-fingers-dark-skin-tone',
+  'sign-of-the-horns',
+  'sign-of-the-horns-light-skin-tone',
+  'sign-of-the-horns-medium-light-skin-tone',
+  'sign-of-the-horns-medium-skin-tone',
+  'sign-of-the-horns-medium-dark-skin-tone',
+  'sign-of-the-horns-dark-skin-tone',
+  'call-me-hand',
+  'call-me-hand-light-skin-tone',
+  'call-me-hand-medium-light-skin-tone',
+  'call-me-hand-medium-skin-tone',
+  'call-me-hand-medium-dark-skin-tone',
+  'call-me-hand-dark-skin-tone',
   'backhand-index-pointing-left',
-  'backhand-index-pointing-left-dark-skin-tone',
   'backhand-index-pointing-left-light-skin-tone',
-  'backhand-index-pointing-left-medium-dark-skin-tone',
   'backhand-index-pointing-left-medium-light-skin-tone',
   'backhand-index-pointing-left-medium-skin-tone',
+  'backhand-index-pointing-left-medium-dark-skin-tone',
+  'backhand-index-pointing-left-dark-skin-tone',
   'backhand-index-pointing-right',
-  'backhand-index-pointing-right-dark-skin-tone',
   'backhand-index-pointing-right-light-skin-tone',
-  'backhand-index-pointing-right-medium-dark-skin-tone',
   'backhand-index-pointing-right-medium-light-skin-tone',
   'backhand-index-pointing-right-medium-skin-tone',
+  'backhand-index-pointing-right-medium-dark-skin-tone',
+  'backhand-index-pointing-right-dark-skin-tone',
   'backhand-index-pointing-up',
-  'backhand-index-pointing-up-dark-skin-tone',
   'backhand-index-pointing-up-light-skin-tone',
-  'backhand-index-pointing-up-medium-dark-skin-tone',
   'backhand-index-pointing-up-medium-light-skin-tone',
   'backhand-index-pointing-up-medium-skin-tone',
-  'backpack',
-  'bacon',
-  'badminton',
-  'baggage-claim',
-  'baguette-bread',
-  'balance-scale',
-  'balloon',
-  'ballot-box-with-ballot',
-  'ballot-box-with-check',
-  'banana',
-  'bank',
-  'bar-chart',
-  'barber-pole',
-  'baseball',
-  'basketball',
-  'bat',
-  'bathtub',
-  'battery',
-  'beach-with-umbrella',
-  'beaming-face-with-smiling-eyes',
-  'bear-face',
-  'beating-heart',
-  'bed',
-  'beer-mug',
-  'bell',
-  'bell-with-slash',
-  'bellhop-bell',
-  'bento-box',
-  'bicycle',
-  'bikini',
-  'biohazard',
-  'bird',
-  'birthday-cake',
-  'black-circle',
-  'black-heart',
-  'black-large-square',
-  'black-medium-small-square',
-  'black-medium-square',
-  'black-nib',
-  'black-small-square',
-  'black-square-button',
-  'blond-haired-person',
-  'blond-haired-person-dark-skin-tone',
-  'blond-haired-person-light-skin-tone',
-  'blond-haired-person-medium-dark-skin-tone',
-  'blond-haired-person-medium-light-skin-tone',
-  'blond-haired-person-medium-skin-tone',
-  'blossom',
-  'blowfish',
-  'blue-book',
-  'blue-circle',
-  'blue-heart',
-  'boar',
-  'bomb',
-  'bookmark',
-  'bookmark-tabs',
-  'books',
-  'bottle-with-popping-cork',
-  'bouquet',
-  'bow-and-arrow',
-  'bowling',
-  'boxing-glove',
-  'boy',
-  'boy-dark-skin-tone',
-  'boy-light-skin-tone',
-  'boy-medium-dark-skin-tone',
-  'boy-medium-light-skin-tone',
-  'boy-medium-skin-tone',
-  'bread',
-  'bride-with-veil',
-  'bride-with-veil-dark-skin-tone',
-  'bride-with-veil-light-skin-tone',
-  'bride-with-veil-medium-dark-skin-tone',
-  'bride-with-veil-medium-light-skin-tone',
-  'bride-with-veil-medium-skin-tone',
-  'bridge-at-night',
-  'briefcase',
-  'bright-button',
-  'broken-heart',
-  'bug',
-  'building-construction',
-  'bullet-train',
-  'burrito',
-  'bus',
-  'bus-stop',
-  'bust-in-silhouette',
-  'busts-in-silhouette',
-  'butterfly',
-  'cactus',
-  'calendar',
-  'call-me-hand',
-  'call-me-hand-dark-skin-tone',
-  'call-me-hand-light-skin-tone',
-  'call-me-hand-medium-dark-skin-tone',
-  'call-me-hand-medium-light-skin-tone',
-  'call-me-hand-medium-skin-tone',
-  'camel',
-  'camera',
-  'camera-with-flash',
-  'camping',
-  'cancer',
-  'candle',
-  'candy',
-  'canoe',
-  'capricorn',
-  'card-file-box',
-  'card-index',
-  'card-index-dividers',
-  'carousel-horse',
-  'carp-streamer',
-  'carrot',
-  'castle',
-  'cat',
-  'cat-face',
-  'cat-face-with-tears-of-joy',
-  'cat-face-with-wry-smile',
-  'chains',
-  'chart-decreasing',
-  'chart-increasing',
-  'chart-increasing-with-yen',
-  'cheese-wedge',
-  'cherries',
-  'cherry-blossom',
-  'chestnut',
-  'chicken',
-  'children-crossing',
-  'chipmunk',
-  'chocolate-bar',
-  'christmas-tree',
-  'church',
-  'cigarette',
-  'cinema',
-  'circled-m',
-  'circus-tent',
-  'cityscape',
-  'cityscape-at-dusk',
-  'cl-button',
-  'clamp',
-  'clapper-board',
-  'clapping-hands',
-  'clapping-hands-dark-skin-tone',
-  'clapping-hands-light-skin-tone',
-  'clapping-hands-medium-dark-skin-tone',
-  'clapping-hands-medium-light-skin-tone',
-  'clapping-hands-medium-skin-tone',
-  'classical-building',
-  'clinking-beer-mugs',
-  'clinking-glasses',
-  'clipboard',
-  'clockwise-vertical-arrows',
-  'closed-book',
-  'closed-mailbox-with-lowered-flag',
-  'closed-mailbox-with-raised-flag',
-  'closed-umbrella',
-  'cloud',
-  'cloud-with-lightning',
-  'cloud-with-lightning-and-rain',
-  'cloud-with-rain',
-  'cloud-with-snow',
-  'clown-face',
-  'club-suit',
-  'clutch-bag',
-  'cocktail-glass',
-  'coffin',
-  'collision',
-  'comet',
-  'computer-disk',
-  'computer-mouse',
-  'confetti-ball',
-  'confounded-face',
-  'confused-face',
-  'construction',
-  'construction-worker',
-  'construction-worker-dark-skin-tone',
-  'construction-worker-light-skin-tone',
-  'construction-worker-medium-dark-skin-tone',
-  'construction-worker-medium-light-skin-tone',
-  'construction-worker-medium-skin-tone',
-  'control-knobs',
-  'convenience-store',
-  'cooked-rice',
-  'cookie',
-  'cooking',
-  'cool-button',
-  'copyright',
-  'couch-and-lamp',
-  'counterclockwise-arrows-button',
-  'couple-with-heart',
-  'couple-with-heart-man-man',
-  'couple-with-heart-woman-woman',
-  'cow',
-  'cow-face',
-  'cowboy-hat-face',
-  'crab',
-  'crayon',
-  'credit-card',
-  'crescent-moon',
-  'cricket-game',
-  'crocodile',
-  'croissant',
-  'cross-mark',
-  'cross-mark-button',
-  'crossed-fingers',
-  'crossed-fingers-dark-skin-tone',
-  'crossed-fingers-light-skin-tone',
-  'crossed-fingers-medium-dark-skin-tone',
-  'crossed-fingers-medium-light-skin-tone',
-  'crossed-fingers-medium-skin-tone',
-  'crossed-swords',
-  'crown',
-  'crying-cat-face',
-  'crying-face',
-  'crystal-ball',
-  'cucumber',
-  'curly-loop',
-  'currency-exchange',
-  'curry-rice',
-  'custard',
-  'customs',
-  'cyclone',
-  'dagger',
-  'dango',
-  'dark-skin-tone',
-  'dashing-away',
-  'deciduous-tree',
-  'deer',
-  'delivery-truck',
-  'department-store',
-  'derelict-house',
-  'desert',
-  'desert-island',
-  'desktop-computer',
-  'detective',
-  'detective-dark-skin-tone',
-  'detective-light-skin-tone',
-  'detective-medium-dark-skin-tone',
-  'detective-medium-light-skin-tone',
-  'detective-medium-skin-tone',
-  'diamond-suit',
-  'diamond-with-a-dot',
-  'digit-eight',
-  'digit-five',
-  'digit-four',
-  'digit-nine',
-  'digit-one',
-  'digit-seven',
-  'digit-six',
-  'digit-three',
-  'digit-two',
-  'digit-zero',
-  'dim-button',
-  'direct-hit',
-  'disappointed-face',
-  'dizzy',
-  'dizzy-face',
-  'dog',
-  'dog-face',
-  'dollar-banknote',
-  'dolphin',
-  'door',
-  'dotted-six-pointed-star',
-  'double-curly-loop',
-  'double-exclamation-mark',
-  'doughnut',
-  'dove',
-  'down-arrow',
-  'down-left-arrow',
-  'down-right-arrow',
-  'downcast-face-with-sweat',
-  'downwards-button',
-  'dragon',
-  'dragon-face',
-  'dress',
-  'drooling-face',
-  'droplet',
-  'drum',
-  'duck',
-  'dvd',
-  'e-mail',
-  'eagle',
-  'ear',
-  'ear-dark-skin-tone',
-  'ear-light-skin-tone',
-  'ear-medium-dark-skin-tone',
-  'ear-medium-light-skin-tone',
-  'ear-medium-skin-tone',
-  'ear-of-corn',
-  'egg',
-  'eggplant',
-  'eight-oclock',
-  'eight-pointed-star',
-  'eight-spoked-asterisk',
-  'eight-thirty',
-  'eject-button',
-  'electric-plug',
-  'elephant',
-  'eleven-oclock',
-  'eleven-thirty',
-  'end-arrow',
-  'envelope',
-  'envelope-with-arrow',
-  'euro-banknote',
-  'evergreen-tree',
-  'ewe',
-  'exclamation-mark',
-  'exclamation-question-mark',
-  'expressionless-face',
-  'eye',
-  'eye-in-speech-bubble',
-  'eyes',
-  'face-blowing-a-kiss',
-  'face-savoring-food',
-  'face-screaming-in-fear',
-  'face-with-head-bandage',
-  'face-with-medical-mask',
-  'face-with-open-mouth',
-  'face-with-rolling-eyes',
-  'face-with-steam-from-nose',
-  'face-with-tears-of-joy',
-  'face-with-thermometer',
-  'face-with-tongue',
-  'face-without-mouth',
-  'factory',
-  'fallen-leaf',
-  'family',
-  'family-man-man-boy',
-  'family-man-man-boy-boy',
-  'family-man-man-girl',
-  'family-man-man-girl-boy',
-  'family-man-man-girl-girl',
-  'family-man-woman-boy-boy',
-  'family-man-woman-girl',
-  'family-man-woman-girl-boy',
-  'family-man-woman-girl-girl',
-  'family-woman-woman-boy',
-  'family-woman-woman-boy-boy',
-  'family-woman-woman-girl',
-  'family-woman-woman-girl-boy',
-  'family-woman-woman-girl-girl',
-  'fast-down-button',
-  'fast-forward-button',
-  'fast-reverse-button',
-  'fast-up-button',
-  'fax-machine',
-  'fearful-face',
-  'ferris-wheel',
-  'ferry',
-  'field-hockey',
-  'file-cabinet',
-  'file-folder',
-  'film-frames',
-  'film-projector',
-  'fire',
-  'fire-engine',
-  'fireworks',
-  'first-quarter-moon',
-  'first-quarter-moon-face',
-  'fish',
-  'fish-cake-with-swirl',
-  'fishing-pole',
-  'five-oclock',
-  'five-thirty',
-  'flag-england',
-  'flag-for-afghanistan',
-  'flag-for-aland-islands',
-  'flag-for-albania',
-  'flag-for-algeria',
-  'flag-for-american-samoa',
-  'flag-for-andorra',
-  'flag-for-angola',
-  'flag-for-anguilla',
-  'flag-for-antarctica',
-  'flag-for-antigua-and-barbuda',
-  'flag-for-argentina',
-  'flag-for-armenia',
-  'flag-for-aruba',
-  'flag-for-ascension-island',
-  'flag-for-australia',
-  'flag-for-austria',
-  'flag-for-azerbaijan',
-  'flag-for-bahamas',
-  'flag-for-bahrain',
-  'flag-for-bangladesh',
-  'flag-for-barbados',
-  'flag-for-belarus',
-  'flag-for-belgium',
-  'flag-for-belize',
-  'flag-for-benin',
-  'flag-for-bermuda',
-  'flag-for-bhutan',
-  'flag-for-black-flag',
-  'flag-for-bolivia',
-  'flag-for-bosnia-and-herzegovina',
-  'flag-for-botswana',
-  'flag-for-bouvet-island',
-  'flag-for-brazil',
-  'flag-for-british-indian-ocean-territory',
-  'flag-for-british-virgin-islands',
-  'flag-for-brunei',
-  'flag-for-bulgaria',
-  'flag-for-burkina-faso',
-  'flag-for-burundi',
-  'flag-for-cambodia',
-  'flag-for-cameroon',
-  'flag-for-canada',
-  'flag-for-canary-islands',
-  'flag-for-cape-verde',
-  'flag-for-caribbean-netherlands',
-  'flag-for-cayman-islands',
-  'flag-for-central-african-republic',
-  'flag-for-ceuta-and-melilla',
-  'flag-for-chad',
-  'flag-for-chequered-flag',
-  'flag-for-chile',
-  'flag-for-china',
-  'flag-for-christmas-island',
-  'flag-for-clipperton-island',
-  'flag-for-cocos-islands',
-  'flag-for-colombia',
-  'flag-for-comoros',
-  'flag-for-congo-brazzaville',
-  'flag-for-congo-kinshasa',
-  'flag-for-cook-islands',
-  'flag-for-costa-rica',
-  'flag-for-cote-divoire',
-  'flag-for-croatia',
-  'flag-for-crossed-flags',
-  'flag-for-cuba',
-  'flag-for-curacao',
-  'flag-for-cyprus',
-  'flag-for-czechia',
-  'flag-for-denmark',
-  'flag-for-diego-garcia',
-  'flag-for-djibouti',
-  'flag-for-dominica',
-  'flag-for-dominican-republic',
-  'flag-for-ecuador',
-  'flag-for-egypt',
-  'flag-for-el-salvador',
-  'flag-for-equatorial-guinea',
-  'flag-for-eritrea',
-  'flag-for-estonia',
-  'flag-for-ethiopia',
-  'flag-for-european-union',
-  'flag-for-falkland-islands',
-  'flag-for-faroe-islands',
-  'flag-for-fiji',
-  'flag-for-finland',
-  'flag-for-france',
-  'flag-for-french-guiana',
-  'flag-for-french-polynesia',
-  'flag-for-french-southern-territories',
-  'flag-for-gabon',
-  'flag-for-gambia',
-  'flag-for-georgia',
-  'flag-for-germany',
-  'flag-for-ghana',
-  'flag-for-gibraltar',
-  'flag-for-greece',
-  'flag-for-greenland',
-  'flag-for-grenada',
-  'flag-for-guadeloupe',
-  'flag-for-guam',
-  'flag-for-guatemala',
-  'flag-for-guernsey',
-  'flag-for-guinea',
-  'flag-for-guinea-bissau',
-  'flag-for-guyana',
-  'flag-for-haiti',
-  'flag-for-heard-and-mcdonald-islands',
-  'flag-for-honduras',
-  'flag-for-hong-kong-sar-china',
-  'flag-for-hungary',
-  'flag-for-iceland',
-  'flag-for-india',
-  'flag-for-indonesia',
-  'flag-for-iran',
-  'flag-for-iraq',
-  'flag-for-ireland',
-  'flag-for-isle-of-man',
-  'flag-for-israel',
-  'flag-for-italy',
-  'flag-for-jamaica',
-  'flag-for-japan',
-  'flag-for-jersey',
-  'flag-for-jordan',
-  'flag-for-kazakhstan',
-  'flag-for-kenya',
-  'flag-for-kiribati',
-  'flag-for-kosovo',
-  'flag-for-kuwait',
-  'flag-for-kyrgyzstan',
-  'flag-for-laos',
-  'flag-for-latvia',
-  'flag-for-lebanon',
-  'flag-for-lesotho',
-  'flag-for-liberia',
-  'flag-for-libya',
-  'flag-for-liechtenstein',
-  'flag-for-lithuania',
-  'flag-for-luxembourg',
-  'flag-for-macau-sar-china',
-  'flag-for-macedonia',
-  'flag-for-madagascar',
-  'flag-for-malawi',
-  'flag-for-malaysia',
-  'flag-for-maldives',
-  'flag-for-mali',
-  'flag-for-malta',
-  'flag-for-marshall-islands',
-  'flag-for-martinique',
-  'flag-for-mauritania',
-  'flag-for-mauritius',
-  'flag-for-mayotte',
-  'flag-for-mexico',
-  'flag-for-micronesia',
-  'flag-for-moldova',
-  'flag-for-monaco',
-  'flag-for-mongolia',
-  'flag-for-montenegro',
-  'flag-for-montserrat',
-  'flag-for-morocco',
-  'flag-for-mozambique',
-  'flag-for-myanmar',
-  'flag-for-namibia',
-  'flag-for-nauru',
-  'flag-for-nepal',
-  'flag-for-netherlands',
-  'flag-for-new-caledonia',
-  'flag-for-new-zealand',
-  'flag-for-nicaragua',
-  'flag-for-niger',
-  'flag-for-nigeria',
-  'flag-for-niue',
-  'flag-for-norfolk-island',
-  'flag-for-north-korea',
-  'flag-for-northern-mariana-islands',
-  'flag-for-norway',
-  'flag-for-oman',
-  'flag-for-pakistan',
-  'flag-for-palau',
-  'flag-for-palestinian-territories',
-  'flag-for-panama',
-  'flag-for-papua-new-guinea',
-  'flag-for-paraguay',
-  'flag-for-peru',
-  'flag-for-philippines',
-  'flag-for-pitcairn-islands',
-  'flag-for-poland',
-  'flag-for-portugal',
-  'flag-for-puerto-rico',
-  'flag-for-qatar',
-  'flag-for-rainbow-flag',
-  'flag-for-reunion',
-  'flag-for-romania',
-  'flag-for-russia',
-  'flag-for-rwanda',
-  'flag-for-samoa',
-  'flag-for-san-marino',
-  'flag-for-sao-tome-and-principe',
-  'flag-for-saudi-arabia',
-  'flag-for-senegal',
-  'flag-for-serbia',
-  'flag-for-seychelles',
-  'flag-for-sierra-leone',
-  'flag-for-singapore',
-  'flag-for-sint-maarten',
-  'flag-for-slovakia',
-  'flag-for-slovenia',
-  'flag-for-solomon-islands',
-  'flag-for-somalia',
-  'flag-for-south-africa',
-  'flag-for-south-georgia-and-south-sandwich-islands',
-  'flag-for-south-korea',
-  'flag-for-south-sudan',
-  'flag-for-spain',
-  'flag-for-sri-lanka',
-  'flag-for-st-barthelemy',
-  'flag-for-st-helena',
-  'flag-for-st-kitts-and-nevis',
-  'flag-for-st-lucia',
-  'flag-for-st-martin',
-  'flag-for-st-pierre-and-miquelon',
-  'flag-for-st-vincent-and-grenadines',
-  'flag-for-sudan',
-  'flag-for-suriname',
-  'flag-for-svalbard-and-jan-mayen',
-  'flag-for-swaziland',
-  'flag-for-sweden',
-  'flag-for-switzerland',
-  'flag-for-syria',
-  'flag-for-taiwan',
-  'flag-for-tajikistan',
-  'flag-for-tanzania',
-  'flag-for-thailand',
-  'flag-for-timor-leste',
-  'flag-for-togo',
-  'flag-for-tokelau',
-  'flag-for-tonga',
-  'flag-for-triangular-flag',
-  'flag-for-trinidad-and-tobago',
-  'flag-for-tristan-da-cunha',
-  'flag-for-tunisia',
-  'flag-for-turkey',
-  'flag-for-turkmenistan',
-  'flag-for-turks-and-caicos-islands',
-  'flag-for-tuvalu',
-  'flag-for-uganda',
-  'flag-for-ukraine',
-  'flag-for-united-arab-emirates',
-  'flag-for-united-kingdom',
-  'flag-for-united-states',
-  'flag-for-uruguay',
-  'flag-for-us-outlying-islands',
-  'flag-for-us-virgin-islands',
-  'flag-for-uzbekistan',
-  'flag-for-vanuatu',
-  'flag-for-vatican-city',
-  'flag-for-venezuela',
-  'flag-for-vietnam',
-  'flag-for-wallis-and-futuna',
-  'flag-for-western-sahara',
-  'flag-for-white-flag',
-  'flag-for-yemen',
-  'flag-for-zambia',
-  'flag-for-zimbabwe',
-  'flag-in-hole',
-  'flag-scotland',
-  'flashlight',
-  'fleur-de-lis',
-  'flexed-biceps',
-  'flexed-biceps-dark-skin-tone',
-  'flexed-biceps-light-skin-tone',
-  'flexed-biceps-medium-dark-skin-tone',
-  'flexed-biceps-medium-light-skin-tone',
-  'flexed-biceps-medium-skin-tone',
-  'floppy-disk',
-  'flower-playing-cards',
-  'flushed-face',
-  'fog',
-  'foggy',
-  'folded-hands',
-  'folded-hands-dark-skin-tone',
-  'folded-hands-light-skin-tone',
-  'folded-hands-medium-dark-skin-tone',
-  'folded-hands-medium-light-skin-tone',
-  'folded-hands-medium-skin-tone',
-  'footprints',
-  'fork-and-knife',
-  'fork-and-knife-with-plate',
-  'fountain',
-  'fountain-pen',
-  'four-leaf-clover',
-  'four-oclock',
-  'four-thirty',
-  'fox',
-  'framed-picture',
-  'free-button',
-  'french-fries',
-  'fried-shrimp',
-  'frog-face',
-  'front-facing-baby-chick',
-  'frowning-face',
-  'frowning-face-with-open-mouth',
-  'fuel-pump',
-  'full-moon',
-  'full-moon-face',
-  'funeral-urn',
-  'game-die',
-  'gear',
-  'gem-stone',
-  'gemini',
-  'ghost',
-  'girl',
-  'girl-dark-skin-tone',
-  'girl-light-skin-tone',
-  'girl-medium-dark-skin-tone',
-  'girl-medium-light-skin-tone',
-  'girl-medium-skin-tone',
-  'glass-of-milk',
-  'glasses',
-  'globe-showing-americas',
-  'globe-showing-asia-australia',
-  'globe-showing-europe-africa',
-  'globe-with-meridians',
-  'glowing-star',
-  'goal-net',
-  'goat',
-  'goblin',
-  'gorilla',
-  'graduation-cap',
-  'grapes',
-  'green-apple',
-  'green-book',
-  'green-heart',
-  'green-salad',
-  'grimacing-face',
-  'grinning-cat-face',
-  'grinning-cat-face-with-smiling-eyes',
-  'grinning-face',
-  'grinning-face-with-big-eyes',
-  'grinning-face-with-smiling-eyes',
-  'grinning-face-with-sweat',
-  'grinning-squinting-face',
-  'growing-heart',
-  'guard',
-  'guard-dark-skin-tone',
-  'guard-light-skin-tone',
-  'guard-medium-dark-skin-tone',
-  'guard-medium-light-skin-tone',
-  'guard-medium-skin-tone',
-  'guitar',
-  'hamburger',
-  'hammer',
-  'hammer-and-pick',
-  'hammer-and-wrench',
-  'hamster-face',
-  'hand-with-fingers-splayed',
-  'hand-with-fingers-splayed-dark-skin-tone',
-  'hand-with-fingers-splayed-light-skin-tone',
-  'hand-with-fingers-splayed-medium-dark-skin-tone',
-  'hand-with-fingers-splayed-medium-light-skin-tone',
-  'hand-with-fingers-splayed-medium-skin-tone',
-  'handbag',
-  'handshake',
-  'handshake-dark-skin-tone',
-  'handshake-light-skin-tone',
-  'handshake-medium-dark-skin-tone',
-  'handshake-medium-light-skin-tone',
-  'handshake-medium-skin-tone',
-  'hatching-chick',
-  'headphone',
-  'hear-no-evil-monkey',
-  'heart-decoration',
-  'heart-suit',
-  'heart-with-arrow',
-  'heart-with-ribbon',
-  'heavy-check-mark',
-  'heavy-division-sign',
-  'heavy-dollar-sign',
-  'heavy-heart-exclamation',
-  'heavy-large-circle',
-  'heavy-minus-sign',
-  'heavy-multiplication-x',
-  'heavy-plus-sign',
-  'helicopter',
-  'herb',
-  'hibiscus',
-  'high-heeled-shoe',
-  'high-speed-train',
-  'high-voltage',
-  'hole',
-  'honey-pot',
-  'honeybee',
-  'horizontal-traffic-light',
-  'horse',
-  'horse-face',
-  'horse-racing',
-  'horse-racing-dark-skin-tone',
-  'horse-racing-light-skin-tone',
-  'horse-racing-medium-dark-skin-tone',
-  'horse-racing-medium-light-skin-tone',
-  'horse-racing-medium-skin-tone',
-  'hospital',
-  'hot-beverage',
-  'hot-dog',
-  'hot-pepper',
-  'hot-springs',
-  'hotel',
-  'hourglass-done',
-  'hourglass-not-done',
-  'house',
-  'house-with-garden',
-  'houses',
-  'hugging-face',
-  'hundred-points',
-  'hushed-face',
-  'ice-cream',
-  'ice-hockey',
-  'ice-skate',
-  'id-button',
-  'inbox-tray',
-  'incoming-envelope',
-  'index-pointing-up',
-  'index-pointing-up-dark-skin-tone',
-  'index-pointing-up-light-skin-tone',
-  'index-pointing-up-medium-dark-skin-tone',
-  'index-pointing-up-medium-light-skin-tone',
-  'index-pointing-up-medium-skin-tone',
-  'information',
-  'input-latin-letters',
-  'input-latin-lowercase',
-  'input-latin-uppercase',
-  'input-numbers',
-  'input-symbols',
-  'jack-o-lantern',
-  'japanese-acceptable-button',
-  'japanese-application-button',
-  'japanese-bargain-button',
-  'japanese-castle',
-  'japanese-congratulations-button',
-  'japanese-discount-button',
-  'japanese-dolls',
-  'japanese-free-of-charge-button',
-  'japanese-here-button',
-  'japanese-monthly-amount-button',
-  'japanese-no-vacancy-button',
-  'japanese-not-free-of-charge-button',
-  'japanese-open-for-business-button',
-  'japanese-passing-grade-button',
-  'japanese-post-office',
-  'japanese-prohibited-button',
-  'japanese-reserved-button',
-  'japanese-secret-button',
-  'japanese-service-charge-button',
-  'japanese-symbol-for-beginner',
-  'japanese-vacancy-button',
-  'jeans',
-  'joker',
-  'joystick',
-  'kaaba',
-  'key',
-  'keyboard',
-  'keycap-0',
-  'keycap-1',
-  'keycap-10',
-  'keycap-2',
-  'keycap-3',
-  'keycap-4',
-  'keycap-5',
-  'keycap-6',
-  'keycap-7',
-  'keycap-8',
-  'keycap-9',
-  'keycap-asterisk',
-  'keycap-pound',
-  'kick-scooter',
-  'kimono',
-  'kiss',
-  'kiss-man-man',
-  'kiss-mark',
-  'kiss-woman-woman',
-  'kissing-cat-face',
-  'kissing-face',
-  'kissing-face-with-closed-eyes',
-  'kissing-face-with-smiling-eyes',
-  'kitchen-knife',
-  'kiwi-fruit',
-  'koala',
-  'label',
-  'lady-beetle',
-  'laptop-computer',
-  'large-blue-diamond',
-  'large-orange-diamond',
-  'last-quarter-moon',
-  'last-quarter-moon-face',
-  'last-track-button',
-  'latin-cross',
-  'leaf-fluttering-in-wind',
-  'ledger',
-  'left-arrow',
-  'left-arrow-curving-right',
-  'left-facing-fist',
-  'left-facing-fist-dark-skin-tone',
-  'left-facing-fist-light-skin-tone',
-  'left-facing-fist-medium-dark-skin-tone',
-  'left-facing-fist-medium-light-skin-tone',
-  'left-facing-fist-medium-skin-tone',
-  'left-luggage',
-  'left-right-arrow',
-  'left-speech-bubble',
-  'lemon',
-  'leo',
-  'leopard',
-  'letter-a',
-  'letter-b',
-  'letter-c',
-  'letter-d',
-  'letter-e',
-  'letter-f',
-  'letter-g',
-  'letter-h',
-  'letter-i',
-  'letter-j',
-  'letter-k',
-  'letter-l',
-  'letter-m',
-  'letter-n',
-  'letter-o',
-  'letter-p',
-  'letter-q',
-  'letter-r',
-  'letter-s',
-  'letter-t',
-  'letter-u',
-  'letter-v',
-  'letter-w',
-  'letter-x',
-  'letter-y',
-  'letter-z',
-  'level-slider',
-  'libra',
-  'light-bulb',
-  'light-rail',
-  'light-skin-tone',
-  'link',
-  'linked-paperclips',
-  'lion-face',
-  'lipstick',
-  'litter-in-bin-sign',
-  'lizard',
-  'locked',
-  'locked-with-key',
-  'locked-with-pen',
-  'locomotive',
-  'lollipop',
-  'loudly-crying-face',
-  'loudspeaker',
-  'love-hotel',
-  'love-letter',
-  'lying-face',
-  'magnifying-glass-tilted-left',
-  'magnifying-glass-tilted-right',
-  'mahjong-red-dragon',
-  'man',
-  'man-and-woman-holding-hands',
-  'man-dancing',
-  'man-dancing-dark-skin-tone',
-  'man-dancing-light-skin-tone',
-  'man-dancing-medium-dark-skin-tone',
-  'man-dancing-medium-light-skin-tone',
-  'man-dancing-medium-skin-tone',
-  'man-dark-skin-tone',
-  'man-in-suit-levitating',
-  'man-in-tuxedo',
-  'man-in-tuxedo-dark-skin-tone',
-  'man-in-tuxedo-light-skin-tone',
-  'man-in-tuxedo-medium-dark-skin-tone',
-  'man-in-tuxedo-medium-light-skin-tone',
-  'man-in-tuxedo-medium-skin-tone',
-  'man-light-skin-tone',
-  'man-medium-dark-skin-tone',
-  'man-medium-light-skin-tone',
-  'man-medium-skin-tone',
-  'man-with-chinese-cap',
-  'man-with-chinese-cap-dark-skin-tone',
-  'man-with-chinese-cap-light-skin-tone',
-  'man-with-chinese-cap-medium-dark-skin-tone',
-  'man-with-chinese-cap-medium-light-skin-tone',
-  'man-with-chinese-cap-medium-skin-tone',
-  'mans-shoe',
-  'mantelpiece-clock',
-  'map-of-japan',
-  'maple-leaf',
-  'martial-arts-uniform',
-  'meat-on-bone',
-  'medium-dark-skin-tone',
-  'medium-light-skin-tone',
-  'medium-skin-tone',
-  'megaphone',
-  'melon',
-  'memo',
-  'menorah',
-  'mens-room',
-  'metro',
-  'microphone',
-  'microscope',
+  'backhand-index-pointing-up-medium-dark-skin-tone',
+  'backhand-index-pointing-up-dark-skin-tone',
   'middle-finger',
-  'middle-finger-dark-skin-tone',
   'middle-finger-light-skin-tone',
-  'middle-finger-medium-dark-skin-tone',
   'middle-finger-medium-light-skin-tone',
   'middle-finger-medium-skin-tone',
-  'military-medal',
-  'milky-way',
-  'minibus',
-  'moai',
-  'mobile-phone',
-  'mobile-phone-off',
-  'mobile-phone-with-arrow',
-  'money-bag',
-  'money-mouth-face',
-  'money-with-wings',
-  'monkey',
-  'monkey-face',
-  'monorail',
-  'moon-viewing-ceremony',
-  'mosque',
-  'motor-boat',
-  'motor-scooter',
-  'motorcycle',
-  'motorway',
-  'mount-fuji',
-  'mountain',
-  'mountain-cableway',
-  'mountain-railway',
-  'mouse',
-  'mouse-face',
-  'mouth',
-  'movie-camera',
-  'mrs-claus',
-  'mrs-claus-dark-skin-tone',
-  'mrs-claus-light-skin-tone',
-  'mrs-claus-medium-dark-skin-tone',
-  'mrs-claus-medium-light-skin-tone',
-  'mrs-claus-medium-skin-tone',
-  'mushroom',
-  'musical-keyboard',
-  'musical-note',
-  'musical-notes',
-  'musical-score',
-  'muted-speaker',
-  'nail-polish',
-  'nail-polish-dark-skin-tone',
-  'nail-polish-light-skin-tone',
-  'nail-polish-medium-dark-skin-tone',
-  'nail-polish-medium-light-skin-tone',
-  'nail-polish-medium-skin-tone',
-  'name-badge',
-  'national-park',
-  'nauseated-face',
-  'necktie',
-  'nerd-face',
-  'neutral-face',
-  'new-button',
-  'new-moon',
-  'new-moon-face',
-  'newspaper',
-  'next-track-button',
-  'ng-button',
-  'night-with-stars',
-  'nine-oclock',
-  'nine-thirty',
-  'no-bicycles',
-  'no-entry',
-  'no-littering',
-  'no-mobile-phones',
-  'no-one-under-eighteen',
-  'no-pedestrians',
-  'no-smoking',
-  'non-potable-water',
-  'nose',
-  'nose-dark-skin-tone',
-  'nose-light-skin-tone',
-  'nose-medium-dark-skin-tone',
-  'nose-medium-light-skin-tone',
-  'nose-medium-skin-tone',
-  'notebook',
-  'notebook-with-decorative-cover',
-  'nut-and-bolt',
-  'o-button',
-  'octopus',
-  'oden',
-  'office-building',
-  'ogre',
-  'oil-drum',
-  'ok-button',
-  'ok-hand',
-  'ok-hand-dark-skin-tone',
-  'ok-hand-light-skin-tone',
-  'ok-hand-medium-dark-skin-tone',
-  'ok-hand-medium-light-skin-tone',
-  'ok-hand-medium-skin-tone',
-  'old-key',
-  'old-man',
-  'old-man-dark-skin-tone',
-  'old-man-light-skin-tone',
-  'old-man-medium-dark-skin-tone',
-  'old-man-medium-light-skin-tone',
-  'old-man-medium-skin-tone',
-  'old-woman',
-  'old-woman-dark-skin-tone',
-  'old-woman-light-skin-tone',
-  'old-woman-medium-dark-skin-tone',
-  'old-woman-medium-light-skin-tone',
-  'old-woman-medium-skin-tone',
-  'om',
-  'on-arrow',
-  'oncoming-automobile',
-  'oncoming-bus',
+  'middle-finger-medium-dark-skin-tone',
+  'middle-finger-dark-skin-tone',
+  'backhand-index-pointing-down',
+  'backhand-index-pointing-down-light-skin-tone',
+  'backhand-index-pointing-down-medium-light-skin-tone',
+  'backhand-index-pointing-down-medium-skin-tone',
+  'backhand-index-pointing-down-medium-dark-skin-tone',
+  'backhand-index-pointing-down-dark-skin-tone',
+  'index-pointing-up',
+  'index-pointing-up-light-skin-tone',
+  'index-pointing-up-medium-light-skin-tone',
+  'index-pointing-up-medium-skin-tone',
+  'index-pointing-up-medium-dark-skin-tone',
+  'index-pointing-up-dark-skin-tone',
+  'thumbs-up',
+  'thumbs-up-light-skin-tone',
+  'thumbs-up-medium-light-skin-tone',
+  'thumbs-up-medium-skin-tone',
+  'thumbs-up-medium-dark-skin-tone',
+  'thumbs-up-dark-skin-tone',
+  'thumbs-down',
+  'thumbs-down-light-skin-tone',
+  'thumbs-down-medium-light-skin-tone',
+  'thumbs-down-medium-skin-tone',
+  'thumbs-down-medium-dark-skin-tone',
+  'thumbs-down-dark-skin-tone',
+  'raised-fist',
+  'raised-fist-light-skin-tone',
+  'raised-fist-medium-light-skin-tone',
+  'raised-fist-medium-skin-tone',
+  'raised-fist-medium-dark-skin-tone',
+  'raised-fist-dark-skin-tone',
   'oncoming-fist',
-  'oncoming-fist-dark-skin-tone',
   'oncoming-fist-light-skin-tone',
-  'oncoming-fist-medium-dark-skin-tone',
   'oncoming-fist-medium-light-skin-tone',
   'oncoming-fist-medium-skin-tone',
-  'oncoming-police-car',
-  'oncoming-taxi',
-  'one-oclock',
-  'one-thirty',
-  'open-book',
-  'open-file-folder',
+  'oncoming-fist-medium-dark-skin-tone',
+  'oncoming-fist-dark-skin-tone',
+  'left-facing-fist',
+  'left-facing-fist-light-skin-tone',
+  'left-facing-fist-medium-light-skin-tone',
+  'left-facing-fist-medium-skin-tone',
+  'left-facing-fist-medium-dark-skin-tone',
+  'left-facing-fist-dark-skin-tone',
+  'right-facing-fist',
+  'right-facing-fist-light-skin-tone',
+  'right-facing-fist-medium-light-skin-tone',
+  'right-facing-fist-medium-skin-tone',
+  'right-facing-fist-medium-dark-skin-tone',
+  'right-facing-fist-dark-skin-tone',
+  'clapping-hands',
+  'clapping-hands-light-skin-tone',
+  'clapping-hands-medium-light-skin-tone',
+  'clapping-hands-medium-skin-tone',
+  'clapping-hands-medium-dark-skin-tone',
+  'clapping-hands-dark-skin-tone',
+  'raising-hands',
+  'raising-hands-light-skin-tone',
+  'raising-hands-medium-light-skin-tone',
+  'raising-hands-medium-skin-tone',
+  'raising-hands-medium-dark-skin-tone',
+  'raising-hands-dark-skin-tone',
   'open-hands',
-  'open-hands-dark-skin-tone',
   'open-hands-light-skin-tone',
-  'open-hands-medium-dark-skin-tone',
   'open-hands-medium-light-skin-tone',
   'open-hands-medium-skin-tone',
-  'open-mailbox-with-lowered-flag',
-  'open-mailbox-with-raised-flag',
-  'ophiuchus',
-  'optical-disk',
-  'orange-book',
-  'orthodox-cross',
-  'outbox-tray',
-  'owl',
-  'ox',
-  'p-button',
-  'package',
-  'page-facing-up',
-  'page-with-curl',
-  'pager',
-  'paintbrush',
-  'palm-tree',
-  'pancakes',
-  'panda-face',
-  'paperclip',
-  'part-alternation-mark',
-  'party-popper',
-  'passenger-ship',
-  'passport-control',
-  'pause-button',
-  'paw-prints',
-  'peace-symbol',
-  'peach',
-  'peanuts',
-  'pear',
-  'pen',
-  'pencil',
-  'penguin',
-  'pensive-face',
-  'people-with-bunny-ears',
-  'people-wrestling',
-  'people-wrestling-dark-skin-tone',
-  'people-wrestling-light-skin-tone',
-  'people-wrestling-medium-dark-skin-tone',
-  'people-wrestling-medium-light-skin-tone',
-  'people-wrestling-medium-skin-tone',
-  'performing-arts',
-  'persevering-face',
-  'person-biking',
-  'person-biking-dark-skin-tone',
-  'person-biking-light-skin-tone',
-  'person-biking-medium-dark-skin-tone',
-  'person-biking-medium-light-skin-tone',
-  'person-biking-medium-skin-tone',
-  'person-bouncing-ball',
-  'person-bouncing-ball-dark-skin-tone',
-  'person-bouncing-ball-light-skin-tone',
-  'person-bouncing-ball-medium-dark-skin-tone',
-  'person-bouncing-ball-medium-light-skin-tone',
-  'person-bouncing-ball-medium-skin-tone',
-  'person-bowing',
-  'person-bowing-dark-skin-tone',
-  'person-bowing-light-skin-tone',
-  'person-bowing-medium-dark-skin-tone',
-  'person-bowing-medium-light-skin-tone',
-  'person-bowing-medium-skin-tone',
-  'person-cartwheeling',
-  'person-cartwheeling-dark-skin-tone',
-  'person-cartwheeling-light-skin-tone',
-  'person-cartwheeling-medium-dark-skin-tone',
-  'person-cartwheeling-medium-light-skin-tone',
-  'person-cartwheeling-medium-skin-tone',
-  'person-facepalming',
-  'person-facepalming-dark-skin-tone',
-  'person-facepalming-light-skin-tone',
-  'person-facepalming-medium-dark-skin-tone',
-  'person-facepalming-medium-light-skin-tone',
-  'person-facepalming-medium-skin-tone',
-  'person-fencing',
-  'person-frowning',
-  'person-frowning-dark-skin-tone',
-  'person-frowning-light-skin-tone',
-  'person-frowning-medium-dark-skin-tone',
-  'person-frowning-medium-light-skin-tone',
-  'person-frowning-medium-skin-tone',
-  'person-gesturing-no',
-  'person-gesturing-no-dark-skin-tone',
-  'person-gesturing-no-light-skin-tone',
-  'person-gesturing-no-medium-dark-skin-tone',
-  'person-gesturing-no-medium-light-skin-tone',
-  'person-gesturing-no-medium-skin-tone',
-  'person-gesturing-ok',
-  'person-gesturing-ok-dark-skin-tone',
-  'person-gesturing-ok-light-skin-tone',
-  'person-gesturing-ok-medium-dark-skin-tone',
-  'person-gesturing-ok-medium-light-skin-tone',
-  'person-gesturing-ok-medium-skin-tone',
-  'person-getting-haircut',
-  'person-getting-haircut-dark-skin-tone',
-  'person-getting-haircut-light-skin-tone',
-  'person-getting-haircut-medium-dark-skin-tone',
-  'person-getting-haircut-medium-light-skin-tone',
-  'person-getting-haircut-medium-skin-tone',
-  'person-getting-massage',
-  'person-getting-massage-dark-skin-tone',
-  'person-getting-massage-light-skin-tone',
-  'person-getting-massage-medium-dark-skin-tone',
-  'person-getting-massage-medium-light-skin-tone',
-  'person-getting-massage-medium-skin-tone',
-  'person-golfing',
-  'person-in-bed',
-  'person-juggling',
-  'person-juggling-dark-skin-tone',
-  'person-juggling-light-skin-tone',
-  'person-juggling-medium-dark-skin-tone',
-  'person-juggling-medium-light-skin-tone',
-  'person-juggling-medium-skin-tone',
-  'person-lifting-weights',
-  'person-lifting-weights-dark-skin-tone',
-  'person-lifting-weights-light-skin-tone',
-  'person-lifting-weights-medium-dark-skin-tone',
-  'person-lifting-weights-medium-light-skin-tone',
-  'person-lifting-weights-medium-skin-tone',
-  'person-mountain-biking',
-  'person-mountain-biking-dark-skin-tone',
-  'person-mountain-biking-light-skin-tone',
-  'person-mountain-biking-medium-dark-skin-tone',
-  'person-mountain-biking-medium-light-skin-tone',
-  'person-mountain-biking-medium-skin-tone',
-  'person-playing-handball',
-  'person-playing-handball-dark-skin-tone',
-  'person-playing-handball-light-skin-tone',
-  'person-playing-handball-medium-dark-skin-tone',
-  'person-playing-handball-medium-light-skin-tone',
-  'person-playing-handball-medium-skin-tone',
-  'person-playing-water-polo',
-  'person-playing-water-polo-dark-skin-tone',
-  'person-playing-water-polo-light-skin-tone',
-  'person-playing-water-polo-medium-dark-skin-tone',
-  'person-playing-water-polo-medium-light-skin-tone',
-  'person-playing-water-polo-medium-skin-tone',
+  'open-hands-medium-dark-skin-tone',
+  'open-hands-dark-skin-tone',
+  'handshake',
+  'handshake-light-skin-tone',
+  'handshake-medium-light-skin-tone',
+  'handshake-medium-skin-tone',
+  'handshake-medium-dark-skin-tone',
+  'handshake-dark-skin-tone',
+  'folded-hands',
+  'folded-hands-light-skin-tone',
+  'folded-hands-medium-light-skin-tone',
+  'folded-hands-medium-skin-tone',
+  'folded-hands-medium-dark-skin-tone',
+  'folded-hands-dark-skin-tone',
+  'writing-hand',
+  'writing-hand-light-skin-tone',
+  'writing-hand-medium-light-skin-tone',
+  'writing-hand-medium-skin-tone',
+  'writing-hand-medium-dark-skin-tone',
+  'writing-hand-dark-skin-tone',
+  'nail-polish',
+  'nail-polish-light-skin-tone',
+  'nail-polish-medium-light-skin-tone',
+  'nail-polish-medium-skin-tone',
+  'nail-polish-medium-dark-skin-tone',
+  'nail-polish-dark-skin-tone',
+  'selfie',
+  'selfie-light-skin-tone',
+  'selfie-medium-light-skin-tone',
+  'selfie-medium-skin-tone',
+  'selfie-medium-dark-skin-tone',
+  'selfie-dark-skin-tone',
+  'flexed-biceps',
+  'flexed-biceps-light-skin-tone',
+  'flexed-biceps-medium-light-skin-tone',
+  'flexed-biceps-medium-skin-tone',
+  'flexed-biceps-medium-dark-skin-tone',
+  'flexed-biceps-dark-skin-tone',
+  'ear',
+  'ear-light-skin-tone',
+  'ear-medium-light-skin-tone',
+  'ear-medium-skin-tone',
+  'ear-medium-dark-skin-tone',
+  'ear-dark-skin-tone',
+  'nose',
+  'nose-light-skin-tone',
+  'nose-medium-light-skin-tone',
+  'nose-medium-skin-tone',
+  'nose-medium-dark-skin-tone',
+  'nose-dark-skin-tone',
+  'eyes',
+  'eye',
+  'tongue',
+  'mouth',
+  'baby',
+  'baby-light-skin-tone',
+  'baby-medium-light-skin-tone',
+  'baby-medium-skin-tone',
+  'baby-medium-dark-skin-tone',
+  'baby-dark-skin-tone',
+  'boy',
+  'boy-light-skin-tone',
+  'boy-medium-light-skin-tone',
+  'boy-medium-skin-tone',
+  'boy-medium-dark-skin-tone',
+  'boy-dark-skin-tone',
+  'girl',
+  'girl-light-skin-tone',
+  'girl-medium-light-skin-tone',
+  'girl-medium-skin-tone',
+  'girl-medium-dark-skin-tone',
+  'girl-dark-skin-tone',
+  'man',
+  'man-light-skin-tone',
+  'man-medium-light-skin-tone',
+  'man-medium-skin-tone',
+  'man-medium-dark-skin-tone',
+  'man-dark-skin-tone',
+  'woman',
+  'woman-light-skin-tone',
+  'woman-medium-light-skin-tone',
+  'woman-medium-skin-tone',
+  'woman-medium-dark-skin-tone',
+  'woman-dark-skin-tone',
+  'old-man',
+  'old-man-light-skin-tone',
+  'old-man-medium-light-skin-tone',
+  'old-man-medium-skin-tone',
+  'old-man-medium-dark-skin-tone',
+  'old-man-dark-skin-tone',
+  'old-woman',
+  'old-woman-light-skin-tone',
+  'old-woman-medium-light-skin-tone',
+  'old-woman-medium-skin-tone',
+  'old-woman-medium-dark-skin-tone',
+  'old-woman-dark-skin-tone',
+  'person-frowning',
+  'person-frowning-light-skin-tone',
+  'person-frowning-medium-light-skin-tone',
+  'person-frowning-medium-skin-tone',
+  'person-frowning-medium-dark-skin-tone',
+  'person-frowning-dark-skin-tone',
   'person-pouting',
-  'person-pouting-dark-skin-tone',
   'person-pouting-light-skin-tone',
-  'person-pouting-medium-dark-skin-tone',
   'person-pouting-medium-light-skin-tone',
   'person-pouting-medium-skin-tone',
+  'person-pouting-medium-dark-skin-tone',
+  'person-pouting-dark-skin-tone',
+  'person-gesturing-no',
+  'person-gesturing-no-light-skin-tone',
+  'person-gesturing-no-medium-light-skin-tone',
+  'person-gesturing-no-medium-skin-tone',
+  'person-gesturing-no-medium-dark-skin-tone',
+  'person-gesturing-no-dark-skin-tone',
+  'person-gesturing-ok',
+  'person-gesturing-ok-light-skin-tone',
+  'person-gesturing-ok-medium-light-skin-tone',
+  'person-gesturing-ok-medium-skin-tone',
+  'person-gesturing-ok-medium-dark-skin-tone',
+  'person-gesturing-ok-dark-skin-tone',
+  'person-tipping-hand',
+  'person-tipping-hand-light-skin-tone',
+  'person-tipping-hand-medium-light-skin-tone',
+  'person-tipping-hand-medium-skin-tone',
+  'person-tipping-hand-medium-dark-skin-tone',
+  'person-tipping-hand-dark-skin-tone',
   'person-raising-hand',
-  'person-raising-hand-dark-skin-tone',
   'person-raising-hand-light-skin-tone',
-  'person-raising-hand-medium-dark-skin-tone',
   'person-raising-hand-medium-light-skin-tone',
   'person-raising-hand-medium-skin-tone',
-  'person-rowing-boat',
-  'person-rowing-boat-dark-skin-tone',
-  'person-rowing-boat-light-skin-tone',
-  'person-rowing-boat-medium-dark-skin-tone',
-  'person-rowing-boat-medium-light-skin-tone',
-  'person-rowing-boat-medium-skin-tone',
-  'person-running',
-  'person-running-dark-skin-tone',
-  'person-running-light-skin-tone',
-  'person-running-medium-dark-skin-tone',
-  'person-running-medium-light-skin-tone',
-  'person-running-medium-skin-tone',
+  'person-raising-hand-medium-dark-skin-tone',
+  'person-raising-hand-dark-skin-tone',
+  'person-bowing',
+  'person-bowing-light-skin-tone',
+  'person-bowing-medium-light-skin-tone',
+  'person-bowing-medium-skin-tone',
+  'person-bowing-medium-dark-skin-tone',
+  'person-bowing-dark-skin-tone',
+  'person-facepalming',
+  'person-facepalming-light-skin-tone',
+  'person-facepalming-medium-light-skin-tone',
+  'person-facepalming-medium-skin-tone',
+  'person-facepalming-medium-dark-skin-tone',
+  'person-facepalming-dark-skin-tone',
   'person-shrugging',
-  'person-shrugging-dark-skin-tone',
   'person-shrugging-light-skin-tone',
-  'person-shrugging-medium-dark-skin-tone',
   'person-shrugging-medium-light-skin-tone',
   'person-shrugging-medium-skin-tone',
+  'person-shrugging-medium-dark-skin-tone',
+  'person-shrugging-dark-skin-tone',
+  'police-officer',
+  'police-officer-light-skin-tone',
+  'police-officer-medium-light-skin-tone',
+  'police-officer-medium-skin-tone',
+  'police-officer-medium-dark-skin-tone',
+  'police-officer-dark-skin-tone',
+  'detective',
+  'detective-light-skin-tone',
+  'detective-medium-light-skin-tone',
+  'detective-medium-skin-tone',
+  'detective-medium-dark-skin-tone',
+  'detective-dark-skin-tone',
+  'guard',
+  'guard-light-skin-tone',
+  'guard-medium-light-skin-tone',
+  'guard-medium-skin-tone',
+  'guard-medium-dark-skin-tone',
+  'guard-dark-skin-tone',
+  'construction-worker',
+  'construction-worker-light-skin-tone',
+  'construction-worker-medium-light-skin-tone',
+  'construction-worker-medium-skin-tone',
+  'construction-worker-medium-dark-skin-tone',
+  'construction-worker-dark-skin-tone',
+  'prince',
+  'prince-light-skin-tone',
+  'prince-medium-light-skin-tone',
+  'prince-medium-skin-tone',
+  'prince-medium-dark-skin-tone',
+  'prince-dark-skin-tone',
+  'princess',
+  'princess-light-skin-tone',
+  'princess-medium-light-skin-tone',
+  'princess-medium-skin-tone',
+  'princess-medium-dark-skin-tone',
+  'princess-dark-skin-tone',
+  'person-wearing-turban',
+  'person-wearing-turban-light-skin-tone',
+  'person-wearing-turban-medium-light-skin-tone',
+  'person-wearing-turban-medium-skin-tone',
+  'person-wearing-turban-medium-dark-skin-tone',
+  'person-wearing-turban-dark-skin-tone',
+  'man-in-tuxedo',
+  'man-in-tuxedo-light-skin-tone',
+  'man-in-tuxedo-medium-light-skin-tone',
+  'man-in-tuxedo-medium-skin-tone',
+  'man-in-tuxedo-medium-dark-skin-tone',
+  'man-in-tuxedo-dark-skin-tone',
+  'pregnant-woman',
+  'pregnant-woman-light-skin-tone',
+  'pregnant-woman-medium-light-skin-tone',
+  'pregnant-woman-medium-skin-tone',
+  'pregnant-woman-medium-dark-skin-tone',
+  'pregnant-woman-dark-skin-tone',
+  'baby-angel',
+  'baby-angel-light-skin-tone',
+  'baby-angel-medium-light-skin-tone',
+  'baby-angel-medium-skin-tone',
+  'baby-angel-medium-dark-skin-tone',
+  'baby-angel-dark-skin-tone',
+  'santa-claus',
+  'santa-claus-light-skin-tone',
+  'santa-claus-medium-light-skin-tone',
+  'santa-claus-medium-skin-tone',
+  'santa-claus-medium-dark-skin-tone',
+  'santa-claus-dark-skin-tone',
+  'mrs-claus',
+  'mrs-claus-light-skin-tone',
+  'mrs-claus-medium-light-skin-tone',
+  'mrs-claus-medium-skin-tone',
+  'mrs-claus-medium-dark-skin-tone',
+  'mrs-claus-dark-skin-tone',
+  'person-getting-massage',
+  'person-getting-massage-light-skin-tone',
+  'person-getting-massage-medium-light-skin-tone',
+  'person-getting-massage-medium-skin-tone',
+  'person-getting-massage-medium-dark-skin-tone',
+  'person-getting-massage-dark-skin-tone',
+  'person-getting-haircut',
+  'person-getting-haircut-light-skin-tone',
+  'person-getting-haircut-medium-light-skin-tone',
+  'person-getting-haircut-medium-skin-tone',
+  'person-getting-haircut-medium-dark-skin-tone',
+  'person-getting-haircut-dark-skin-tone',
+  'person-walking',
+  'person-walking-light-skin-tone',
+  'person-walking-medium-light-skin-tone',
+  'person-walking-medium-skin-tone',
+  'person-walking-medium-dark-skin-tone',
+  'person-walking-dark-skin-tone',
+  'person-running',
+  'person-running-light-skin-tone',
+  'person-running-medium-light-skin-tone',
+  'person-running-medium-skin-tone',
+  'person-running-medium-dark-skin-tone',
+  'person-running-dark-skin-tone',
+  'woman-dancing',
+  'woman-dancing-light-skin-tone',
+  'woman-dancing-medium-light-skin-tone',
+  'woman-dancing-medium-skin-tone',
+  'woman-dancing-medium-dark-skin-tone',
+  'woman-dancing-dark-skin-tone',
+  'man-dancing',
+  'man-dancing-light-skin-tone',
+  'man-dancing-medium-light-skin-tone',
+  'man-dancing-medium-skin-tone',
+  'man-dancing-medium-dark-skin-tone',
+  'man-dancing-dark-skin-tone',
+  'people-with-bunny-ears',
+  'person-fencing',
+  'horse-racing',
+  'horse-racing-light-skin-tone',
+  'horse-racing-medium-light-skin-tone',
+  'horse-racing-medium-skin-tone',
+  'horse-racing-medium-dark-skin-tone',
+  'horse-racing-dark-skin-tone',
+  'skier',
+  'snowboarder',
+  'person-golfing',
   'person-surfing',
-  'person-surfing-dark-skin-tone',
   'person-surfing-light-skin-tone',
-  'person-surfing-medium-dark-skin-tone',
   'person-surfing-medium-light-skin-tone',
   'person-surfing-medium-skin-tone',
+  'person-surfing-medium-dark-skin-tone',
+  'person-surfing-dark-skin-tone',
+  'person-rowing-boat',
+  'person-rowing-boat-light-skin-tone',
+  'person-rowing-boat-medium-light-skin-tone',
+  'person-rowing-boat-medium-skin-tone',
+  'person-rowing-boat-medium-dark-skin-tone',
+  'person-rowing-boat-dark-skin-tone',
   'person-swimming',
-  'person-swimming-dark-skin-tone',
   'person-swimming-light-skin-tone',
-  'person-swimming-medium-dark-skin-tone',
   'person-swimming-medium-light-skin-tone',
   'person-swimming-medium-skin-tone',
+  'person-swimming-medium-dark-skin-tone',
+  'person-swimming-dark-skin-tone',
+  'person-bouncing-ball',
+  'person-bouncing-ball-light-skin-tone',
+  'person-bouncing-ball-medium-light-skin-tone',
+  'person-bouncing-ball-medium-skin-tone',
+  'person-bouncing-ball-medium-dark-skin-tone',
+  'person-bouncing-ball-dark-skin-tone',
+  'person-lifting-weights',
+  'person-lifting-weights-light-skin-tone',
+  'person-lifting-weights-medium-light-skin-tone',
+  'person-lifting-weights-medium-skin-tone',
+  'person-lifting-weights-medium-dark-skin-tone',
+  'person-lifting-weights-dark-skin-tone',
+  'person-biking',
+  'person-biking-light-skin-tone',
+  'person-biking-medium-light-skin-tone',
+  'person-biking-medium-skin-tone',
+  'person-biking-medium-dark-skin-tone',
+  'person-biking-dark-skin-tone',
+  'person-mountain-biking',
+  'person-mountain-biking-light-skin-tone',
+  'person-mountain-biking-medium-light-skin-tone',
+  'person-mountain-biking-medium-skin-tone',
+  'person-mountain-biking-medium-dark-skin-tone',
+  'person-mountain-biking-dark-skin-tone',
+  'person-cartwheeling',
+  'person-cartwheeling-light-skin-tone',
+  'person-cartwheeling-medium-light-skin-tone',
+  'person-cartwheeling-medium-skin-tone',
+  'person-cartwheeling-medium-dark-skin-tone',
+  'person-cartwheeling-dark-skin-tone',
+  'people-wrestling',
+  'person-playing-water-polo',
+  'person-playing-water-polo-light-skin-tone',
+  'person-playing-water-polo-medium-light-skin-tone',
+  'person-playing-water-polo-medium-skin-tone',
+  'person-playing-water-polo-medium-dark-skin-tone',
+  'person-playing-water-polo-dark-skin-tone',
+  'person-playing-handball',
+  'person-playing-handball-light-skin-tone',
+  'person-playing-handball-medium-light-skin-tone',
+  'person-playing-handball-medium-skin-tone',
+  'person-playing-handball-medium-dark-skin-tone',
+  'person-playing-handball-dark-skin-tone',
+  'person-juggling',
+  'person-juggling-light-skin-tone',
+  'person-juggling-medium-light-skin-tone',
+  'person-juggling-medium-skin-tone',
+  'person-juggling-medium-dark-skin-tone',
+  'person-juggling-dark-skin-tone',
   'person-taking-bath',
-  'person-taking-bath-dark-skin-tone',
   'person-taking-bath-light-skin-tone',
-  'person-taking-bath-medium-dark-skin-tone',
   'person-taking-bath-medium-light-skin-tone',
   'person-taking-bath-medium-skin-tone',
-  'person-tipping-hand',
-  'person-tipping-hand-dark-skin-tone',
-  'person-tipping-hand-light-skin-tone',
-  'person-tipping-hand-medium-dark-skin-tone',
-  'person-tipping-hand-medium-light-skin-tone',
-  'person-tipping-hand-medium-skin-tone',
-  'person-walking',
-  'person-walking-dark-skin-tone',
-  'person-walking-light-skin-tone',
-  'person-walking-medium-dark-skin-tone',
-  'person-walking-medium-light-skin-tone',
-  'person-walking-medium-skin-tone',
-  'person-wearing-turban',
-  'person-wearing-turban-dark-skin-tone',
-  'person-wearing-turban-light-skin-tone',
-  'person-wearing-turban-medium-dark-skin-tone',
-  'person-wearing-turban-medium-light-skin-tone',
-  'person-wearing-turban-medium-skin-tone',
-  'pick',
-  'pig',
+  'person-taking-bath-medium-dark-skin-tone',
+  'person-taking-bath-dark-skin-tone',
+  'person-in-bed',
+  'kiss',
+  'kiss-man-man',
+  'kiss-woman-woman',
+  'couple-with-heart',
+  'couple-with-heart-man-man',
+  'couple-with-heart-woman-woman',
+  'family',
+  'family-man-woman-girl',
+  'family-man-woman-girl-boy',
+  'family-man-woman-boy-boy',
+  'family-man-woman-girl-girl',
+  'family-man-man-boy',
+  'family-man-man-girl',
+  'family-man-man-girl-boy',
+  'family-man-man-boy-boy',
+  'family-man-man-girl-girl',
+  'family-woman-woman-boy',
+  'family-woman-woman-girl',
+  'family-woman-woman-girl-boy',
+  'family-woman-woman-boy-boy',
+  'family-woman-woman-girl-girl',
+  'speaking-head',
+  'bust-in-silhouette',
+  'busts-in-silhouette',
+  'footprints',
+  'light-skin-tone',
+  'medium-light-skin-tone',
+  'medium-skin-tone',
+  'medium-dark-skin-tone',
+  'dark-skin-tone',
+  'monkey-face',
+  'monkey',
+  'gorilla',
+  'dog-face',
+  'dog',
+  'poodle',
+  'wolf',
+  'fox',
+  'cat-face',
+  'cat',
+  'tiger-face',
+  'tiger',
+  'leopard',
+  'horse-face',
+  'horse',
+  'deer',
+  'cow-face',
+  'ox',
+  'water-buffalo',
+  'cow',
   'pig-face',
+  'pig',
+  'boar',
   'pig-nose',
-  'pile-of-poo',
-  'pill',
-  'pine-decoration',
-  'pineapple',
-  'ping-pong',
-  'pisces',
-  'pistol',
-  'pizza',
-  'place-of-worship',
-  'play-button',
-  'play-or-pause-button',
-  'police-car',
-  'police-car-light',
-  'police-officer',
-  'police-officer-dark-skin-tone',
-  'police-officer-light-skin-tone',
-  'police-officer-medium-dark-skin-tone',
-  'police-officer-medium-light-skin-tone',
-  'police-officer-medium-skin-tone',
-  'poodle',
-  'pool-8-ball',
-  'popcorn',
-  'post-office',
-  'postal-horn',
-  'postbox',
-  'pot-of-food',
-  'potable-water',
-  'potato',
-  'poultry-leg',
-  'pound-banknote',
-  'pound-symbol',
-  'pouting-cat-face',
-  'pouting-face',
-  'prayer-beads',
-  'pregnant-woman',
-  'pregnant-woman-dark-skin-tone',
-  'pregnant-woman-light-skin-tone',
-  'pregnant-woman-medium-dark-skin-tone',
-  'pregnant-woman-medium-light-skin-tone',
-  'pregnant-woman-medium-skin-tone',
-  'prince',
-  'prince-dark-skin-tone',
-  'prince-light-skin-tone',
-  'prince-medium-dark-skin-tone',
-  'prince-medium-light-skin-tone',
-  'prince-medium-skin-tone',
-  'princess',
-  'princess-dark-skin-tone',
-  'princess-light-skin-tone',
-  'princess-medium-dark-skin-tone',
-  'princess-medium-light-skin-tone',
-  'princess-medium-skin-tone',
-  'printer',
-  'prohibited',
-  'purple-heart',
-  'purse',
-  'pushpin',
-  'question-mark',
-  'rabbit',
-  'rabbit-face',
-  'racing-car',
-  'radio',
-  'radio-button',
-  'radioactive',
-  'railway-car',
-  'railway-track',
-  'rainbow',
-  'raised-back-of-hand',
-  'raised-back-of-hand-dark-skin-tone',
-  'raised-back-of-hand-light-skin-tone',
-  'raised-back-of-hand-medium-dark-skin-tone',
-  'raised-back-of-hand-medium-light-skin-tone',
-  'raised-back-of-hand-medium-skin-tone',
-  'raised-fist',
-  'raised-fist-dark-skin-tone',
-  'raised-fist-light-skin-tone',
-  'raised-fist-medium-dark-skin-tone',
-  'raised-fist-medium-light-skin-tone',
-  'raised-fist-medium-skin-tone',
-  'raised-hand',
-  'raised-hand-dark-skin-tone',
-  'raised-hand-light-skin-tone',
-  'raised-hand-medium-dark-skin-tone',
-  'raised-hand-medium-light-skin-tone',
-  'raised-hand-medium-skin-tone',
-  'raising-hands',
-  'raising-hands-dark-skin-tone',
-  'raising-hands-light-skin-tone',
-  'raising-hands-medium-dark-skin-tone',
-  'raising-hands-medium-light-skin-tone',
-  'raising-hands-medium-skin-tone',
   'ram',
+  'ewe',
+  'goat',
+  'camel',
+  'two-hump-camel',
+  'elephant',
+  'rhinoceros',
+  'mouse-face',
+  'mouse',
   'rat',
-  'record-button',
-  'recycling-symbol',
+  'rabbit-face',
+  'rabbit',
+  'chipmunk',
+  'bat',
+  'koala',
+  'paw-prints',
+  'turkey',
+  'chicken',
+  'rooster',
+  'hatching-chick',
+  'baby-chick',
+  'front-facing-baby-chick',
+  'bird',
+  'penguin',
+  'dove',
+  'eagle',
+  'duck',
+  'owl',
+  'crocodile',
+  'turtle',
+  'lizard',
+  'snake',
+  'dragon-face',
+  'dragon',
+  'spouting-whale',
+  'whale',
+  'dolphin',
+  'fish',
+  'tropical-fish',
+  'blowfish',
+  'shark',
+  'octopus',
+  'spiral-shell',
+  'snail',
+  'butterfly',
+  'bug',
+  'ant',
+  'honeybee',
+  'lady-beetle',
+  'spider',
+  'spider-web',
+  'scorpion',
+  'bouquet',
+  'cherry-blossom',
+  'white-flower',
+  'rosette',
+  'rose',
+  'wilted-flower',
+  'hibiscus',
+  'sunflower',
+  'blossom',
+  'tulip',
+  'seedling',
+  'evergreen-tree',
+  'deciduous-tree',
+  'palm-tree',
+  'cactus',
+  'sheaf-of-rice',
+  'herb',
+  'shamrock',
+  'four-leaf-clover',
+  'maple-leaf',
+  'fallen-leaf',
+  'leaf-fluttering-in-wind',
+  'grapes',
+  'melon',
+  'watermelon',
+  'tangerine',
+  'lemon',
+  'banana',
+  'pineapple',
   'red-apple',
-  'red-circle',
-  'red-heart',
-  'red-paper-lantern',
-  'red-triangle-pointed-down',
-  'red-triangle-pointed-up',
-  'registered',
-  'relieved-face',
-  'reminder-ribbon',
-  'repeat-button',
-  'repeat-single-button',
-  'rescue-workers-helmet',
-  'restroom',
-  'reverse-button',
-  'revolving-hearts',
-  'rhinoceros',
-  'ribbon',
-  'rice-ball',
+  'green-apple',
+  'pear',
+  'peach',
+  'cherries',
+  'strawberry',
+  'kiwi-fruit',
+  'tomato',
+  'avocado',
+  'eggplant',
+  'potato',
+  'carrot',
+  'ear-of-corn',
+  'hot-pepper',
+  'cucumber',
+  'mushroom',
+  'peanuts',
+  'chestnut',
+  'bread',
+  'croissant',
+  'baguette-bread',
+  'pancakes',
+  'cheese-wedge',
+  'meat-on-bone',
+  'poultry-leg',
+  'bacon',
+  'hamburger',
+  'french-fries',
+  'pizza',
+  'hot-dog',
+  'taco',
+  'burrito',
+  'stuffed-flatbread',
+  'egg',
+  'cooking',
+  'shallow-pan-of-food',
+  'pot-of-food',
+  'green-salad',
+  'popcorn',
+  'bento-box',
   'rice-cracker',
-  'right-anger-bubble',
-  'right-arrow',
-  'right-arrow-curving-down',
-  'right-arrow-curving-left',
-  'right-arrow-curving-up',
-  'right-facing-fist',
-  'right-facing-fist-dark-skin-tone',
-  'right-facing-fist-light-skin-tone',
-  'right-facing-fist-medium-dark-skin-tone',
-  'right-facing-fist-medium-light-skin-tone',
-  'right-facing-fist-medium-skin-tone',
-  'ring',
+  'rice-ball',
+  'cooked-rice',
+  'curry-rice',
+  'steaming-bowl',
+  'spaghetti',
   'roasted-sweet-potato',
-  'robot-face',
-  'rocket',
-  'rolled-up-newspaper',
-  'roller-coaster',
-  'rolling-on-the-floor-laughing',
-  'rooster',
-  'rose',
-  'rosette',
-  'round-pushpin',
-  'rugby-football',
-  'running-shirt',
-  'running-shoe',
-  'sad-but-relieved-face',
-  'sagittarius',
-  'sailboat',
+  'oden',
+  'sushi',
+  'fried-shrimp',
+  'fish-cake-with-swirl',
+  'dango',
+  'crab',
+  'shrimp',
+  'squid',
+  'soft-ice-cream',
+  'shaved-ice',
+  'ice-cream',
+  'doughnut',
+  'cookie',
+  'birthday-cake',
+  'shortcake',
+  'chocolate-bar',
+  'candy',
+  'lollipop',
+  'custard',
+  'honey-pot',
+  'baby-bottle',
+  'glass-of-milk',
+  'hot-beverage',
+  'teacup-without-handle',
   'sake',
-  'santa-claus',
-  'santa-claus-dark-skin-tone',
-  'santa-claus-light-skin-tone',
-  'santa-claus-medium-dark-skin-tone',
-  'santa-claus-medium-light-skin-tone',
-  'santa-claus-medium-skin-tone',
-  'satellite',
-  'satellite-antenna',
-  'saxophone',
+  'bottle-with-popping-cork',
+  'wine-glass',
+  'cocktail-glass',
+  'tropical-drink',
+  'beer-mug',
+  'clinking-beer-mugs',
+  'clinking-glasses',
+  'tumbler-glass',
+  'fork-and-knife-with-plate',
+  'fork-and-knife',
+  'spoon',
+  'kitchen-knife',
+  'amphora',
+  'globe-showing-europe-africa',
+  'globe-showing-americas',
+  'globe-showing-asia-australia',
+  'globe-with-meridians',
+  'world-map',
+  'map-of-japan',
+  'snow-capped-mountain',
+  'mountain',
+  'volcano',
+  'mount-fuji',
+  'camping',
+  'beach-with-umbrella',
+  'desert',
+  'desert-island',
+  'national-park',
+  'stadium',
+  'classical-building',
+  'building-construction',
+  'houses',
+  'derelict-house',
+  'house',
+  'house-with-garden',
+  'office-building',
+  'japanese-post-office',
+  'post-office',
+  'hospital',
+  'bank',
+  'hotel',
+  'love-hotel',
+  'convenience-store',
   'school',
-  'scissors',
-  'scorpio',
-  'scorpion',
-  'scroll',
+  'department-store',
+  'factory',
+  'japanese-castle',
+  'castle',
+  'wedding',
+  'tokyo-tower',
+  'statue-of-liberty',
+  'church',
+  'mosque',
+  'synagogue',
+  'shinto-shrine',
+  'kaaba',
+  'fountain',
+  'tent',
+  'foggy',
+  'night-with-stars',
+  'cityscape',
+  'sunrise-over-mountains',
+  'sunrise',
+  'cityscape-at-dusk',
+  'sunset',
+  'bridge-at-night',
+  'hot-springs',
+  'carousel-horse',
+  'ferris-wheel',
+  'roller-coaster',
+  'barber-pole',
+  'circus-tent',
+  'locomotive',
+  'railway-car',
+  'high-speed-train',
+  'bullet-train',
+  'train',
+  'metro',
+  'light-rail',
+  'station',
+  'tram',
+  'monorail',
+  'mountain-railway',
+  'tram-car',
+  'bus',
+  'oncoming-bus',
+  'trolleybus',
+  'minibus',
+  'ambulance',
+  'fire-engine',
+  'police-car',
+  'oncoming-police-car',
+  'taxi',
+  'oncoming-taxi',
+  'automobile',
+  'oncoming-automobile',
+  'sport-utility-vehicle',
+  'delivery-truck',
+  'articulated-lorry',
+  'tractor',
+  'racing-car',
+  'motorcycle',
+  'motor-scooter',
+  'bicycle',
+  'kick-scooter',
+  'bus-stop',
+  'motorway',
+  'railway-track',
+  'oil-drum',
+  'fuel-pump',
+  'police-car-light',
+  'horizontal-traffic-light',
+  'vertical-traffic-light',
+  'stop-sign',
+  'construction',
+  'anchor',
+  'sailboat',
+  'canoe',
+  'speedboat',
+  'passenger-ship',
+  'ferry',
+  'motor-boat',
+  'ship',
+  'airplane',
+  'small-airplane',
+  'airplane-departure',
+  'airplane-arrival',
   'seat',
-  'see-no-evil-monkey',
-  'seedling',
-  'selfie',
-  'selfie-dark-skin-tone',
-  'selfie-light-skin-tone',
-  'selfie-medium-dark-skin-tone',
-  'selfie-medium-light-skin-tone',
-  'selfie-medium-skin-tone',
+  'helicopter',
+  'suspension-railway',
+  'mountain-cableway',
+  'aerial-tramway',
+  'satellite',
+  'rocket',
+  'bellhop-bell',
+  'hourglass-done',
+  'hourglass-not-done',
+  'watch',
+  'alarm-clock',
+  'stopwatch',
+  'timer-clock',
+  'mantelpiece-clock',
+  'twelve-oclock',
+  'twelve-thirty',
+  'one-oclock',
+  'one-thirty',
+  'two-thirty',
+  'three-oclock',
+  'three-thirty',
+  'four-oclock',
+  'four-thirty',
+  'five-oclock',
+  'five-thirty',
+  'six-oclock',
+  'six-thirty',
   'seven-oclock',
   'seven-thirty',
-  'shallow-pan-of-food',
-  'shamrock',
-  'shark',
-  'shaved-ice',
-  'sheaf-of-rice',
-  'shield',
-  'shinto-shrine',
-  'ship',
+  'eight-oclock',
+  'eight-thirty',
+  'nine-oclock',
+  'nine-thirty',
+  'ten-oclock',
+  'ten-thirty',
+  'eleven-oclock',
+  'eleven-thirty',
+  'new-moon',
+  'waxing-crescent-moon',
+  'first-quarter-moon',
+  'waxing-gibbous-moon',
+  'full-moon',
+  'waning-gibbous-moon',
+  'last-quarter-moon',
+  'waning-crescent-moon',
+  'crescent-moon',
+  'new-moon-face',
+  'first-quarter-moon-face',
+  'last-quarter-moon-face',
+  'thermometer',
+  'sun',
+  'full-moon-face',
+  'sun-with-face',
+  'star',
+  'glowing-star',
   'shooting-star',
-  'shopping-bags',
-  'shopping-cart',
-  'shortcake',
-  'shower',
-  'shrimp',
-  'shuffle-tracks-button',
-  'sign-of-the-horns',
-  'sign-of-the-horns-dark-skin-tone',
-  'sign-of-the-horns-light-skin-tone',
-  'sign-of-the-horns-medium-dark-skin-tone',
-  'sign-of-the-horns-medium-light-skin-tone',
-  'sign-of-the-horns-medium-skin-tone',
-  'six-oclock',
-  'six-thirty',
-  'skier',
-  'skis',
-  'skull',
-  'skull-and-crossbones',
-  'sleeping-face',
-  'sleepy-face',
-  'slightly-frowning-face',
-  'slightly-smiling-face',
-  'slot-machine',
-  'small-airplane',
-  'small-blue-diamond',
-  'small-orange-diamond',
-  'smiling-cat-face-with-heart-eyes',
-  'smiling-face',
-  'smiling-face-with-halo',
-  'smiling-face-with-heart-eyes',
-  'smiling-face-with-horns',
-  'smiling-face-with-smiling-eyes',
-  'smiling-face-with-sunglasses',
-  'smirking-face',
-  'snail',
-  'snake',
-  'sneezing-face',
-  'snow-capped-mountain',
-  'snowboarder',
+  'milky-way',
+  'cloud',
+  'sun-behind-cloud',
+  'cloud-with-lightning-and-rain',
+  'sun-behind-small-cloud',
+  'sun-behind-large-cloud',
+  'sun-behind-rain-cloud',
+  'cloud-with-rain',
+  'cloud-with-snow',
+  'cloud-with-lightning',
+  'tornado',
+  'fog',
+  'wind-face',
+  'cyclone',
+  'rainbow',
+  'closed-umbrella',
+  'umbrella',
+  'umbrella-with-rain-drops',
+  'umbrella-on-ground',
+  'high-voltage',
   'snowflake',
   'snowman',
   'snowman-without-snow',
-  'soccer-ball',
-  'soft-ice-cream',
-  'soon-arrow',
-  'sos-button',
-  'spade-suit',
-  'spaghetti',
-  'sparkle',
+  'comet',
+  'fire',
+  'droplet',
+  'water-wave',
+  'jack-o-lantern',
+  'christmas-tree',
+  'fireworks',
   'sparkler',
   'sparkles',
-  'sparkling-heart',
-  'speak-no-evil-monkey',
-  'speaker-high-volume',
-  'speaker-low-volume',
-  'speaker-medium-volume',
-  'speaking-head',
-  'speech-balloon',
-  'speedboat',
-  'spider',
-  'spider-web',
-  'spiral-calendar',
-  'spiral-notepad',
-  'spiral-shell',
-  'spoon',
-  'sport-utility-vehicle',
+  'balloon',
+  'party-popper',
+  'confetti-ball',
+  'tanabata-tree',
+  'pine-decoration',
+  'japanese-dolls',
+  'carp-streamer',
+  'wind-chime',
+  'moon-viewing-ceremony',
+  'ribbon',
+  'wrapped-gift',
+  'reminder-ribbon',
+  'admission-tickets',
+  'ticket',
+  'military-medal',
+  'trophy',
   'sports-medal',
-  'spouting-whale',
-  'squid',
-  'squinting-face-with-tongue',
-  'stadium',
-  'star',
-  'star-and-crescent',
-  'star-of-david',
-  'station',
-  'statue-of-liberty',
-  'steaming-bowl',
-  'stop-button',
-  'stop-sign',
-  'stopwatch',
-  'straight-ruler',
-  'strawberry',
+  '1st-place-medal',
+  '2nd-place-medal',
+  '3rd-place-medal',
+  'soccer-ball',
+  'baseball',
+  'basketball',
+  'volleyball',
+  'american-football',
+  'rugby-football',
+  'tennis',
+  'bowling',
+  'cricket-game',
+  'field-hockey',
+  'ice-hockey',
+  'ping-pong',
+  'badminton',
+  'boxing-glove',
+  'martial-arts-uniform',
+  'goal-net',
+  'flag-in-hole',
+  'ice-skate',
+  'fishing-pole',
+  'running-shirt',
+  'skis',
+  'direct-hit',
+  'pool-8-ball',
+  'crystal-ball',
+  'video-game',
+  'joystick',
+  'slot-machine',
+  'game-die',
+  'spade-suit',
+  'heart-suit',
+  'diamond-suit',
+  'club-suit',
+  'joker',
+  'mahjong-red-dragon',
+  'flower-playing-cards',
+  'performing-arts',
+  'framed-picture',
+  'artist-palette',
+  'glasses',
+  'sunglasses',
+  'necktie',
+  't-shirt',
+  'jeans',
+  'dress',
+  'kimono',
+  'bikini',
+  'womans-clothes',
+  'purse',
+  'handbag',
+  'clutch-bag',
+  'shopping-bags',
+  'backpack',
+  'mans-shoe',
+  'running-shoe',
+  'high-heeled-shoe',
+  'womans-sandal',
+  'womans-boot',
+  'crown',
+  'womans-hat',
+  'top-hat',
+  'graduation-cap',
+  'rescue-workers-helmet',
+  'prayer-beads',
+  'lipstick',
+  'ring',
+  'gem-stone',
+  'muted-speaker',
+  'speaker-low-volume',
+  'speaker-medium-volume',
+  'speaker-high-volume',
+  'loudspeaker',
+  'megaphone',
+  'postal-horn',
+  'bell',
+  'bell-with-slash',
+  'musical-score',
+  'musical-note',
+  'musical-notes',
   'studio-microphone',
-  'stuffed-flatbread',
-  'sun',
-  'sun-behind-cloud',
-  'sun-behind-large-cloud',
-  'sun-behind-rain-cloud',
-  'sun-behind-small-cloud',
-  'sun-with-face',
-  'sunflower',
-  'sunglasses',
-  'sunrise',
-  'sunrise-over-mountains',
-  'sunset',
-  'sushi',
-  'suspension-railway',
-  'sweat-droplets',
-  'synagogue',
-  'syringe',
-  't-shirt',
-  'taco',
-  'tanabata-tree',
-  'tangerine',
-  'taurus',
-  'taxi',
-  'teacup-without-handle',
-  'tear-off-calendar',
+  'level-slider',
+  'control-knobs',
+  'microphone',
+  'headphone',
+  'radio',
+  'saxophone',
+  'guitar',
+  'musical-keyboard',
+  'trumpet',
+  'violin',
+  'drum',
+  'mobile-phone',
+  'mobile-phone-with-arrow',
   'telephone',
   'telephone-receiver',
-  'telescope',
-  'television',
-  'ten-oclock',
-  'ten-thirty',
-  'tennis',
-  'tent',
-  'thermometer',
-  'thinking-face',
-  'thought-balloon',
-  'three-oclock',
-  'three-thirty',
-  'thumbs-down',
-  'thumbs-down-dark-skin-tone',
-  'thumbs-down-light-skin-tone',
-  'thumbs-down-medium-dark-skin-tone',
-  'thumbs-down-medium-light-skin-tone',
-  'thumbs-down-medium-skin-tone',
-  'thumbs-up',
-  'thumbs-up-dark-skin-tone',
-  'thumbs-up-light-skin-tone',
-  'thumbs-up-medium-dark-skin-tone',
-  'thumbs-up-medium-light-skin-tone',
-  'thumbs-up-medium-skin-tone',
-  'ticket',
-  'tiger',
-  'tiger-face',
-  'timer-clock',
-  'tired-face',
-  'toilet',
-  'tokyo-tower',
-  'tomato',
-  'tongue',
-  'top-arrow',
-  'top-hat',
-  'tornado',
+  'pager',
+  'fax-machine',
+  'battery',
+  'electric-plug',
+  'desktop-computer',
+  'printer',
+  'keyboard',
+  'computer-mouse',
   'trackball',
-  'tractor',
-  'trade-mark',
-  'train',
-  'tram',
-  'tram-car',
+  'computer-disk',
+  'floppy-disk',
+  'optical-disk',
+  'dvd',
+  'movie-camera',
+  'film-frames',
+  'film-projector',
+  'clapper-board',
+  'television',
+  'camera',
+  'camera-with-flash',
+  'video-camera',
+  'videocassette',
+  'magnifying-glass-tilted-left',
+  'magnifying-glass-tilted-right',
+  'candle',
+  'light-bulb',
+  'flashlight',
+  'red-paper-lantern',
+  'notebook-with-decorative-cover',
+  'closed-book',
+  'open-book',
+  'green-book',
+  'blue-book',
+  'orange-book',
+  'books',
+  'notebook',
+  'ledger',
+  'page-with-curl',
+  'scroll',
+  'page-facing-up',
+  'newspaper',
+  'rolled-up-newspaper',
+  'bookmark-tabs',
+  'bookmark',
+  'label',
+  'money-bag',
+  'yen-banknote',
+  'dollar-banknote',
+  'euro-banknote',
+  'pound-banknote',
+  'money-with-wings',
+  'credit-card',
+  'chart-increasing-with-yen',
+  'envelope',
+  'e-mail',
+  'incoming-envelope',
+  'envelope-with-arrow',
+  'outbox-tray',
+  'inbox-tray',
+  'package',
+  'closed-mailbox-with-raised-flag',
+  'closed-mailbox-with-lowered-flag',
+  'open-mailbox-with-raised-flag',
+  'open-mailbox-with-lowered-flag',
+  'postbox',
+  'ballot-box-with-ballot',
+  'pencil',
+  'black-nib',
+  'fountain-pen',
+  'pen',
+  'paintbrush',
+  'crayon',
+  'memo',
+  'briefcase',
+  'file-folder',
+  'open-file-folder',
+  'card-index-dividers',
+  'calendar',
+  'tear-off-calendar',
+  'spiral-notepad',
+  'spiral-calendar',
+  'card-index',
+  'chart-increasing',
+  'chart-decreasing',
+  'bar-chart',
+  'clipboard',
+  'pushpin',
+  'round-pushpin',
+  'paperclip',
+  'linked-paperclips',
+  'straight-ruler',
   'triangular-ruler',
-  'trident-emblem',
-  'trolleybus',
-  'trophy',
-  'tropical-drink',
-  'tropical-fish',
-  'trumpet',
-  'tulip',
-  'tumbler-glass',
-  'turkey',
-  'turtle',
-  'twelve-oclock',
-  'twelve-thirty',
-  'two-hearts',
-  'two-hump-camel',
-  'two-men-holding-hands',
-  'two-oclock',
-  'two-thirty',
-  'two-women-holding-hands',
-  'umbrella',
-  'umbrella-on-ground',
-  'umbrella-with-rain-drops',
-  'unamused-face',
-  'unicorn-face',
+  'scissors',
+  'card-file-box',
+  'file-cabinet',
+  'wastebasket',
+  'locked',
   'unlocked',
+  'locked-with-pen',
+  'locked-with-key',
+  'key',
+  'old-key',
+  'hammer',
+  'pick',
+  'hammer-and-pick',
+  'hammer-and-wrench',
+  'dagger',
+  'crossed-swords',
+  'pistol',
+  'bow-and-arrow',
+  'shield',
+  'wrench',
+  'nut-and-bolt',
+  'gear',
+  'clamp',
+  'balance-scale',
+  'link',
+  'chains',
+  'alembic',
+  'microscope',
+  'telescope',
+  'satellite-antenna',
+  'syringe',
+  'pill',
+  'door',
+  'bed',
+  'couch-and-lamp',
+  'toilet',
+  'shower',
+  'bathtub',
+  'shopping-cart',
+  'cigarette',
+  'coffin',
+  'funeral-urn',
+  'moai',
+  'atm-sign',
+  'litter-in-bin-sign',
+  'potable-water',
+  'wheelchair-symbol',
+  'mens-room',
+  'womens-room',
+  'restroom',
+  'baby-symbol',
+  'water-closet',
+  'passport-control',
+  'customs',
+  'baggage-claim',
+  'left-luggage',
+  'warning',
+  'children-crossing',
+  'no-entry',
+  'prohibited',
+  'no-bicycles',
+  'no-smoking',
+  'no-littering',
+  'non-potable-water',
+  'no-pedestrians',
+  'no-mobile-phones',
+  'no-one-under-eighteen',
+  'radioactive',
+  'biohazard',
   'up-arrow',
-  'up-down-arrow',
-  'up-left-arrow',
   'up-right-arrow',
-  'up-text-button',
-  'upside-down-face',
+  'right-arrow',
+  'down-right-arrow',
+  'down-arrow',
+  'down-left-arrow',
+  'left-arrow',
+  'up-left-arrow',
+  'up-down-arrow',
+  'left-right-arrow',
+  'right-arrow-curving-left',
+  'left-arrow-curving-right',
+  'right-arrow-curving-up',
+  'right-arrow-curving-down',
+  'clockwise-vertical-arrows',
+  'counterclockwise-arrows-button',
+  'back-arrow',
+  'end-arrow',
+  'on-arrow',
+  'soon-arrow',
+  'top-arrow',
+  'place-of-worship',
+  'atom-symbol',
+  'om',
+  'star-of-david',
+  'wheel-of-dharma',
+  'yin-yang',
+  'latin-cross',
+  'orthodox-cross',
+  'star-and-crescent',
+  'peace-symbol',
+  'menorah',
+  'dotted-six-pointed-star',
+  'aries',
+  'taurus',
+  'gemini',
+  'cancer',
+  'leo',
+  'virgo',
+  'libra',
+  'scorpio',
+  'sagittarius',
+  'capricorn',
+  'aquarius',
+  'pisces',
+  'ophiuchus',
+  'shuffle-tracks-button',
+  'repeat-button',
+  'repeat-single-button',
+  'play-button',
+  'fast-forward-button',
+  'next-track-button',
+  'play-or-pause-button',
+  'reverse-button',
+  'fast-reverse-button',
+  'last-track-button',
   'upwards-button',
-  'vertical-traffic-light',
+  'fast-up-button',
+  'downwards-button',
+  'fast-down-button',
+  'pause-button',
+  'stop-button',
+  'record-button',
+  'eject-button',
+  'cinema',
+  'dim-button',
+  'bright-button',
+  'antenna-bars',
   'vibration-mode',
-  'victory-hand',
-  'victory-hand-dark-skin-tone',
-  'victory-hand-light-skin-tone',
-  'victory-hand-medium-dark-skin-tone',
-  'victory-hand-medium-light-skin-tone',
-  'victory-hand-medium-skin-tone',
-  'video-camera',
-  'video-game',
-  'videocassette',
-  'violin',
-  'virgo',
-  'volcano',
-  'volleyball',
-  'vs-button',
-  'vulcan-salute',
-  'vulcan-salute-dark-skin-tone',
-  'vulcan-salute-light-skin-tone',
-  'vulcan-salute-medium-dark-skin-tone',
-  'vulcan-salute-medium-light-skin-tone',
-  'vulcan-salute-medium-skin-tone',
-  'waning-crescent-moon',
-  'waning-gibbous-moon',
-  'warning',
-  'wastebasket',
-  'watch',
-  'water-buffalo',
-  'water-closet',
-  'water-wave',
-  'watermelon',
-  'waving-hand',
-  'waving-hand-dark-skin-tone',
-  'waving-hand-light-skin-tone',
-  'waving-hand-medium-dark-skin-tone',
-  'waving-hand-medium-light-skin-tone',
-  'waving-hand-medium-skin-tone',
+  'mobile-phone-off',
+  'double-exclamation-mark',
+  'exclamation-question-mark',
+  'question-mark',
+  'white-question-mark',
+  'white-exclamation-mark',
+  'exclamation-mark',
   'wavy-dash',
-  'waxing-crescent-moon',
-  'waxing-gibbous-moon',
-  'weary-cat-face',
-  'weary-face',
-  'wedding',
-  'whale',
-  'wheel-of-dharma',
-  'wheelchair-symbol',
+  'currency-exchange',
+  'heavy-dollar-sign',
+  'recycling-symbol',
+  'fleur-de-lis',
+  'trident-emblem',
+  'name-badge',
+  'japanese-symbol-for-beginner',
+  'cross-mark',
+  'cross-mark-button',
+  'curly-loop',
+  'double-curly-loop',
+  'part-alternation-mark',
+  'eight-spoked-asterisk',
+  'eight-pointed-star',
+  'sparkle',
+  'copyright',
+  'registered',
+  'trade-mark',
+  'keycap-asterisk',
+  'keycap-10',
+  'input-latin-uppercase',
+  'input-latin-lowercase',
+  'input-numbers',
+  'input-symbols',
+  'input-latin-letters',
+  'cl-button',
+  'cool-button',
+  'free-button',
+  'information',
+  'id-button',
+  'circled-m',
+  'new-button',
+  'ng-button',
+  'ok-button',
+  'p-button',
+  'sos-button',
+  'vs-button',
+  'japanese-here-button',
+  'japanese-service-charge-button',
+  'japanese-monthly-amount-button',
+  'japanese-not-free-of-charge-button',
+  'japanese-reserved-button',
+  'japanese-bargain-button',
+  'japanese-discount-button',
+  'japanese-free-of-charge-button',
+  'japanese-prohibited-button',
+  'japanese-acceptable-button',
+  'japanese-application-button',
+  'japanese-passing-grade-button',
+  'japanese-vacancy-button',
+  'japanese-congratulations-button',
+  'japanese-secret-button',
+  'japanese-open-for-business-button',
+  'japanese-no-vacancy-button',
+  'black-circle',
   'white-circle',
-  'white-exclamation-mark',
-  'white-flower',
-  'white-heavy-check-mark',
+  'black-large-square',
   'white-large-square',
-  'white-medium-small-square',
+  'black-medium-square',
   'white-medium-square',
-  'white-question-mark',
+  'black-medium-small-square',
+  'white-medium-small-square',
+  'black-small-square',
   'white-small-square',
+  'large-orange-diamond',
+  'large-blue-diamond',
+  'small-orange-diamond',
+  'small-blue-diamond',
+  'red-triangle-pointed-up',
+  'red-triangle-pointed-down',
+  'diamond-with-a-dot',
+  'radio-button',
   'white-square-button',
-  'wilted-flower',
-  'wind-chime',
-  'wind-face',
-  'wine-glass',
-  'winking-face',
-  'winking-face-with-tongue',
-  'wolf',
-  'woman',
-  'woman-dancing',
-  'woman-dancing-dark-skin-tone',
-  'woman-dancing-light-skin-tone',
-  'woman-dancing-medium-dark-skin-tone',
-  'woman-dancing-medium-light-skin-tone',
-  'woman-dancing-medium-skin-tone',
-  'woman-dark-skin-tone',
-  'woman-light-skin-tone',
-  'woman-medium-dark-skin-tone',
-  'woman-medium-light-skin-tone',
-  'woman-medium-skin-tone',
-  'womans-boot',
-  'womans-clothes',
-  'womans-hat',
-  'womans-sandal',
-  'womens-room',
-  'world-map',
-  'worried-face',
-  'wrapped-gift',
-  'wrench',
-  'writing-hand',
-  'writing-hand-dark-skin-tone',
-  'writing-hand-light-skin-tone',
-  'writing-hand-medium-dark-skin-tone',
-  'writing-hand-medium-light-skin-tone',
-  'writing-hand-medium-skin-tone',
-  'yellow-heart',
-  'yen-banknote',
-  'yin-yang',
-  'zipper-mouth-face',
-  'zzz',
+  'black-square-button',
+  'flag-england',
+  'flag-scotland',
+  'digit-zero',
+  'asterisk',
+  'digit-nine',
+  'digit-one',
+  'digit-two',
+  'digit-three',
+  'digit-four',
+  'digit-five',
+  'digit-six',
+  'digit-seven',
+  'digit-eight',
 ]

From aed58b8bfd7b532a9497cb9c1471b9b0ed2c2a94 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 22 Dec 2022 02:28:45 +0530
Subject: [PATCH 082/103] feat(gui): add icon change option for view

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/general/ViewIcon.vue    | 26 +++++++++++++++
 .../components/smartsheet/sidebar/MenuTop.vue | 20 ++++++++++-
 .../smartsheet/sidebar/RenameableMenuItem.vue | 29 ++++++++--------
 .../smartsheet/toolbar/ViewActions.vue        |  7 +---
 packages/nocodb-sdk/src/lib/Api.ts            |  2 ++
 packages/nocodb/src/lib/models/Model.ts       | 17 ++--------
 packages/nocodb/src/lib/models/View.ts        | 12 ++++++-
 packages/nocodb/src/lib/utils/modelUtils.ts   | 33 +++++++++++++++++++
 scripts/sdk/swagger.json                      |  4 +++
 9 files changed, 112 insertions(+), 38 deletions(-)
 create mode 100644 packages/nc-gui/components/general/ViewIcon.vue
 create mode 100644 packages/nocodb/src/lib/utils/modelUtils.ts

diff --git a/packages/nc-gui/components/general/ViewIcon.vue b/packages/nc-gui/components/general/ViewIcon.vue
new file mode 100644
index 0000000000..5d347ea34b
--- /dev/null
+++ b/packages/nc-gui/components/general/ViewIcon.vue
@@ -0,0 +1,26 @@
+<script lang="ts" setup>
+import { Icon as IcIcon } from '@iconify/vue'
+import type { TableType } from 'nocodb-sdk'
+import { viewIcons } from '#imports'
+
+const { meta: viewMeta } = defineProps<{
+  meta: TableType
+}>()
+</script>
+
+<template>
+  <IcIcon
+    v-if="viewMeta?.meta?.icon"
+    :data-testid="`nc-icon-${viewMeta?.meta?.icon}`"
+    class="text-[16px]"
+    :icon="viewMeta?.meta?.icon"
+  ></IcIcon>
+  <component
+    :is="viewIcons[viewMeta.type]?.icon"
+    v-else
+    class="nc-view-icon group-hover"
+    :style="{ color: viewIcons[viewMeta.type]?.color }"
+  />
+</template>
+
+<style scoped></style>
diff --git a/packages/nc-gui/components/smartsheet/sidebar/MenuTop.vue b/packages/nc-gui/components/smartsheet/sidebar/MenuTop.vue
index d8b23daa84..a08eed3735 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/MenuTop.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/MenuTop.vue
@@ -140,7 +140,7 @@ const initSortable = (el: HTMLElement) => {
   if (sortable) sortable.destroy()
 
   sortable = new Sortable(el, {
-    handle: '.nc-drag-icon',
+    // handle: '.nc-drag-icon',
     ghostClass: 'ghost',
     onStart: onSortStart,
     onEnd: onSortEnd,
@@ -213,6 +213,23 @@ function openDeleteDialog(view: ViewType) {
     close(1000)
   }
 }
+
+const setIcon = async (icon: string, view: ViewType) => {
+  try {
+    view.meta = {
+      ...(view.meta || {}),
+      icon,
+    }
+
+    api.dbView.update(view.id as string, {
+      meta: view.meta,
+    })
+
+    $e('a:view:icon:sidebar', { icon })
+  } catch (e) {
+    message.error(await extractSdkResponseErrorMsg(e))
+  }
+}
 </script>
 
 <template>
@@ -234,6 +251,7 @@ function openDeleteDialog(view: ViewType) {
       @open-modal="$emit('openModal', $event)"
       @delete="openDeleteDialog"
       @rename="onRename"
+      @select-icon="setIcon($event, view)"
     />
   </a-menu>
 </template>
diff --git a/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue b/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue
index bdf6c607d8..3d5646d57c 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue
@@ -3,7 +3,6 @@ import type { KanbanType, ViewType, ViewTypes } from 'nocodb-sdk'
 import type { WritableComputedRef } from '@vue/reactivity'
 import {
   IsLockedInj,
-  computed,
   inject,
   message,
   onKeyStroke,
@@ -11,7 +10,6 @@ import {
   useNuxtApp,
   useUIPermission,
   useVModel,
-  viewIcons,
 } from '#imports'
 
 interface Props {
@@ -21,9 +19,15 @@ interface Props {
 
 interface Emits {
   (event: 'update:view', data: Record<string, any>): void
+
+  (event: 'selectIcon', icon: string): void
+
   (event: 'changeView', view: Record<string, any>): void
+
   (event: 'rename', view: ViewType): void
+
   (event: 'delete', view: ViewType): void
+
   (event: 'openModal', data: { type: ViewTypes; title?: string; copyViewId?: string; groupingFieldColumnId?: string }): void
 }
 
@@ -48,8 +52,6 @@ let isStopped = $ref(false)
 /** Original view title when editing the view name */
 let originalTitle = $ref<string | undefined>()
 
-const viewType = computed(() => vModel.value.type as number)
-
 /** Debounce click handler, so we can potentially enable editing view name {@see onDblClick} */
 const onClick = useDebounceFn(() => {
   if (isEditing || isStopped) return
@@ -172,17 +174,14 @@ function onStopEdit() {
     @click.stop="onClick"
   >
     <div v-e="['a:view:open', { view: vModel.type }]" class="text-xs flex items-center w-full gap-2" data-testid="view-item">
-      <div class="flex w-auto" :data-testid="`view-sidebar-drag-handle-${vModel.alias || vModel.title}`">
-        <MdiDrag
-          class="nc-drag-icon hidden group-hover:block transition-opacity opacity-0 group-hover:opacity-100 text-gray-500 !cursor-move"
-          @click.stop.prevent
-        />
-
-        <component
-          :is="viewIcons[viewType].icon"
-          class="nc-view-icon group-hover:hidden"
-          :style="{ color: viewIcons[viewType].color }"
-        />
+      <div class="flex w-auto min-w-5" :data-testid="`view-sidebar-drag-handle-${vModel.alias || vModel.title}`">
+        <a-dropdown :trigger="['click']" @click.stop>
+          <GeneralViewIcon :meta="props.view"></GeneralViewIcon>
+
+          <template v-if="isUIAllowed('viewIconCustomisation')" #overlay>
+            <GeneralEmojiIcons class="shadow bg-white p-2" @select-icon="emits('selectIcon', $event)" />
+          </template>
+        </a-dropdown>
       </div>
 
       <a-input v-if="isEditing" :ref="focusInput" v-model:value="vModel.title" @blur="onCancel" @keydown="onKeyDown($event)" />
diff --git a/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue b/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
index d182980b12..83cf7acb2d 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ViewActions.vue
@@ -4,7 +4,6 @@ import {
   IsLockedInj,
   IsPublicInj,
   extractSdkResponseErrorMsg,
-  getViewIcon,
   inject,
   message,
   ref,
@@ -93,11 +92,7 @@ useMenuCloseOnEsc(open)
     <a-dropdown v-model:visible="open" :trigger="['click']" overlay-class-name="nc-dropdown-actions-menu">
       <a-button v-e="['c:actions']" class="nc-actions-menu-btn nc-toolbar-btn">
         <div class="flex gap-2 items-center">
-          <component
-            :is="getViewIcon(selectedView?.type)?.icon"
-            class="nc-view-icon group-hover:hidden"
-            :style="{ color: getViewIcon(selectedView?.type)?.color }"
-          />
+          <GeneralViewIcon :meta="selectedView"></GeneralViewIcon>
 
           <span class="!text-sm font-weight-normal">
             <GeneralTruncateText>{{ selectedView?.title }}</GeneralTruncateText>
diff --git a/packages/nocodb-sdk/src/lib/Api.ts b/packages/nocodb-sdk/src/lib/Api.ts
index 025a6beac1..52c27fda2f 100644
--- a/packages/nocodb-sdk/src/lib/Api.ts
+++ b/packages/nocodb-sdk/src/lib/Api.ts
@@ -135,6 +135,7 @@ export interface ViewType {
   fk_model_id?: string;
   slug?: string;
   uuid?: string;
+  meta?: any;
   show_system_fields?: boolean;
   lock_type?: 'collaborative' | 'locked' | 'personal';
   type?: number;
@@ -2316,6 +2317,7 @@ export class Api<
       viewId: string,
       data: {
         order?: number;
+        meta?: any;
         title?: string;
         show_system_fields?: boolean;
         lock_type?: 'collaborative' | 'locked' | 'personal';
diff --git a/packages/nocodb/src/lib/models/Model.ts b/packages/nocodb/src/lib/models/Model.ts
index 799395ae85..17d3160cb2 100644
--- a/packages/nocodb/src/lib/models/Model.ts
+++ b/packages/nocodb/src/lib/models/Model.ts
@@ -1,4 +1,5 @@
 import Noco from '../Noco';
+import { parseMetaProp } from '../utils/modelUtils'
 import Column from './Column';
 import NocoCache from '../cache/NocoCache';
 import { XKnex } from '../db/sql-data-mapper';
@@ -22,21 +23,7 @@ import { NcError } from '../meta/helpers/catchError';
 import Audit from './Audit';
 import { sanitize } from '../db/sql-data-mapper/lib/sql/helpers/sanitize';
 
-function parseMetaProp(modelOrModelList: Model[] | Model) {
-  if (!modelOrModelList) return;
-
-  // parse meta property
-  for (const model of Array.isArray(modelOrModelList)
-    ? modelOrModelList
-    : [modelOrModelList]) {
-    try {
-      model.meta =
-        typeof model.meta === 'string' ? JSON.parse(model.meta) : model.meta;
-    } catch {
-      model.meta = {};
-    }
-  }
-}
+
 
 export default class Model implements TableType {
   copy_enabled: boolean;
diff --git a/packages/nocodb/src/lib/models/View.ts b/packages/nocodb/src/lib/models/View.ts
index d608010fe9..06c092cc04 100644
--- a/packages/nocodb/src/lib/models/View.ts
+++ b/packages/nocodb/src/lib/models/View.ts
@@ -5,6 +5,7 @@ import {
   CacheScope,
   MetaTable,
 } from '../utils/globals';
+import { parseMetaProp, stringifyMetaProp } from '../utils/modelUtils'
 import Model from './Model';
 import FormView from './FormView';
 import GridView from './GridView';
@@ -118,6 +119,7 @@ export default class View implements ViewType {
       ));
     if (!view) {
       view = await ncMeta.metaGet2(null, null, MetaTable.VIEWS, viewId);
+      parseMetaProp(view);
       await NocoCache.set(`${CacheScope.VIEW}:${view.id}`, view);
     }
 
@@ -156,6 +158,7 @@ export default class View implements ViewType {
           ],
         }
       );
+      parseMetaProp(view);
       // todo: cache - titleOrId can be viewId so we need a different scope here
       await NocoCache.set(
         `${CacheScope.VIEW}:${fk_model_id}:${titleOrId}`,
@@ -188,6 +191,7 @@ export default class View implements ViewType {
         },
         null
       );
+      parseMetaProp(view);
       await NocoCache.set(`${CacheScope.VIEW}:${fk_model_id}:default`, view);
     }
     return view && new View(view);
@@ -204,6 +208,7 @@ export default class View implements ViewType {
           order: 'asc',
         },
       });
+      parseMetaProp(viewsList);
       await NocoCache.setList(CacheScope.VIEW, [modelId], viewsList);
     }
     viewsList.sort(
@@ -254,8 +259,11 @@ export default class View implements ViewType {
       base_id: view.base_id,
       created_at: view.created_at,
       updated_at: view.updated_at,
+      meta: view.meta ?? {},
     };
 
+    stringifyMetaProp(insertObj);
+
     // get project and base id if missing
     if (!(view.project_id && view.base_id)) {
       const model = await Model.getByIdOrName({ id: view.fk_model_id }, ncMeta);
@@ -838,7 +846,9 @@ export default class View implements ViewType {
       'meta',
       'uuid',
     ]);
-    updateObj.meta = JSON.stringify(updateObj.meta);
+    // if meta data defined then stringify it
+    stringifyMetaProp(updateObj);
+
     // get existing cache
     const key = `${CacheScope.VIEW}:${viewId}`;
     let o = await NocoCache.get(key, CacheGetType.TYPE_OBJECT);
diff --git a/packages/nocodb/src/lib/utils/modelUtils.ts b/packages/nocodb/src/lib/utils/modelUtils.ts
new file mode 100644
index 0000000000..f2b6c7b96c
--- /dev/null
+++ b/packages/nocodb/src/lib/utils/modelUtils.ts
@@ -0,0 +1,33 @@
+export function parseMetaProp(modelOrModelList: { meta: any } | { meta: any }[]) {
+  if (!modelOrModelList) return
+
+  // parse meta property
+  for (const model of Array.isArray(modelOrModelList)
+    ? modelOrModelList
+    : [modelOrModelList]) {
+    try {
+      model.meta =
+        typeof model.meta === 'string' ? JSON.parse(model.meta) : model.meta
+    } catch {
+      model.meta = {}
+    }
+  }
+}
+
+export function stringifyMetaProp(
+  modelOrModelList: { meta?: any } | { meta?: any }[],
+) {
+  if (!modelOrModelList) return
+
+  // parse meta property
+  for (const model of Array.isArray(modelOrModelList)
+    ? modelOrModelList
+    : [modelOrModelList]) {
+    try {
+      model.meta =
+        typeof model.meta !== 'string' ? model.meta : JSON.parse(model.meta)
+    } catch (e) {
+      model.meta = '{}'
+    }
+  }
+}
diff --git a/scripts/sdk/swagger.json b/scripts/sdk/swagger.json
index b2a6ce14ed..fd0816a2ee 100644
--- a/scripts/sdk/swagger.json
+++ b/scripts/sdk/swagger.json
@@ -2194,6 +2194,8 @@
                   "order": {
                     "type": "number"
                   },
+                  "meta": {
+                  },
                   "title": {
                     "type": "string"
                   },
@@ -7586,6 +7588,8 @@
           "uuid": {
             "type": "string"
           },
+          "meta": {
+          },
           "show_system_fields": {
             "type": "boolean"
           },

From a757da68384731f71847d26872dcacada4e37ea4 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 22 Dec 2022 17:39:36 +0530
Subject: [PATCH 083/103] fix(gui):shared view creation bug and show icon in
 shared view

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../components/smartsheet/sidebar/MenuTop.vue  |  1 +
 .../smartsheet/sidebar/RenameableMenuItem.vue  | 16 ++++++++++++----
 packages/nc-gui/composables/useSharedView.ts   |  7 +++++--
 packages/nc-gui/layouts/shared-view.vue        |  3 ++-
 packages/nocodb/src/lib/models/View.ts         | 12 +++++++++---
 packages/nocodb/src/lib/utils/modelUtils.ts    | 18 ++++++++++--------
 6 files changed, 39 insertions(+), 18 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/sidebar/MenuTop.vue b/packages/nc-gui/components/smartsheet/sidebar/MenuTop.vue
index a08eed3735..5fe7476271 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/MenuTop.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/MenuTop.vue
@@ -216,6 +216,7 @@ function openDeleteDialog(view: ViewType) {
 
 const setIcon = async (icon: string, view: ViewType) => {
   try {
+    // modify the icon property in meta
     view.meta = {
       ...(view.meta || {}),
       icon,
diff --git a/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue b/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue
index 3d5646d57c..3d4cafa757 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue
@@ -12,6 +12,8 @@ import {
   useVModel,
 } from '#imports'
 
+import { Tooltip } from 'ant-design-vue'
+
 interface Props {
   view: ViewType
   onValidate: (view: ViewType) => boolean | string
@@ -173,10 +175,14 @@ function onStopEdit() {
     @dblclick.stop="onDblClick"
     @click.stop="onClick"
   >
-    <div v-e="['a:view:open', { view: vModel.type }]" class="text-xs flex items-center w-full gap-2" data-testid="view-item">
+    <div v-e="['a:view:open', { view: vModel.type }]" class="text-xs flex items-center w-full gap-2"
+         data-testid="view-item">
       <div class="flex w-auto min-w-5" :data-testid="`view-sidebar-drag-handle-${vModel.alias || vModel.title}`">
         <a-dropdown :trigger="['click']" @click.stop>
-          <GeneralViewIcon :meta="props.view"></GeneralViewIcon>
+          <component :is="isUIAllowed('tableIconCustomisation') ? Tooltip : 'div'">
+            <GeneralViewIcon :meta="props.view"></GeneralViewIcon>
+            <template v-if="isUIAllowed('tableIconCustomisation')" #title>Change icon</template>
+          </component>
 
           <template v-if="isUIAllowed('viewIconCustomisation')" #overlay>
             <GeneralEmojiIcons class="shadow bg-white p-2" @select-icon="emits('selectIcon', $event)" />
@@ -184,7 +190,8 @@ function onStopEdit() {
         </a-dropdown>
       </div>
 
-      <a-input v-if="isEditing" :ref="focusInput" v-model:value="vModel.title" @blur="onCancel" @keydown="onKeyDown($event)" />
+      <a-input v-if="isEditing" :ref="focusInput" v-model:value="vModel.title" @blur="onCancel"
+               @keydown="onKeyDown($event)" />
 
       <div v-else>
         <LazyGeneralTruncateText>{{ vModel.alias || vModel.title }}</LazyGeneralTruncateText>
@@ -199,7 +206,8 @@ function onStopEdit() {
               {{ $t('activity.copyView') }}
             </template>
 
-            <MdiContentCopy class="hidden group-hover:block text-gray-500 nc-view-copy-icon" @click.stop="onDuplicate" />
+            <MdiContentCopy class="hidden group-hover:block text-gray-500 nc-view-copy-icon"
+                            @click.stop="onDuplicate" />
           </a-tooltip>
 
           <template v-if="!vModel.is_default">
diff --git a/packages/nc-gui/composables/useSharedView.ts b/packages/nc-gui/composables/useSharedView.ts
index b0ddc867db..cb0c5ea8c5 100644
--- a/packages/nc-gui/composables/useSharedView.ts
+++ b/packages/nc-gui/composables/useSharedView.ts
@@ -58,8 +58,11 @@ export function useSharedView() {
         'xc-password': localPassword ?? password.value,
       },
     })
-
-    allowCSVDownload.value = JSON.parse(viewMeta.meta)?.allowCSVDownload
+    try {
+      allowCSVDownload.value = (typeof viewMeta.meta === 'string' ? JSON.parse(viewMeta.meta) : viewMeta.meta)?.allowCSVDownload
+    } catch {
+      allowCSVDownload.value = false
+    }
 
     if (localPassword) password.value = localPassword
     sharedView.value = { title: '', ...viewMeta }
diff --git a/packages/nc-gui/layouts/shared-view.vue b/packages/nc-gui/layouts/shared-view.vue
index 986213d401..797f68f5d4 100644
--- a/packages/nc-gui/layouts/shared-view.vue
+++ b/packages/nc-gui/layouts/shared-view.vue
@@ -58,7 +58,8 @@ export default {
                 <MdiReload :class="{ 'animate-infinite animate-spin ': isLoading }" />
               </template>
 
-              <div v-else class="text-xl font-semibold truncate text-white nc-shared-view-title">
+              <div v-else class="text-xl font-semibold truncate text-white nc-shared-view-title flex gap-2 items-center">
+                <GeneralViewIcon class="!text-2xl" :meta="sharedView" />
                 {{ sharedView?.title }}
               </div>
             </div>
diff --git a/packages/nocodb/src/lib/models/View.ts b/packages/nocodb/src/lib/models/View.ts
index 06c092cc04..cc83d8bfea 100644
--- a/packages/nocodb/src/lib/models/View.ts
+++ b/packages/nocodb/src/lib/models/View.ts
@@ -5,7 +5,7 @@ import {
   CacheScope,
   MetaTable,
 } from '../utils/globals';
-import { parseMetaProp, stringifyMetaProp } from '../utils/modelUtils'
+import { parseMetaProp, stringifyMetaProp } from '../utils/modelUtils';
 import Model from './Model';
 import FormView from './FormView';
 import GridView from './GridView';
@@ -715,11 +715,16 @@ export default class View implements ViewType {
     }
   }
 
+  // todo: cache
   static async getByUUID(uuid: string, ncMeta = Noco.ncMeta) {
     const view = await ncMeta.metaGet2(null, null, MetaTable.VIEWS, {
       uuid,
     });
 
+    if (view) {
+      parseMetaProp(view);
+    }
+
     return view && new View(view);
   }
 
@@ -748,8 +753,9 @@ export default class View implements ViewType {
         viewId
       );
     }
-    if (!view.meta) {
+    if (!view.meta || !('allowCSVDownload' in view.meta)) {
       const defaultMeta = {
+        ...(view.meta ?? {}),
         allowCSVDownload: true,
       };
       // get existing cache
@@ -757,7 +763,7 @@ export default class View implements ViewType {
       const o = await NocoCache.get(key, CacheGetType.TYPE_OBJECT);
       if (o) {
         // update data
-        o.meta = JSON.stringify(defaultMeta);
+        o.meta = defaultMeta;
         // set cache
         await NocoCache.set(key, o);
       }
diff --git a/packages/nocodb/src/lib/utils/modelUtils.ts b/packages/nocodb/src/lib/utils/modelUtils.ts
index f2b6c7b96c..130e081f0a 100644
--- a/packages/nocodb/src/lib/utils/modelUtils.ts
+++ b/packages/nocodb/src/lib/utils/modelUtils.ts
@@ -1,5 +1,7 @@
-export function parseMetaProp(modelOrModelList: { meta: any } | { meta: any }[]) {
-  if (!modelOrModelList) return
+export function parseMetaProp(
+  modelOrModelList: { meta: any } | { meta: any }[]
+) {
+  if (!modelOrModelList) return;
 
   // parse meta property
   for (const model of Array.isArray(modelOrModelList)
@@ -7,17 +9,17 @@ export function parseMetaProp(modelOrModelList: { meta: any } | { meta: any }[])
     : [modelOrModelList]) {
     try {
       model.meta =
-        typeof model.meta === 'string' ? JSON.parse(model.meta) : model.meta
+        typeof model.meta === 'string' ? JSON.parse(model.meta) : model.meta;
     } catch {
-      model.meta = {}
+      model.meta = {};
     }
   }
 }
 
 export function stringifyMetaProp(
-  modelOrModelList: { meta?: any } | { meta?: any }[],
+  modelOrModelList: { meta?: any } | { meta?: any }[]
 ) {
-  if (!modelOrModelList) return
+  if (!modelOrModelList) return;
 
   // parse meta property
   for (const model of Array.isArray(modelOrModelList)
@@ -25,9 +27,9 @@ export function stringifyMetaProp(
     : [modelOrModelList]) {
     try {
       model.meta =
-        typeof model.meta !== 'string' ? model.meta : JSON.parse(model.meta)
+        typeof model.meta === 'string' ? model.meta : JSON.stringify(model.meta);
     } catch (e) {
-      model.meta = '{}'
+      model.meta = '{}';
     }
   }
 }

From 2c5786368fca399cbf16b0ec44c3f1c0042a215e Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 22 Dec 2022 21:51:46 +0530
Subject: [PATCH 084/103] feat(gui): set table icon in ERD

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/erd/TableNode.vue  |  4 +---
 .../smartsheet/sidebar/RenameableMenuItem.vue | 21 ++++---------------
 2 files changed, 5 insertions(+), 20 deletions(-)

diff --git a/packages/nc-gui/components/erd/TableNode.vue b/packages/nc-gui/components/erd/TableNode.vue
index ceac0b0742..06612bdfcc 100644
--- a/packages/nc-gui/components/erd/TableNode.vue
+++ b/packages/nc-gui/components/erd/TableNode.vue
@@ -59,9 +59,7 @@ watch(
         :class="[showSkeleton ? '' : 'bg-primary bg-opacity-10', hasColumns ? 'border-b-1' : '']"
         class="text-slate-600 text-md py-2 border-slate-500 rounded-t-lg w-full h-full px-3 font-semibold flex items-center"
       >
-        <MdiTableLarge v-if="table.type === 'table'" class="text-primary" :class="showSkeleton ? 'text-6xl !px-2' : ''" />
-        <MdiEyeCircleOutline v-else class="text-primary" :class="showSkeleton ? 'text-6xl !px-2' : ''" />
-
+        <GeneralTableIcon class="text-primary" :meta="table" />
         <div :class="showSkeleton ? 'text-6xl' : ''" class="flex px-2">
           {{ table.title }}
         </div>
diff --git a/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue b/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue
index 3d4cafa757..6c8016368b 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue
@@ -1,18 +1,8 @@
 <script lang="ts" setup>
 import type { KanbanType, ViewType, ViewTypes } from 'nocodb-sdk'
 import type { WritableComputedRef } from '@vue/reactivity'
-import {
-  IsLockedInj,
-  inject,
-  message,
-  onKeyStroke,
-  useDebounceFn,
-  useNuxtApp,
-  useUIPermission,
-  useVModel,
-} from '#imports'
-
 import { Tooltip } from 'ant-design-vue'
+import { IsLockedInj, inject, message, onKeyStroke, useDebounceFn, useNuxtApp, useUIPermission, useVModel } from '#imports'
 
 interface Props {
   view: ViewType
@@ -175,8 +165,7 @@ function onStopEdit() {
     @dblclick.stop="onDblClick"
     @click.stop="onClick"
   >
-    <div v-e="['a:view:open', { view: vModel.type }]" class="text-xs flex items-center w-full gap-2"
-         data-testid="view-item">
+    <div v-e="['a:view:open', { view: vModel.type }]" class="text-xs flex items-center w-full gap-2" data-testid="view-item">
       <div class="flex w-auto min-w-5" :data-testid="`view-sidebar-drag-handle-${vModel.alias || vModel.title}`">
         <a-dropdown :trigger="['click']" @click.stop>
           <component :is="isUIAllowed('tableIconCustomisation') ? Tooltip : 'div'">
@@ -190,8 +179,7 @@ function onStopEdit() {
         </a-dropdown>
       </div>
 
-      <a-input v-if="isEditing" :ref="focusInput" v-model:value="vModel.title" @blur="onCancel"
-               @keydown="onKeyDown($event)" />
+      <a-input v-if="isEditing" :ref="focusInput" v-model:value="vModel.title" @blur="onCancel" @keydown="onKeyDown($event)" />
 
       <div v-else>
         <LazyGeneralTruncateText>{{ vModel.alias || vModel.title }}</LazyGeneralTruncateText>
@@ -206,8 +194,7 @@ function onStopEdit() {
               {{ $t('activity.copyView') }}
             </template>
 
-            <MdiContentCopy class="hidden group-hover:block text-gray-500 nc-view-copy-icon"
-                            @click.stop="onDuplicate" />
+            <MdiContentCopy class="hidden group-hover:block text-gray-500 nc-view-copy-icon" @click.stop="onDuplicate" />
           </a-tooltip>
 
           <template v-if="!vModel.is_default">

From 2150eb8051500f4190ec7db949e4cc9af82fba11 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 22 Dec 2022 23:27:01 +0530
Subject: [PATCH 085/103] feat(gui): set LTAR link table icon

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/erd/TableNode.vue                  | 4 ++--
 .../components/virtual-cell/components/ListChildItems.vue     | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/erd/TableNode.vue b/packages/nc-gui/components/erd/TableNode.vue
index 06612bdfcc..bd9387824c 100644
--- a/packages/nc-gui/components/erd/TableNode.vue
+++ b/packages/nc-gui/components/erd/TableNode.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { NodeProps } from '@vue-flow/core'
-import { Handle, Position, useVueFlow } from '@vue-flow/core'
+import { Position, useVueFlow } from '@vue-flow/core'
 import type { LinkToAnotherRecordType } from 'nocodb-sdk'
 import { UITypes, isVirtualCol } from 'nocodb-sdk'
 import type { NodeData } from './utils'
@@ -60,7 +60,7 @@ watch(
         class="text-slate-600 text-md py-2 border-slate-500 rounded-t-lg w-full h-full px-3 font-semibold flex items-center"
       >
         <GeneralTableIcon class="text-primary" :meta="table" />
-        <div :class="showSkeleton ? 'text-6xl' : ''" class="flex px-2">
+        <div :class="showSkeleton ? 'text-6xl' : ''" class="flex pr-2 pl-1">
           {{ table.title }}
         </div>
       </div>
diff --git a/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue b/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
index 8dabf9d4cb..33329b5410 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListChildItems.vue
@@ -129,7 +129,9 @@ const onClick = (row: Row) => {
         >
           <div class="flex items-center gap-1">
             <MdiLinkVariant class="text-xs" type="primary" />
-            Link to '{{ relatedTableMeta.title }}'
+            Link to '
+            <GeneralTableIcon :meta="relatedTableMeta" class="-mx-1 w-5" />
+            {{ relatedTableMeta.title }}'
           </div>
         </a-button>
       </div>

From 9d8bc1d81bb3e4264e7c120780b2340f23a7c45e Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 23 Dec 2022 11:16:57 +0530
Subject: [PATCH 086/103] fix(gui): keep parsed meta data in cache

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nocodb/src/lib/models/View.ts                      | 6 ++++--
 .../pages/Dashboard/Grid/Column/LTAR/ChildList.ts           | 4 +++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/nocodb/src/lib/models/View.ts b/packages/nocodb/src/lib/models/View.ts
index cc83d8bfea..1963ded461 100644
--- a/packages/nocodb/src/lib/models/View.ts
+++ b/packages/nocodb/src/lib/models/View.ts
@@ -852,8 +852,6 @@ export default class View implements ViewType {
       'meta',
       'uuid',
     ]);
-    // if meta data defined then stringify it
-    stringifyMetaProp(updateObj);
 
     // get existing cache
     const key = `${CacheScope.VIEW}:${viewId}`;
@@ -870,6 +868,10 @@ export default class View implements ViewType {
       // set cache
       await NocoCache.set(key, o);
     }
+
+    // if meta data defined then stringify it
+    stringifyMetaProp(updateObj);
+
     // set meta
     await ncMeta.metaUpdate(null, null, MetaTable.VIEWS, updateObj, viewId);
     return this.get(viewId);
diff --git a/tests/playwright/pages/Dashboard/Grid/Column/LTAR/ChildList.ts b/tests/playwright/pages/Dashboard/Grid/Column/LTAR/ChildList.ts
index d881b378f8..140e1eb3f5 100644
--- a/tests/playwright/pages/Dashboard/Grid/Column/LTAR/ChildList.ts
+++ b/tests/playwright/pages/Dashboard/Grid/Column/LTAR/ChildList.ts
@@ -20,7 +20,9 @@ export class ChildList extends BasePage {
     //    button: Link to 'City'
     //    icon: reload
     await expect(this.get().locator(`.ant-modal-title`)).toHaveText(`Child list`);
-    await expect(await this.get().locator(`button:has-text("Link to '${linkField}'")`).isVisible()).toBeTruthy();
+    await expect(
+      await this.get().locator(`button:has-text("Link to"):hasText("${linkField}'")`).isVisible()
+    ).toBeTruthy();
     await expect(await this.get().locator(`[data-testid="nc-child-list-reload"]`).isVisible()).toBeTruthy();
 
     // child list body validation (card count, card title)

From a6f76b4855ed2b651f2e446ccc6986711e4aba4b Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 23 Dec 2022 11:20:57 +0530
Subject: [PATCH 087/103] feat(gui): icon in shared view list

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/smartsheet/toolbar/SharedViewList.vue  | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/toolbar/SharedViewList.vue b/packages/nc-gui/components/smartsheet/toolbar/SharedViewList.vue
index 37b7146174..42be827a67 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/SharedViewList.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/SharedViewList.vue
@@ -108,8 +108,9 @@ const deleteLink = async (id: string) => {
 
       <!-- View name -->
       <a-table-column key="title" :title="$t('labels.viewName')" data-index="title">
-        <template #default="{ text }">
-          <div class="text-xs" :title="text">
+        <template #default="{ text , record}">
+          <div class="text-xs flex items-center gap-1" :title="text">
+            <GeneralViewIcon class="w-5" :meta="record" />
             {{ text }}
           </div>
         </template>

From 793b79984209434b80069ecf62cd380ba3f0e33f Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 23 Dec 2022 11:25:13 +0530
Subject: [PATCH 088/103] chore(gui): lint

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/erd/TableNode.vue                    | 2 +-
 .../nc-gui/components/smartsheet/toolbar/SharedViewList.vue     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/erd/TableNode.vue b/packages/nc-gui/components/erd/TableNode.vue
index bd9387824c..359da0f4c5 100644
--- a/packages/nc-gui/components/erd/TableNode.vue
+++ b/packages/nc-gui/components/erd/TableNode.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { NodeProps } from '@vue-flow/core'
-import { Position, useVueFlow } from '@vue-flow/core'
+import { Handle, Position, useVueFlow } from '@vue-flow/core'
 import type { LinkToAnotherRecordType } from 'nocodb-sdk'
 import { UITypes, isVirtualCol } from 'nocodb-sdk'
 import type { NodeData } from './utils'
diff --git a/packages/nc-gui/components/smartsheet/toolbar/SharedViewList.vue b/packages/nc-gui/components/smartsheet/toolbar/SharedViewList.vue
index 42be827a67..e1886b2816 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/SharedViewList.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/SharedViewList.vue
@@ -108,7 +108,7 @@ const deleteLink = async (id: string) => {
 
       <!-- View name -->
       <a-table-column key="title" :title="$t('labels.viewName')" data-index="title">
-        <template #default="{ text , record}">
+        <template #default="{ text, record }">
           <div class="text-xs flex items-center gap-1" :title="text">
             <GeneralViewIcon class="w-5" :meta="record" />
             {{ text }}

From 665a86dc0e6a134f43ceeb99924cdddd6bda82a5 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 23 Dec 2022 11:33:11 +0530
Subject: [PATCH 089/103] test(playwright): add test for view icon change

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../smartsheet/sidebar/RenameableMenuItem.vue |  2 +-
 .../pages/Dashboard/ViewSidebar/index.ts      | 21 +++++++++++++++++++
 tests/playwright/tests/viewKanban.spec.ts     |  7 ++++++-
 tests/playwright/tests/views.spec.ts          |  5 +++++
 4 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue b/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue
index 6c8016368b..bed7376e4e 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/RenameableMenuItem.vue
@@ -169,7 +169,7 @@ function onStopEdit() {
       <div class="flex w-auto min-w-5" :data-testid="`view-sidebar-drag-handle-${vModel.alias || vModel.title}`">
         <a-dropdown :trigger="['click']" @click.stop>
           <component :is="isUIAllowed('tableIconCustomisation') ? Tooltip : 'div'">
-            <GeneralViewIcon :meta="props.view"></GeneralViewIcon>
+            <GeneralViewIcon :meta="props.view" class="nc-view-icon"></GeneralViewIcon>
             <template v-if="isUIAllowed('tableIconCustomisation')" #title>Change icon</template>
           </component>
 
diff --git a/tests/playwright/pages/Dashboard/ViewSidebar/index.ts b/tests/playwright/pages/Dashboard/ViewSidebar/index.ts
index cf2791ce1b..6260f9d5b6 100644
--- a/tests/playwright/pages/Dashboard/ViewSidebar/index.ts
+++ b/tests/playwright/pages/Dashboard/ViewSidebar/index.ts
@@ -140,6 +140,27 @@ export class ViewSidebarPage extends BasePage {
     await this.verifyToast({ message: 'View created successfully' });
   }
 
+  async changeViewIcon({ title, icon }: { title: string; icon: string }) {
+    await this.get().locator(`[data-testid="view-sidebar-view-${title}"] .nc-view-icon`).click();
+
+    await this.rootPage.getByTestId('nc-emoji-filter').type(icon);
+    await this.rootPage.getByTestId('nc-emoji-container').locator(`.nc-emoji-item >> svg`).first().click();
+
+    await this.rootPage.getByTestId('nc-emoji-container').isHidden();
+    await expect(
+      this.get().locator(`[data-testid="view-sidebar-view-${title}"] [data-testid="nc-icon-emojione:${icon}"]`)
+    ).toHaveCount(1);
+  }
+
+  async verifyTabIcon({ title, icon }: { title: string; icon: string }) {
+    await new Promise(resolve => setTimeout(resolve, 1000));
+    await expect(
+      this.rootPage.locator(
+        `[data-testid="nc-tab-title"]:has-text("${title}") [data-testid="nc-tab-icon-emojione:${icon}"]`
+      )
+    ).toBeVisible();
+  }
+
   async validateRoleAccess(param: { role: string }) {
     const count = param.role === 'creator' ? 1 : 0;
     await expect(this.createGridButton).toHaveCount(count);
diff --git a/tests/playwright/tests/viewKanban.spec.ts b/tests/playwright/tests/viewKanban.spec.ts
index 1bbb31e7e8..0fe4ab45f7 100644
--- a/tests/playwright/tests/viewKanban.spec.ts
+++ b/tests/playwright/tests/viewKanban.spec.ts
@@ -19,7 +19,7 @@ test.describe('View', () => {
     // close 'Team & Auth' tab
     await dashboard.closeTab({ title: 'Team & Auth' });
     await dashboard.treeView.openTable({ title: 'Film' });
-    
+
     if (isSqlite(context)) {
       await dashboard.treeView.deleteTable({ title: 'FilmList' });
     }
@@ -237,6 +237,11 @@ test.describe('View', () => {
         order: order2[i - 1],
       });
 
+    await dashboard.viewSidebar.changeViewIcon({
+      title: 'Kanban-1',
+      icon: 'american-football',
+    });
+
     await dashboard.viewSidebar.deleteView({ title: 'Kanban-1' });
     ///////////////////////////////////////////////
 
diff --git a/tests/playwright/tests/views.spec.ts b/tests/playwright/tests/views.spec.ts
index c823384eed..df6707c5a5 100644
--- a/tests/playwright/tests/views.spec.ts
+++ b/tests/playwright/tests/views.spec.ts
@@ -44,6 +44,11 @@ test.describe('Views CRUD Operations', () => {
       title: 'CityGallery',
       newTitle: 'CityGallery2',
     });
+
+    await dashboard.viewSidebar.changeViewIcon({
+      title: 'CityGallery',
+      icon: 'american-football',
+    });
     await dashboard.viewSidebar.verifyView({
       title: 'CityGallery2',
       index: 3,

From b9951968198c8a220b42932a02db07b719bfedef Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 23 Dec 2022 12:06:00 +0530
Subject: [PATCH 090/103] fix(gui): icons in ui acl and shared base

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/dashboard/settings/UIAcl.vue  | 9 +++++----
 .../nc-gui/components/smartsheet/toolbar/ViewInfo.vue    | 9 ++-------
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/settings/UIAcl.vue b/packages/nc-gui/components/dashboard/settings/UIAcl.vue
index b2d05e14ca..fe618595d5 100644
--- a/packages/nc-gui/components/dashboard/settings/UIAcl.vue
+++ b/packages/nc-gui/components/dashboard/settings/UIAcl.vue
@@ -10,7 +10,6 @@ import {
   useI18n,
   useNuxtApp,
   useProject,
-  viewIcons,
 } from '#imports'
 
 const props = defineProps<{
@@ -172,9 +171,11 @@ const columns = [
             </div>
 
             <div v-if="column.name === 'view_name'">
-              <div class="flex items-center">
-                <component :is="viewIcons[record.type].icon" :class="`text-${viewIcons[record.type].color} mr-1`" />
-                {{ record.title }}
+              <div class="flex items-center gap-1">
+                <div class="min-w-5 flex items-center justify-center">
+                  <GeneralViewIcon :meta="record" class="text-gray-500"></GeneralViewIcon>
+                </div>
+                <span class="overflow-ellipsis min-w-0 shrink-1">{{ record.title }}</span>
               </div>
             </div>
 
diff --git a/packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue b/packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue
index f59faf85c5..eb9d8a1d44 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue
@@ -1,17 +1,12 @@
 <script setup lang="ts">
-import { ActiveViewInj, inject, viewIcons } from '#imports'
+import { ActiveViewInj, inject } from '#imports'
 
 const selectedView = inject(ActiveViewInj)
 </script>
 
 <template>
   <div class="flex gap-2 items-center ml-2 mr-2 pr-4 pb-1 py-0.5 border-r-1 border-gray-100">
-    <component
-      :is="viewIcons[selectedView?.type].icon"
-      v-if="selectedView?.type"
-      class="nc-view-icon group-hover:hidden"
-      :style="{ color: viewIcons[selectedView?.type].color }"
-    />
+    <GeneralViewIcon class="nc-view-icon" :meta="selectedView"></GeneralViewIcon>
 
     <span class="!text-sm font-medium max-w-36 overflow-ellipsis overflow-hidden whitespace-nowrap">
       {{ selectedView?.title }}

From ee2a1e6adbd7ad942226a8aae407aea143a0eff2 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 23 Dec 2022 12:20:17 +0530
Subject: [PATCH 091/103] fix(gui): show cusstom icon in meta diff

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../dashboard/settings/Metadata.vue           | 12 +++-
 .../nocodb/src/lib/meta/api/metaDiffApis.ts   | 57 ++++++++++++-------
 2 files changed, 48 insertions(+), 21 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/settings/Metadata.vue b/packages/nc-gui/components/dashboard/settings/Metadata.vue
index 937559eff7..01355ef1c4 100644
--- a/packages/nc-gui/components/dashboard/settings/Metadata.vue
+++ b/packages/nc-gui/components/dashboard/settings/Metadata.vue
@@ -97,7 +97,6 @@ const columns = [
           </div>
         </a-button>
       </div>
-
       <div class="max-h-600px overflow-y-auto">
         <a-table
           class="w-full"
@@ -116,6 +115,17 @@ const columns = [
           <template #emptyText>
             <a-empty :image="Empty.PRESENTED_IMAGE_SIMPLE" :description="$t('labels.noData')" />
           </template>
+
+          <template #bodyCell="{ record, column }">
+            <div v-if="column.key === 'table_name'">
+              <div class="flex items-center gap-1">
+                <div class="min-w-5 flex items-center justify-center">
+                  <GeneralTableIcon :meta="record" class="text-gray-500"></GeneralTableIcon>
+                </div>
+                <span class="overflow-ellipsis min-w-0 shrink-1">{{ record.table_name }}</span>
+              </div>
+            </div>
+          </template>
         </a-table>
       </div>
     </div>
diff --git a/packages/nocodb/src/lib/meta/api/metaDiffApis.ts b/packages/nocodb/src/lib/meta/api/metaDiffApis.ts
index 7f31c60534..e96317fb60 100644
--- a/packages/nocodb/src/lib/meta/api/metaDiffApis.ts
+++ b/packages/nocodb/src/lib/meta/api/metaDiffApis.ts
@@ -44,6 +44,7 @@ type MetaDiff = {
   table_name: string;
   base_id: string;
   type: ModelTypes;
+  meta?: any;
   detectedChanges: Array<MetaDiffChange>;
 };
 
@@ -176,6 +177,7 @@ async function getMetaDiff(
 
     const tableProp: MetaDiff = {
       title: oldMeta.title,
+      meta: oldMeta.meta,
       table_name: table.tn,
       base_id: base.id,
       type: ModelTypes.TABLE,
@@ -248,6 +250,7 @@ async function getMetaDiff(
   for (const model of oldTableMetas) {
     changes.push({
       table_name: model.table_name,
+      meta: model.meta,
       base_id: base.id,
       type: ModelTypes.TABLE,
       detectedChanges: [
@@ -452,6 +455,7 @@ async function getMetaDiff(
 
     const tableProp: MetaDiff = {
       title: oldMeta.title,
+      meta: oldMeta.meta,
       table_name: view.tn,
       base_id: base.id,
       type: ModelTypes.VIEW,
@@ -520,6 +524,7 @@ async function getMetaDiff(
   for (const model of oldViewMetas) {
     changes.push({
       table_name: model.table_name,
+      meta: model.meta,
       base_id: base.id,
       type: ModelTypes.TABLE,
       detectedChanges: [
@@ -539,7 +544,7 @@ async function getMetaDiff(
 
 export async function metaDiff(req, res) {
   const project = await Project.getWithInfo(req.params.projectId);
-  let changes = []
+  let changes = [];
   for (const base of project.bases) {
     try {
       // @ts-ignore
@@ -556,7 +561,7 @@ export async function metaDiff(req, res) {
 export async function baseMetaDiff(req, res) {
   const project = await Project.getWithInfo(req.params.projectId);
   const base = await Base.get(req.params.baseId);
-  let changes = []
+  let changes = [];
 
   const sqlClient = NcConnectionMgrv2.getSqlClient(base);
   changes = await getMetaDiff(sqlClient, project, base);
@@ -572,10 +577,10 @@ export async function metaDiffSync(req, res) {
     // @ts-ignore
     const sqlClient = NcConnectionMgrv2.getSqlClient(base);
     const changes = await getMetaDiff(sqlClient, project, base);
-  
+
     /* Get all relations */
     // const relations = (await sqlClient.relationListAll())?.data?.list;
-  
+
     for (const { table_name, detectedChanges } of changes) {
       // reorder changes to apply relation remove changes
       // before column remove to avoid foreign key constraint error
@@ -585,7 +590,7 @@ export async function metaDiffSync(req, res) {
           applyChangesPriorityOrder.indexOf(a.type)
         );
       });
-      
+
       for (const change of detectedChanges) {
         switch (change.type) {
           case MetaDiffType.TABLE_NEW:
@@ -593,15 +598,19 @@ export async function metaDiffSync(req, res) {
               const columns = (
                 await sqlClient.columnList({ tn: table_name })
               )?.data?.list?.map((c) => ({ ...c, column_name: c.cn }));
-  
+
               mapDefaultPrimaryValue(columns);
-  
+
               const model = await Model.insert(project.id, base.id, {
                 table_name: table_name,
-                title: getTableNameAlias(table_name, base.is_meta ? project.prefix : '', base),
+                title: getTableNameAlias(
+                  table_name,
+                  base.is_meta ? project.prefix : '',
+                  base
+                ),
                 type: ModelTypes.TABLE,
               });
-  
+
               for (const column of columns) {
                 await Column.insert({
                   uidt: getColumnUiType(base, column),
@@ -617,15 +626,15 @@ export async function metaDiffSync(req, res) {
               const columns = (
                 await sqlClient.columnList({ tn: table_name })
               )?.data?.list?.map((c) => ({ ...c, column_name: c.cn }));
-  
+
               mapDefaultPrimaryValue(columns);
-  
+
               const model = await Model.insert(project.id, base.id, {
                 table_name: table_name,
                 title: getTableNameAlias(table_name, project.prefix, base),
                 type: ModelTypes.VIEW,
               });
-  
+
               for (const column of columns) {
                 await Column.insert({
                   uidt: getColumnUiType(base, column),
@@ -657,7 +666,7 @@ export async function metaDiffSync(req, res) {
             // update old
             // populateParams.tableNames.push({ tn });
             // populateParams.oldMetas[tn] = oldMetas.find(m => m.tn === tn);
-  
+
             break;
           case MetaDiffType.TABLE_COLUMN_TYPE_CHANGE:
           case MetaDiffType.VIEW_COLUMN_TYPE_CHANGE:
@@ -698,17 +707,21 @@ export async function metaDiffSync(req, res) {
                 });
                 const parentCol = await parentModel
                   .getColumns()
-                  .then((cols) => cols.find((c) => c.column_name === change.rcn));
+                  .then((cols) =>
+                    cols.find((c) => c.column_name === change.rcn)
+                  );
                 const childCol = await childModel
                   .getColumns()
-                  .then((cols) => cols.find((c) => c.column_name === change.cn));
-  
+                  .then((cols) =>
+                    cols.find((c) => c.column_name === change.cn)
+                  );
+
                 await Column.update(childCol.id, {
                   ...childCol,
                   uidt: UITypes.ForeignKey,
                   system: true,
                 });
-  
+
                 if (change.relationType === RelationTypes.BELONGS_TO) {
                   const title = getUniqueColumnAliasName(
                     childModel.columns,
@@ -746,9 +759,9 @@ export async function metaDiffSync(req, res) {
         }
       }
     }
-  
+
     await NcHelp.executeOperations(virtualColumnInsert, base.type);
-  
+
     // populate m2m relations
     await extractAndGenerateManyToManyRelations(await base.getModels());
   }
@@ -784,7 +797,11 @@ export async function baseMetaDiffSync(req, res) {
 
             const model = await Model.insert(project.id, base.id, {
               table_name: table_name,
-              title: getTableNameAlias(table_name, base.is_meta ? project.prefix : '', base),
+              title: getTableNameAlias(
+                table_name,
+                base.is_meta ? project.prefix : '',
+                base
+              ),
               type: ModelTypes.TABLE,
             });
 

From b52164d70d36c985b6c645f0e1fe718a91ee1285 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 23 Dec 2022 12:33:32 +0530
Subject: [PATCH 092/103] fix(playwright): view title correction

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 tests/playwright/tests/views.spec.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/tests/playwright/tests/views.spec.ts b/tests/playwright/tests/views.spec.ts
index df6707c5a5..b00f98848c 100644
--- a/tests/playwright/tests/views.spec.ts
+++ b/tests/playwright/tests/views.spec.ts
@@ -45,15 +45,16 @@ test.describe('Views CRUD Operations', () => {
       newTitle: 'CityGallery2',
     });
 
-    await dashboard.viewSidebar.changeViewIcon({
-      title: 'CityGallery',
-      icon: 'american-football',
-    });
     await dashboard.viewSidebar.verifyView({
       title: 'CityGallery2',
       index: 3,
     });
 
+    await dashboard.viewSidebar.changeViewIcon({
+      title: 'CityGallery2',
+      icon: 'american-football',
+    });
+
     // todo: Enable when view bug is fixed
     // await dashboard.viewSidebar.reorderViews({
     //   sourceView: "CityGrid",

From 9fde794388d8b5ba9498f6ab6cf59c2a680f68b0 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 23 Dec 2022 13:29:19 +0530
Subject: [PATCH 093/103] fix(playwright): use regex pattern

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../playwright/pages/Dashboard/Grid/Column/LTAR/ChildList.ts  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tests/playwright/pages/Dashboard/Grid/Column/LTAR/ChildList.ts b/tests/playwright/pages/Dashboard/Grid/Column/LTAR/ChildList.ts
index 140e1eb3f5..a6c32d6033 100644
--- a/tests/playwright/pages/Dashboard/Grid/Column/LTAR/ChildList.ts
+++ b/tests/playwright/pages/Dashboard/Grid/Column/LTAR/ChildList.ts
@@ -21,7 +21,7 @@ export class ChildList extends BasePage {
     //    icon: reload
     await expect(this.get().locator(`.ant-modal-title`)).toHaveText(`Child list`);
     await expect(
-      await this.get().locator(`button:has-text("Link to"):hasText("${linkField}'")`).isVisible()
+      await this.get().locator(`button:text-matches("Link to '.*${linkField}'", "i")`).isVisible()
     ).toBeTruthy();
     await expect(await this.get().locator(`[data-testid="nc-child-list-reload"]`).isVisible()).toBeTruthy();
 
@@ -52,7 +52,7 @@ export class ChildList extends BasePage {
   }
 
   async openLinkRecord({ linkTableTitle }: { linkTableTitle: string }) {
-    const openActions = this.get().locator(`button:has-text("Link to '${linkTableTitle}'")`).click();
+    const openActions = this.get().locator(`:text-matches("Link to '.*${linkTableTitle}'", "i")`).click();
     await this.waitForResponse({
       requestUrlPathToMatch: '/exclude',
       httpMethodsToMatch: ['GET'],

From 69dc9feeeea2ccf07b9705c089e2ecbe5cc7f511 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 23 Dec 2022 13:53:00 +0530
Subject: [PATCH 094/103] test(playwright): selector correction

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../pages/Dashboard/Grid/Column/LTAR/ChildList.ts           | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/tests/playwright/pages/Dashboard/Grid/Column/LTAR/ChildList.ts b/tests/playwright/pages/Dashboard/Grid/Column/LTAR/ChildList.ts
index a6c32d6033..22dd01ede9 100644
--- a/tests/playwright/pages/Dashboard/Grid/Column/LTAR/ChildList.ts
+++ b/tests/playwright/pages/Dashboard/Grid/Column/LTAR/ChildList.ts
@@ -20,9 +20,7 @@ export class ChildList extends BasePage {
     //    button: Link to 'City'
     //    icon: reload
     await expect(this.get().locator(`.ant-modal-title`)).toHaveText(`Child list`);
-    await expect(
-      await this.get().locator(`button:text-matches("Link to '.*${linkField}'", "i")`).isVisible()
-    ).toBeTruthy();
+    await expect(await this.get().locator(`text=/Link to '.*${linkField}'/i`).isVisible()).toBeTruthy();
     await expect(await this.get().locator(`[data-testid="nc-child-list-reload"]`).isVisible()).toBeTruthy();
 
     // child list body validation (card count, card title)
@@ -52,7 +50,7 @@ export class ChildList extends BasePage {
   }
 
   async openLinkRecord({ linkTableTitle }: { linkTableTitle: string }) {
-    const openActions = this.get().locator(`:text-matches("Link to '.*${linkTableTitle}'", "i")`).click();
+    const openActions = this.get().locator(`text=/Link to '.*${linkTableTitle}'/i`).click();
     await this.waitForResponse({
       requestUrlPathToMatch: '/exclude',
       httpMethodsToMatch: ['GET'],

From 0021e90864275c5cffd0aec4c74ba7e5976a7761 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 23 Dec 2022 15:05:40 +0530
Subject: [PATCH 095/103] fix(gui): use title for existing table in meta diff

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/dashboard/settings/Metadata.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/settings/Metadata.vue b/packages/nc-gui/components/dashboard/settings/Metadata.vue
index 01355ef1c4..54313a52d5 100644
--- a/packages/nc-gui/components/dashboard/settings/Metadata.vue
+++ b/packages/nc-gui/components/dashboard/settings/Metadata.vue
@@ -69,9 +69,7 @@ const columns = [
   {
     // Models
     title: tableHeaderRenderer(t('labels.models')),
-    key: 'table_name',
-    customRender: ({ record }: { record: { table_name: string; title?: string } }) =>
-      h('div', {}, record.title || record.table_name),
+    key: 'table_name'
   },
   {
     // Sync state
@@ -122,7 +120,7 @@ const columns = [
                 <div class="min-w-5 flex items-center justify-center">
                   <GeneralTableIcon :meta="record" class="text-gray-500"></GeneralTableIcon>
                 </div>
-                <span class="overflow-ellipsis min-w-0 shrink-1">{{ record.table_name }}</span>
+                <span class="overflow-ellipsis min-w-0 shrink-1">{{ record.title || record.table_name }}</span>
               </div>
             </div>
           </template>

From 21c6b3bf80cec1e0d6c3e73a31f2e7ca79a6cb45 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 23 Dec 2022 16:13:04 +0530
Subject: [PATCH 096/103] fix(gui): increase icon size in skeleton view

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/dashboard/settings/Metadata.vue | 2 +-
 packages/nc-gui/components/erd/TableNode.vue               | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/settings/Metadata.vue b/packages/nc-gui/components/dashboard/settings/Metadata.vue
index 54313a52d5..b15c07b9e8 100644
--- a/packages/nc-gui/components/dashboard/settings/Metadata.vue
+++ b/packages/nc-gui/components/dashboard/settings/Metadata.vue
@@ -69,7 +69,7 @@ const columns = [
   {
     // Models
     title: tableHeaderRenderer(t('labels.models')),
-    key: 'table_name'
+    key: 'table_name',
   },
   {
     // Sync state
diff --git a/packages/nc-gui/components/erd/TableNode.vue b/packages/nc-gui/components/erd/TableNode.vue
index 359da0f4c5..68f2c7d287 100644
--- a/packages/nc-gui/components/erd/TableNode.vue
+++ b/packages/nc-gui/components/erd/TableNode.vue
@@ -59,7 +59,7 @@ watch(
         :class="[showSkeleton ? '' : 'bg-primary bg-opacity-10', hasColumns ? 'border-b-1' : '']"
         class="text-slate-600 text-md py-2 border-slate-500 rounded-t-lg w-full h-full px-3 font-semibold flex items-center"
       >
-        <GeneralTableIcon class="text-primary" :meta="table" />
+        <GeneralTableIcon class="text-primary" :class="{ '!text-6xl !w-auto mr-2': showSkeleton }" :meta="table" />
         <div :class="showSkeleton ? 'text-6xl' : ''" class="flex pr-2 pl-1">
           {{ table.title }}
         </div>

From 8fe15ef4fbbdb6a9f477c9b1e29dd2d1d98d5e93 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 23 Dec 2022 16:57:41 +0530
Subject: [PATCH 097/103] refactor(gui): icon size and other requested changes

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/app.vue                                        | 1 -
 packages/nc-gui/components/general/TableIcon.vue               | 2 +-
 packages/nc-gui/components/general/ViewIcon.vue                | 2 +-
 packages/nc-gui/components/smartsheet/expanded-form/Header.vue | 2 +-
 packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue     | 2 +-
 packages/nc-gui/layouts/shared-view.vue                        | 2 +-
 6 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/app.vue b/packages/nc-gui/app.vue
index b3c147e5e1..32480b0839 100644
--- a/packages/nc-gui/app.vue
+++ b/packages/nc-gui/app.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import '@purge-icons/generated'
 import { applyNonSelectable, computed, useRoute, useTheme } from '#imports'
 
 const route = useRoute()
diff --git a/packages/nc-gui/components/general/TableIcon.vue b/packages/nc-gui/components/general/TableIcon.vue
index 732cf953c5..cfac78343b 100644
--- a/packages/nc-gui/components/general/TableIcon.vue
+++ b/packages/nc-gui/components/general/TableIcon.vue
@@ -13,7 +13,7 @@ const { meta: tableMeta } = defineProps<{
     :data-testid="`nc-icon-${tableMeta.meta?.icon}`"
     class="text-lg"
     :icon="tableMeta.meta?.icon"
-  ></IcIcon>
+  />
 
   <MdiEyeCircleOutline v-else-if="tableMeta?.type === 'view'" class="w-5" />
   <MdiTableLarge v-else class="w-5" />
diff --git a/packages/nc-gui/components/general/ViewIcon.vue b/packages/nc-gui/components/general/ViewIcon.vue
index 5d347ea34b..5e6a18b9dc 100644
--- a/packages/nc-gui/components/general/ViewIcon.vue
+++ b/packages/nc-gui/components/general/ViewIcon.vue
@@ -14,7 +14,7 @@ const { meta: viewMeta } = defineProps<{
     :data-testid="`nc-icon-${viewMeta?.meta?.icon}`"
     class="text-[16px]"
     :icon="viewMeta?.meta?.icon"
-  ></IcIcon>
+  />
   <component
     :is="viewIcons[viewMeta.type]?.icon"
     v-else
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
index 823d5f9800..c2379e4bc5 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
@@ -77,7 +77,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
 <template>
   <div class="flex p-2 items-center gap-2 p-4 nc-expanded-form-header">
     <h5 class="text-lg font-weight-medium flex items-center gap-1 mb-0 min-w-0 overflow-x-hidden truncate">
-      <GeneralTableIcon :style="{ color: iconColor }" :meta="meta" class="mx-2"></GeneralTableIcon>
+      <GeneralTableIcon :style="{ color: iconColor }" :meta="meta" class="mx-2" />
 
       <template v-if="meta">
         {{ meta.title }}
diff --git a/packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue b/packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue
index eb9d8a1d44..524824660b 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue
@@ -6,7 +6,7 @@ const selectedView = inject(ActiveViewInj)
 
 <template>
   <div class="flex gap-2 items-center ml-2 mr-2 pr-4 pb-1 py-0.5 border-r-1 border-gray-100">
-    <GeneralViewIcon class="nc-view-icon" :meta="selectedView"></GeneralViewIcon>
+    <GeneralViewIcon class="nc-view-icon" :meta="selectedView" />
 
     <span class="!text-sm font-medium max-w-36 overflow-ellipsis overflow-hidden whitespace-nowrap">
       {{ selectedView?.title }}
diff --git a/packages/nc-gui/layouts/shared-view.vue b/packages/nc-gui/layouts/shared-view.vue
index 797f68f5d4..cc4dd367f7 100644
--- a/packages/nc-gui/layouts/shared-view.vue
+++ b/packages/nc-gui/layouts/shared-view.vue
@@ -59,7 +59,7 @@ export default {
               </template>
 
               <div v-else class="text-xl font-semibold truncate text-white nc-shared-view-title flex gap-2 items-center">
-                <GeneralViewIcon class="!text-2xl" :meta="sharedView" />
+                <GeneralViewIcon class="!text-xl" :meta="sharedView" />
                 {{ sharedView?.title }}
               </div>
             </div>

From aed44259a3f528a6c74320cdfdca9772db96515d Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Fri, 23 Dec 2022 21:29:33 +0300
Subject: [PATCH 098/103] fix: validation for base forms

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 .../dashboard/settings/data-sources/CreateBase.vue   |  4 ++--
 .../dashboard/settings/data-sources/EditBase.vue     | 12 +++---------
 .../nc-gui/pages/index/index/create-external.vue     |  4 ++--
 3 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue b/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
index 7314b9d9b1..9fe262966e 100644
--- a/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
+++ b/packages/nc-gui/components/dashboard/settings/data-sources/CreateBase.vue
@@ -86,7 +86,7 @@ const validators = computed(() => {
       : formState.dataSource.client === ClientType.SNOWFLAKE
       ? {
           'dataSource.connection.account': [fieldRequiredValidator()],
-          'dataSource.connection.user': [fieldRequiredValidator()],
+          'dataSource.connection.username': [fieldRequiredValidator()],
           'dataSource.connection.password': [fieldRequiredValidator()],
           'dataSource.connection.warehouse': [fieldRequiredValidator()],
           'dataSource.connection.database': [fieldRequiredValidator()],
@@ -399,7 +399,7 @@ watch(
         </a-form-item>
 
         <!-- Username -->
-        <a-form-item :label="$t('labels.username')" v-bind="validateInfos['dataSource.connection.user']">
+        <a-form-item :label="$t('labels.username')" v-bind="validateInfos['dataSource.connection.username']">
           <a-input v-model:value="formState.dataSource.connection.username" class="nc-extdb-host-user" />
         </a-form-item>
 
diff --git a/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue b/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
index 09dfd7364c..7d48c7c397 100644
--- a/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
+++ b/packages/nc-gui/components/dashboard/settings/data-sources/EditBase.vue
@@ -71,13 +71,7 @@ const customFormState = ref<ProjectCreateForm>({
 
 const validators = computed(() => {
   return {
-    'title': [
-      {
-        required: true,
-        message: 'Base name is required',
-      },
-      projectTitleValidator,
-    ],
+    'title': [projectTitleValidator],
     'extraParameters': [extraParameterValidator],
     'dataSource.client': [fieldRequiredValidator()],
     ...(formState.value.dataSource.client === ClientType.SQLITE
@@ -87,7 +81,7 @@ const validators = computed(() => {
       : formState.value.dataSource.client === ClientType.SNOWFLAKE
       ? {
           'dataSource.connection.account': [fieldRequiredValidator()],
-          'dataSource.connection.user': [fieldRequiredValidator()],
+          'dataSource.connection.username': [fieldRequiredValidator()],
           'dataSource.connection.password': [fieldRequiredValidator()],
           'dataSource.connection.warehouse': [fieldRequiredValidator()],
           'dataSource.connection.database': [fieldRequiredValidator()],
@@ -392,7 +386,7 @@ onMounted(async () => {
         </a-form-item>
 
         <!-- Username -->
-        <a-form-item :label="$t('labels.username')" v-bind="validateInfos['dataSource.connection.user']">
+        <a-form-item :label="$t('labels.username')" v-bind="validateInfos['dataSource.connection.username']">
           <a-input v-model:value="formState.dataSource.connection.username" class="nc-extdb-host-user" />
         </a-form-item>
 
diff --git a/packages/nc-gui/pages/index/index/create-external.vue b/packages/nc-gui/pages/index/index/create-external.vue
index 1a51804442..2cc6265336 100644
--- a/packages/nc-gui/pages/index/index/create-external.vue
+++ b/packages/nc-gui/pages/index/index/create-external.vue
@@ -82,7 +82,7 @@ const validators = computed(() => {
       : formState.dataSource.client === ClientType.SNOWFLAKE
       ? {
           'dataSource.connection.account': [fieldRequiredValidator()],
-          'dataSource.connection.user': [fieldRequiredValidator()],
+          'dataSource.connection.username': [fieldRequiredValidator()],
           'dataSource.connection.password': [fieldRequiredValidator()],
           'dataSource.connection.warehouse': [fieldRequiredValidator()],
           'dataSource.connection.database': [fieldRequiredValidator()],
@@ -401,7 +401,7 @@ onMounted(async () => {
         </a-form-item>
 
         <!-- Username -->
-        <a-form-item :label="$t('labels.username')" v-bind="validateInfos['dataSource.connection.user']">
+        <a-form-item :label="$t('labels.username')" v-bind="validateInfos['dataSource.connection.username']">
           <a-input v-model:value="formState.dataSource.connection.username" class="nc-extdb-host-user" />
         </a-form-item>
 

From efcb721b9145e7f2ffaae2ad9a2980e409c0f016 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Fri, 23 Dec 2022 21:33:19 +0300
Subject: [PATCH 099/103] feat: add snowflake to new data source dropdown

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 packages/nc-gui/components/dashboard/TreeView.vue    | 12 ++++++++++++
 .../components/dashboard/settings/DataSources.vue    |  4 ++++
 2 files changed, 16 insertions(+)

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index f21928d9a9..5a3829279c 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -392,6 +392,12 @@ watch(
                       MSSQL
                     </div>
                   </a-menu-item>
+                  <a-menu-item key="connect-new-source" @click="toggleDialog(true, 'dataSources', ClientType.SNOWFLAKE)">
+                    <div class="color-transition nc-project-menu-item group">
+                      <LogosSnowflakeIcon class="group-hover:text-accent" />
+                      Snowflake
+                    </div>
+                  </a-menu-item>
                 </a-menu-item-group>
 
                 <a-menu-divider class="my-0" />
@@ -502,6 +508,12 @@ watch(
                         MSSQL
                       </div>
                     </a-menu-item>
+                    <a-menu-item key="connect-new-source" @click="toggleDialog(true, 'dataSources', ClientType.SNOWFLAKE)">
+                      <div class="color-transition nc-project-menu-item group">
+                        <LogosSnowflakeIcon class="group-hover:text-accent" />
+                        Snowflake
+                      </div>
+                    </a-menu-item>
                   </a-menu-item-group>
 
                   <a-menu-divider class="my-0" />
diff --git a/packages/nc-gui/components/dashboard/settings/DataSources.vue b/packages/nc-gui/components/dashboard/settings/DataSources.vue
index 30d81a867f..8416dc186a 100644
--- a/packages/nc-gui/components/dashboard/settings/DataSources.vue
+++ b/packages/nc-gui/components/dashboard/settings/DataSources.vue
@@ -200,6 +200,10 @@ watch(
         clientType = ClientType.MSSQL
         vState.value = DataSourcesSubTab.New
         break
+      case ClientType.SNOWFLAKE:
+        clientType = ClientType.SNOWFLAKE
+        vState.value = DataSourcesSubTab.New
+        break
       case DataSourcesSubTab.New:
         if (sources.length > 1 && !forceAwakened) {
           vState.value = ''

From c28f061b8ef3e9abd9321b36068b5dd2f14455b2 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 24 Dec 2022 12:54:15 +0530
Subject: [PATCH 100/103] fix(gui): convert parse/stringify methods into pure
 function

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nocodb/src/lib/models/Model.ts     | 38 ++++++-------------
 packages/nocodb/src/lib/models/View.ts      | 18 +++++----
 packages/nocodb/src/lib/utils/modelUtils.ts | 42 ++++++++-------------
 3 files changed, 38 insertions(+), 60 deletions(-)

diff --git a/packages/nocodb/src/lib/models/Model.ts b/packages/nocodb/src/lib/models/Model.ts
index 17d3160cb2..6d61e9a048 100644
--- a/packages/nocodb/src/lib/models/Model.ts
+++ b/packages/nocodb/src/lib/models/Model.ts
@@ -1,5 +1,5 @@
 import Noco from '../Noco';
-import { parseMetaProp } from '../utils/modelUtils'
+import { parseMetaProp } from '../utils/modelUtils';
 import Column from './Column';
 import NocoCache from '../cache/NocoCache';
 import { XKnex } from '../db/sql-data-mapper';
@@ -23,8 +23,6 @@ import { NcError } from '../meta/helpers/catchError';
 import Audit from './Audit';
 import { sanitize } from '../db/sql-data-mapper/lib/sql/helpers/sanitize';
 
-
-
 export default class Model implements TableType {
   copy_enabled: boolean;
   created_at: Date | number | string;
@@ -179,7 +177,10 @@ export default class Model implements TableType {
         }
       );
 
-      parseMetaProp(modelList);
+      // parse meta of each model
+      for (const model of modelList) {
+        model.meta = parseMetaProp(model);
+      }
 
       if (base_id) {
         await NocoCache.setList(
@@ -220,7 +221,10 @@ export default class Model implements TableType {
         MetaTable.MODELS
       );
 
-      parseMetaProp(modelList);
+      // parse meta of each model
+      for (const model of modelList) {
+        model.meta = parseMetaProp(model);
+      }
 
       await NocoCache.setList(CacheScope.MODEL, [project_id], modelList);
     }
@@ -244,7 +248,7 @@ export default class Model implements TableType {
       modelData = await ncMeta.metaGet2(null, null, MetaTable.MODELS, id);
 
       if (modelData) {
-        parseMetaProp(modelData);
+        modelData.meta = parseMetaProp(modelData);
         await NocoCache.set(`${CacheScope.MODEL}:${modelData.id}`, modelData);
       }
     }
@@ -272,25 +276,7 @@ export default class Model implements TableType {
       ));
     if (!modelData) {
       modelData = await ncMeta.metaGet2(null, null, MetaTable.MODELS, k);
-      parseMetaProp(modelData);
-      // if (
-      //   this.baseModels?.[modelData.base_id]?.[modelData.db_alias]?.[
-      //     modelData.title
-      //   ]
-      // ) {
-      //   delete this.baseModels[modelData.base_id][modelData.db_alias][
-      //     modelData.title
-      //   ];
-      // }
-      // if (
-      //   this.baseModels?.[modelData.base_id]?.[modelData.db_alias]?.[
-      //     modelData.id
-      //   ]
-      // ) {
-      //   delete this.baseModels[modelData.base_id][modelData.db_alias][
-      //     modelData.id
-      //   ];
-      // }
+      modelData.meta = parseMetaProp(modelData);
     }
     if (modelData) {
       await NocoCache.set(`${CacheScope.MODEL}:${modelData.id}`, modelData);
@@ -324,7 +310,7 @@ export default class Model implements TableType {
           table_name,
         }
       );
-      parseMetaProp(modelData);
+      modelData.meta = parseMetaProp(modelData);
       await NocoCache.set(`${CacheScope.MODEL}:${modelData.id}`, modelData);
       // modelData.filters = await Filter.getFilterObject({
       //   viewId: modelData.id
diff --git a/packages/nocodb/src/lib/models/View.ts b/packages/nocodb/src/lib/models/View.ts
index 1963ded461..51584fc342 100644
--- a/packages/nocodb/src/lib/models/View.ts
+++ b/packages/nocodb/src/lib/models/View.ts
@@ -119,7 +119,7 @@ export default class View implements ViewType {
       ));
     if (!view) {
       view = await ncMeta.metaGet2(null, null, MetaTable.VIEWS, viewId);
-      parseMetaProp(view);
+      view.meta = parseMetaProp(view);
       await NocoCache.set(`${CacheScope.VIEW}:${view.id}`, view);
     }
 
@@ -158,7 +158,7 @@ export default class View implements ViewType {
           ],
         }
       );
-      parseMetaProp(view);
+      view.meta = parseMetaProp(view);
       // todo: cache - titleOrId can be viewId so we need a different scope here
       await NocoCache.set(
         `${CacheScope.VIEW}:${fk_model_id}:${titleOrId}`,
@@ -191,7 +191,7 @@ export default class View implements ViewType {
         },
         null
       );
-      parseMetaProp(view);
+      view.meta = parseMetaProp(view);
       await NocoCache.set(`${CacheScope.VIEW}:${fk_model_id}:default`, view);
     }
     return view && new View(view);
@@ -208,7 +208,9 @@ export default class View implements ViewType {
           order: 'asc',
         },
       });
-      parseMetaProp(viewsList);
+      for (const view of viewsList) {
+        view.meta = parseMetaProp(view);
+      }
       await NocoCache.setList(CacheScope.VIEW, [modelId], viewsList);
     }
     viewsList.sort(
@@ -262,7 +264,7 @@ export default class View implements ViewType {
       meta: view.meta ?? {},
     };
 
-    stringifyMetaProp(insertObj);
+    insertObj.meta = stringifyMetaProp(insertObj);
 
     // get project and base id if missing
     if (!(view.project_id && view.base_id)) {
@@ -722,7 +724,7 @@ export default class View implements ViewType {
     });
 
     if (view) {
-      parseMetaProp(view);
+      view.meta = parseMetaProp(view);
     }
 
     return view && new View(view);
@@ -870,7 +872,9 @@ export default class View implements ViewType {
     }
 
     // if meta data defined then stringify it
-    stringifyMetaProp(updateObj);
+    if ('meta' in updateObj) {
+      updateObj.meta = stringifyMetaProp(updateObj);
+    }
 
     // set meta
     await ncMeta.metaUpdate(null, null, MetaTable.VIEWS, updateObj, viewId);
diff --git a/packages/nocodb/src/lib/utils/modelUtils.ts b/packages/nocodb/src/lib/utils/modelUtils.ts
index 130e081f0a..3e74d76c80 100644
--- a/packages/nocodb/src/lib/utils/modelUtils.ts
+++ b/packages/nocodb/src/lib/utils/modelUtils.ts
@@ -1,35 +1,23 @@
-export function parseMetaProp(
-  modelOrModelList: { meta: any } | { meta: any }[]
-) {
-  if (!modelOrModelList) return;
+export function parseMetaProp(model: { meta: any }): any {
+  if (!model) return;
 
   // parse meta property
-  for (const model of Array.isArray(modelOrModelList)
-    ? modelOrModelList
-    : [modelOrModelList]) {
-    try {
-      model.meta =
-        typeof model.meta === 'string' ? JSON.parse(model.meta) : model.meta;
-    } catch {
-      model.meta = {};
-    }
+  try {
+    return typeof model.meta === 'string' ? JSON.parse(model.meta) : model.meta;
+  } catch {
+    return {};
   }
 }
 
-export function stringifyMetaProp(
-  modelOrModelList: { meta?: any } | { meta?: any }[]
-) {
-  if (!modelOrModelList) return;
+export function stringifyMetaProp(model: { meta?: any }): string | void {
+  if (!model) return;
 
-  // parse meta property
-  for (const model of Array.isArray(modelOrModelList)
-    ? modelOrModelList
-    : [modelOrModelList]) {
-    try {
-      model.meta =
-        typeof model.meta === 'string' ? model.meta : JSON.stringify(model.meta);
-    } catch (e) {
-      model.meta = '{}';
-    }
+  // stringify meta property
+  try {
+    return typeof model.meta === 'string'
+      ? model.meta
+      : JSON.stringify(model.meta);
+  } catch (e) {
+    return '{}';
   }
 }

From 6c99ad1c9d06d7d420db47bc81970733035d254e Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Tue, 27 Dec 2022 12:17:46 +0530
Subject: [PATCH 101/103] refactor(gui): remove dropdown for create project
 from project list page

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 packages/nc-gui/pages/index/index/index.vue | 72 ++++++++++-----------
 1 file changed, 36 insertions(+), 36 deletions(-)

diff --git a/packages/nc-gui/pages/index/index/index.vue b/packages/nc-gui/pages/index/index/index.vue
index 262a57f1fd..7ebd0ded07 100644
--- a/packages/nc-gui/pages/index/index/index.vue
+++ b/packages/nc-gui/pages/index/index/index.vue
@@ -174,42 +174,42 @@ const copyProjectMeta = async () => {
 
       <div class="flex-1" />
 
-      <a-dropdown v-if="isUIAllowed('projectCreate', true)" :trigger="['click']" overlay-class-name="nc-dropdown-create-project">
-        <button class="nc-new-project-menu mt-4 md:mt-0">
-          <span class="flex items-center w-full">
-            {{ $t('title.newProj') }}
-            <MdiMenuDown class="menu-icon" />
-          </span>
-        </button>
-
-        <template #overlay>
-          <a-menu class="!py-0 rounded">
-            <a-menu-item>
-              <div
-                v-e="['c:project:create:xcdb']"
-                class="nc-project-menu-item group nc-create-xc-db-project"
-                @click="navigateTo('/create')"
-              >
-                <MdiPlusOutline class="group-hover:text-accent" />
-
-                <div>{{ $t('activity.createProject') }}</div>
-              </div>
-            </a-menu-item>
-
-            <a-menu-item v-if="appInfo.connectToExternalDB">
-              <div
-                v-e="['c:project:create:extdb']"
-                class="nc-project-menu-item group nc-create-external-db-project"
-                @click="navigateTo('/create-external')"
-              >
-                <MdiDatabaseOutline class="group-hover:text-accent" />
-
-                <div v-html="$t('activity.createProjectExtended.extDB')" />
-              </div>
-            </a-menu-item>
-          </a-menu>
-        </template>
-      </a-dropdown>
+      <!--      <a-dropdown v-if="isUIAllowed('projectCreate', true)" :trigger="['click']" overlay-class-name="nc-dropdown-create-project"> -->
+      <button v-if="isUIAllowed('projectCreate', true)" class="nc-new-project-menu mt-4 md:mt-0" @click="navigateTo('/create')">
+        <span class="flex items-center w-full">
+          {{ $t('title.newProj') }}
+          <!--          <MdiMenuDown class="menu-icon" /> -->
+        </span>
+      </button>
+
+      <!--        <template #overlay> -->
+      <!--          <a-menu class="!py-0 rounded"> -->
+      <!--            <a-menu-item> -->
+      <!--              <div -->
+      <!--                v-e="['c:project:create:xcdb']" -->
+      <!--                class="nc-project-menu-item group nc-create-xc-db-project" -->
+      <!--                @click="navigateTo('/create')" -->
+      <!--              > -->
+      <!--                <MdiPlusOutline class="group-hover:text-accent" /> -->
+
+      <!--                <div>{{ $t('activity.createProject') }}</div> -->
+      <!--              </div> -->
+      <!--            </a-menu-item> -->
+
+      <!--            <a-menu-item v-if="appInfo.connectToExternalDB"> -->
+      <!--              <div -->
+      <!--                v-e="['c:project:create:extdb']" -->
+      <!--                class="nc-project-menu-item group nc-create-external-db-project" -->
+      <!--                @click="navigateTo('/create-external')" -->
+      <!--              > -->
+      <!--                <MdiDatabaseOutline class="group-hover:text-accent" /> -->
+
+      <!--                <div v-html="$t('activity.createProjectExtended.extDB')" /> -->
+      <!--              </div> -->
+      <!--            </a-menu-item> -->
+      <!--          </a-menu> -->
+      <!--        </template> -->
+      <!--      </a-dropdown> -->
     </div>
 
     <!--

From 277fd4f968b33fb839b19cd5b3455100f33d17f6 Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Tue, 27 Dec 2022 12:52:09 +0530
Subject: [PATCH 102/103] test: project rename modal handling

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 tests/playwright/pages/ProjectsPage/index.ts | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/tests/playwright/pages/ProjectsPage/index.ts b/tests/playwright/pages/ProjectsPage/index.ts
index 7c5d24383d..4ecf0b37ea 100644
--- a/tests/playwright/pages/ProjectsPage/index.ts
+++ b/tests/playwright/pages/ProjectsPage/index.ts
@@ -28,15 +28,16 @@ export class ProjectsPage extends BasePage {
   }) {
     if (!withoutPrefix) name = this.prefixTitle(name);
 
+    // Click "New Project" button
     await this.get().locator('.nc-new-project-menu').click();
 
-    const createProjectMenu = await this.rootPage.locator('.nc-dropdown-create-project');
-
-    if (type === 'xcdb') {
-      await createProjectMenu.locator(`.ant-dropdown-menu-title-content`).nth(0).click();
-    } else {
-      await createProjectMenu.locator(`.ant-dropdown-menu-title-content`).nth(1).click();
-    }
+    // const createProjectMenu = await this.rootPage.locator('.nc-dropdown-create-project');
+    //
+    // if (type === 'xcdb') {
+    //   await createProjectMenu.locator(`.ant-dropdown-menu-title-content`).nth(0).click();
+    // } else {
+    //   await createProjectMenu.locator(`.ant-dropdown-menu-title-content`).nth(1).click();
+    // }
 
     await this.rootPage.locator(`.nc-metadb-project-name`).waitFor();
     await this.rootPage.locator(`input.nc-metadb-project-name`).fill(name);

From e1a73195a8c773bcaa66cf9dfe36e8544176b30a Mon Sep 17 00:00:00 2001
From: Raju Udava <86527202+dstala@users.noreply.github.com>
Date: Tue, 27 Dec 2022 13:37:06 +0530
Subject: [PATCH 103/103] refactor: clean-up comments

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
---
 packages/nc-gui/pages/index/index/index.vue   | 31 -------------------
 tests/playwright/pages/ProjectsPage/index.ts  | 18 +----------
 .../tests/projectOperations.spec.ts           |  2 +-
 3 files changed, 2 insertions(+), 49 deletions(-)

diff --git a/packages/nc-gui/pages/index/index/index.vue b/packages/nc-gui/pages/index/index/index.vue
index 7ebd0ded07..2d6ee1ca93 100644
--- a/packages/nc-gui/pages/index/index/index.vue
+++ b/packages/nc-gui/pages/index/index/index.vue
@@ -174,42 +174,11 @@ const copyProjectMeta = async () => {
 
       <div class="flex-1" />
 
-      <!--      <a-dropdown v-if="isUIAllowed('projectCreate', true)" :trigger="['click']" overlay-class-name="nc-dropdown-create-project"> -->
       <button v-if="isUIAllowed('projectCreate', true)" class="nc-new-project-menu mt-4 md:mt-0" @click="navigateTo('/create')">
         <span class="flex items-center w-full">
           {{ $t('title.newProj') }}
-          <!--          <MdiMenuDown class="menu-icon" /> -->
         </span>
       </button>
-
-      <!--        <template #overlay> -->
-      <!--          <a-menu class="!py-0 rounded"> -->
-      <!--            <a-menu-item> -->
-      <!--              <div -->
-      <!--                v-e="['c:project:create:xcdb']" -->
-      <!--                class="nc-project-menu-item group nc-create-xc-db-project" -->
-      <!--                @click="navigateTo('/create')" -->
-      <!--              > -->
-      <!--                <MdiPlusOutline class="group-hover:text-accent" /> -->
-
-      <!--                <div>{{ $t('activity.createProject') }}</div> -->
-      <!--              </div> -->
-      <!--            </a-menu-item> -->
-
-      <!--            <a-menu-item v-if="appInfo.connectToExternalDB"> -->
-      <!--              <div -->
-      <!--                v-e="['c:project:create:extdb']" -->
-      <!--                class="nc-project-menu-item group nc-create-external-db-project" -->
-      <!--                @click="navigateTo('/create-external')" -->
-      <!--              > -->
-      <!--                <MdiDatabaseOutline class="group-hover:text-accent" /> -->
-
-      <!--                <div v-html="$t('activity.createProjectExtended.extDB')" /> -->
-      <!--              </div> -->
-      <!--            </a-menu-item> -->
-      <!--          </a-menu> -->
-      <!--        </template> -->
-      <!--      </a-dropdown> -->
     </div>
 
     <!--
diff --git a/tests/playwright/pages/ProjectsPage/index.ts b/tests/playwright/pages/ProjectsPage/index.ts
index 4ecf0b37ea..0edbb06fa7 100644
--- a/tests/playwright/pages/ProjectsPage/index.ts
+++ b/tests/playwright/pages/ProjectsPage/index.ts
@@ -17,28 +17,12 @@ export class ProjectsPage extends BasePage {
   }
 
   // create project
-  async createProject({
-    name = 'sample',
-    type = 'xcdb',
-    withoutPrefix,
-  }: {
-    name?: string;
-    type?: string;
-    withoutPrefix?: boolean;
-  }) {
+  async createProject({ name = 'sample', withoutPrefix }: { name?: string; type?: string; withoutPrefix?: boolean }) {
     if (!withoutPrefix) name = this.prefixTitle(name);
 
     // Click "New Project" button
     await this.get().locator('.nc-new-project-menu').click();
 
-    // const createProjectMenu = await this.rootPage.locator('.nc-dropdown-create-project');
-    //
-    // if (type === 'xcdb') {
-    //   await createProjectMenu.locator(`.ant-dropdown-menu-title-content`).nth(0).click();
-    // } else {
-    //   await createProjectMenu.locator(`.ant-dropdown-menu-title-content`).nth(1).click();
-    // }
-
     await this.rootPage.locator(`.nc-metadb-project-name`).waitFor();
     await this.rootPage.locator(`input.nc-metadb-project-name`).fill(name);
 
diff --git a/tests/playwright/tests/projectOperations.spec.ts b/tests/playwright/tests/projectOperations.spec.ts
index 3389aab170..832daad183 100644
--- a/tests/playwright/tests/projectOperations.spec.ts
+++ b/tests/playwright/tests/projectOperations.spec.ts
@@ -19,7 +19,7 @@ test.describe('Project operations', () => {
 
   test('rename, delete', async () => {
     await dashboard.clickHome();
-    await projectPage.createProject({ name: 'project-1', type: 'xcdb' });
+    await projectPage.createProject({ name: 'project-1' });
     await dashboard.clickHome();
     await projectPage.renameProject({
       title: 'project-1',