feat: hide advanced options in LTAR column creation for xcdb project

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui/components/smartsheet/column/LinkedToAnotherRecordOptions.vue

@@ -16,7 +16,7 @@ const vModel = useVModel(props, 'value', emit)
 
 const meta = $(inject(MetaInj, ref()))
 
-const { setAdditionalValidations, validateInfos, onDataTypeChange, sqlUi } = useColumnCreateStoreOrThrow()
+const { setAdditionalValidations, validateInfos, onDataTypeChange, sqlUi, isXcdbBase } = useColumnCreateStoreOrThrow()
 
 const { tables } = $(storeToRefs(useProject()))
 
@@ -86,54 +86,57 @@ const filterOption = (value: string, option: { key: string }) => option.key.toLo
         </a-select>
       </a-form-item>
     </div>
+    <template v-if="!isXcdbBase">
+      <div
+        class="text-xs cursor-pointer text-grey nc-more-options my-2 flex items-center gap-1 justify-end"
+        @click="advancedOptions = !advancedOptions"
+      >
+        {{ advancedOptions ? $t('general.hideAll') : $t('general.showMore') }}
 
-    <div
-      class="text-xs cursor-pointer text-grey nc-more-options my-2 flex items-center gap-1 justify-end"
-      @click="advancedOptions = !advancedOptions"
-    >
-      {{ advancedOptions ? $t('general.hideAll') : $t('general.showMore') }}
-
-      <component :is="advancedOptions ? MdiMinusIcon : MdiPlusIcon" />
-    </div>
-
-    <div v-if="advancedOptions" class="flex flex-col p-6 gap-4 border-2 mt-2">
-      <div class="flex flex-row space-x-2">
-        <a-form-item class="flex w-1/2" :label="$t('labels.onUpdate')">
-          <a-select
-            v-model:value="vModel.onUpdate"
-            :disabled="vModel.virtual"
-            name="onUpdate"
-            dropdown-class-name="nc-dropdown-on-update"
-            @change="onDataTypeChange"
-          >
-            <a-select-option v-for="(option, i) of onUpdateDeleteOptions" :key="i" :value="option">
-              {{ option }}
-            </a-select-option>
-          </a-select>
-        </a-form-item>
-
-        <a-form-item class="flex w-1/2" :label="$t('labels.onDelete')">
-          <a-select
-            v-model:value="vModel.onDelete"
-            :disabled="vModel.virtual"
-            name="onDelete"
-            dropdown-class-name="nc-dropdown-on-delete"
-            @change="onDataTypeChange"
-          >
-            <a-select-option v-for="(option, i) of onUpdateDeleteOptions" :key="i" :value="option">
-              {{ option }}
-            </a-select-option>
-          </a-select>
-        </a-form-item>
+        <component :is="advancedOptions ? MdiMinusIcon : MdiPlusIcon" />
       </div>
 
-      <div class="flex flex-row">
-        <a-form-item>
-          <a-checkbox v-model:checked="vModel.virtual" :disabled="appInfo.isCloud" name="virtual" @change="onDataTypeChange"
-            >Virtual Relation</a-checkbox
-          >
-        </a-form-item>
+      <div v-if="advancedOptions" class="flex flex-col p-6 gap-4 border-2 mt-2">
+        <div class="flex flex-row space-x-2">
+          <a-form-item class="flex w-1/2" :label="$t('labels.onUpdate')">
+            <a-select
+              v-model:value="vModel.onUpdate"
+              :disabled="vModel.virtual"
+              name="onUpdate"
+              dropdown-class-name="nc-dropdown-on-update"
+              @change="onDataTypeChange"
+            >
+              <a-select-option v-for="(option, i) of onUpdateDeleteOptions" :key="i" :value="option">
+                {{ option }}
+              </a-select-option>
+            </a-select>
+          </a-form-item>
+
+          <a-form-item class="flex w-1/2" :label="$t('labels.onDelete')">
+            <a-select
+              v-model:value="vModel.onDelete"
+              :disabled="vModel.virtual"
+              name="onDelete"
+              dropdown-class-name="nc-dropdown-on-delete"
+              @change="onDataTypeChange"
+            >
+              <a-select-option v-for="(option, i) of onUpdateDeleteOptions" :key="i" :value="option">
+                {{ option }}
+              </a-select-option>
+            </a-select>
+          </a-form-item>
+        </div>
+
+        <div class="flex flex-row">
+          <a-form-item>
+            <a-checkbox v-model:checked="vModel.virtual" :disabled="appInfo.isCloud" name="virtual"
+                        @change="onDataTypeChange"
+            >Virtual Relation
+            </a-checkbox
+            >
+          </a-form-item>
+        </div>
       </div>
-    </div>
+    </template>
   </div>
 </template>

packages/nc-gui/composables/useColumnCreateStore.ts

@@ -31,7 +31,7 @@ interface ValidationsObj {
 const [useProvideColumnCreateStore, useColumnCreateStore] = createInjectionState(
   (meta: Ref<TableType | undefined>, column: Ref<ColumnType | undefined>) => {
     const projectStore = useProject()
-    const { isMysql: isMysqlFunc, isPg: isPgFunc, isMssql: isMssqlFunc } = projectStore
+    const { isMysql: isMysqlFunc, isPg: isPgFunc, isMssql: isMssqlFunc, isXcdbBase: isXcdbBaseFunc } = projectStore
     const { project, sqlUis } = storeToRefs(projectStore)
 
     const { $api } = useNuxtApp()
@@ -52,6 +52,8 @@ const [useProvideColumnCreateStore, useColumnCreateStore] = createInjectionState
 
     const isMssql = computed(() => isMssqlFunc(meta.value?.base_id ? meta.value?.base_id : Object.keys(sqlUis.value)[0]))
 
+    const isXcdbBase = computed(() => isXcdbBaseFunc(meta.value?.base_id ? meta.value?.base_id : Object.keys(sqlUis.value)[0]))
+
     const idType = null
 
     const additionalValidations = ref<ValidationsObj>({})
@@ -289,6 +291,7 @@ const [useProvideColumnCreateStore, useColumnCreateStore] = createInjectionState
       isMssql,
       isPg,
       isMysql,
+      isXcdbBase
     }
   },
 )