Nc feat/links from existing cols

packages/nc-gui/components/general/DeleteModal.vue

@@ -56,7 +56,13 @@ onKeyStroke('Enter', () => {
       </div>
 
       <slot name="entity-preview"></slot>
-
+      <template v-if="$slots.warning">
+        <a-alert type="warning" show-icon>
+          <template #message>
+            <slot name="warning"></slot>
+          </template>
+        </a-alert>
+      </template>
       <div class="flex flex-row gap-x-2 mt-2.5 pt-2.5 justify-end">
         <NcButton type="secondary" size="small" @click="visible = false">
           {{ $t('general.cancel') }}

packages/nc-gui/components/nc/Select.vue

@@ -1,17 +1,25 @@
 <script lang="ts" setup>
-const props = defineProps<{
-  value?: string | string[]
-  placeholder?: string
-  mode?: 'multiple' | 'tags'
-  size?: 'small' | 'middle' | 'large'
-  dropdownClassName?: string
-  showSearch?: boolean
-  // filterOptions is a function
-  filterOption?: (input: string, option: any) => boolean
-  dropdownMatchSelectWidth?: boolean
-  allowClear?: boolean
-  loading?: boolean
-}>()
+import type { iconMap } from '#imports'
+
+const props = withDefaults(
+  defineProps<{
+    value?: string | string[]
+    placeholder?: string
+    mode?: 'multiple' | 'tags'
+    size?: 'small' | 'middle' | 'large'
+    dropdownClassName?: string
+    showSearch?: boolean
+    // filterOptions is a function
+    filterOption?: (input: string, option: any) => boolean
+    dropdownMatchSelectWidth?: boolean
+    allowClear?: boolean
+    loading?: boolean
+    suffixIcon?: keyof typeof iconMap
+  }>(),
+  {
+    suffixIcon: 'arrowDown',
+  },
+)
 
 const emits = defineEmits(['update:value', 'change'])
 
@@ -25,15 +33,7 @@ const dropdownClassName = computed(() => {
   return className
 })
 
-const showSearch = computed(() => props.showSearch)
-
-const filterOption = computed(() => props.filterOption)
-
-const dropdownMatchSelectWidth = computed(() => props.dropdownMatchSelectWidth)
-
-const loading = computed(() => props.loading)
-
-const mode = computed(() => props.mode)
+const { showSearch, filterOption, dropdownMatchSelectWidth, loading, mode } = toRefs(props)
 
 const vModel = useVModel(props, 'value', emits)
 
@@ -60,7 +60,7 @@ const onChange = (value: string) => {
   >
     <template #suffixIcon>
       <GeneralLoader v-if="loading" />
-      <GeneralIcon v-else class="text-gray-800 nc-select-expand-btn" icon="arrowDown" />
+      <GeneralIcon v-else class="text-gray-800 nc-select-expand-btn" :icon="suffixIcon" />
     </template>
     <slot />
   </a-select>

packages/nc-gui/components/smartsheet/Cell.vue

@@ -51,7 +51,11 @@ const { currentRow } = useSmartsheetRowStoreOrThrow()
 
 const { sqlUis } = storeToRefs(useBase())
 
-const sqlUi = ref(column.value?.source_id ? sqlUis.value[column.value?.source_id] : Object.values(sqlUis.value)[0])
+const sqlUi = ref(
+  column.value?.source_id && sqlUis.value[column.value?.source_id]
+    ? sqlUis.value[column.value?.source_id]
+    : Object.values(sqlUis.value)[0],
+)
 
 const abstractType = computed(() => column.value && sqlUi.value.getAbstractType(column.value))
 

packages/nc-gui/components/smartsheet/PlainCell.vue

@@ -37,7 +37,11 @@ const { basesUser } = storeToRefs(basesStore)
 
 const { isXcdbBase, isMssql, isMysql } = useBase()
 
-const sqlUi = ref(column.value?.source_id ? sqlUis.value[column.value?.source_id] : Object.values(sqlUis.value)[0])
+const sqlUi = ref(
+  column.value?.source_id && sqlUis.value[column.value?.source_id]
+    ? sqlUis.value[column.value?.source_id]
+    : Object.values(sqlUis.value)[0],
+)
 
 const abstractType = computed(() => column.value && sqlUi.value.getAbstractType(column.value))
 

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

@@ -363,6 +363,7 @@ const isFullUpdateAllowed = computed(() => {
       'min-w-[500px]': formState.uidt === UITypes.LinkToAnotherRecord || formState.uidt === UITypes.Links,
       'overflow-visible': formState.uidt === UITypes.Formula,
       '!w-[600px]': formState.uidt === UITypes.LinkToAnotherRecord || formState.uidt === UITypes.Links,
+      'min-w-[422px] !w-full': isLinksOrLTAR(formState.uidt),
       'shadow-lg shadow-gray-300 border-1 border-gray-200 rounded-xl p-5': !embedMode,
     }"
     @keydown="handleEscape"

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

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+defineProps<{
+  value: any
+}>()
+</script>
+
+<template>
+  <span></span>
+</template>