fix(nc-gui): exclude barcode & qr code field from filter & group menu list

packages/nc-gui/components/smartsheet/header/Menu.vue

@@ -299,6 +299,13 @@ const isDeleteAllowed = computed(() => {
 const isDuplicateAllowed = computed(() => {
   return column?.value && !column.value.system
 })
+const isFilterSupported = computed(
+  () =>
+    !!(meta.value?.columns || []).find((f) => f.id === column?.value?.id && ![UITypes.QrCode, UITypes.Barcode].includes(f.uidt)),
+)
+
+// TODO: calculate filter limit
+const isFilterLimitExceeded = computed(() => false)
 
 const isGroupedByThisField = computed(() => !!gridViewCols.value[column?.value?.id]?.group_by)
 
@@ -385,13 +392,16 @@ const filterOrGroupByThisField = (event: SmartsheetStoreEvents) => {
         <a-divider v-if="!column?.pk" class="!my-0" />
 
         <template v-if="true">
-          <NcMenuItem @click="filterOrGroupByThisField(SmartsheetStoreEvents.FILTER_ADD)">
+          <NcTooltip :disabled="isFilterSupported">
-            <div v-e="['a:field:add:filter']" class="nc-column-filter nc-header-menu-item">
+            <template #title> This field type doesn't support filtering </template>
-              <component :is="iconMap.filter" class="text-gray-700" />
+            <NcMenuItem @click="filterOrGroupByThisField(SmartsheetStoreEvents.FILTER_ADD)" :disabled="!isFilterSupported">
-              <!-- Filter by this field -->
+              <div v-e="['a:field:add:filter']" class="nc-column-filter nc-header-menu-item">
-              Filter by this field
+                <component :is="iconMap.filter" class="text-gray-700" />
-            </div>
+                <!-- Filter by this field -->
-          </NcMenuItem>
+                Filter by this field
+              </div>
+            </NcMenuItem>
+          </NcTooltip>
 
           <NcTooltip :disabled="(isGroupBySupported && !isGroupByLimitExceeded) || isGroupedByThisField">
             <template #title>{{

packages/nc-gui/components/smartsheet/toolbar/ColumnFilter.vue

@@ -29,6 +29,7 @@ interface Props {
   webHook?: boolean
   draftFilter?: Partial<FilterType>
 }
+const excludedFilterColUidt = [UITypes.QrCode, UITypes.Barcode]
 
 const props = withDefaults(defineProps<Props>(), {
   nestedLevel: 0,
@@ -101,6 +102,8 @@ const isMounted = ref(false)
 
 const columns = computed(() => meta.value?.columns)
 
+const fieldsToFilter = computed(() => (columns.value || []).filter((c) => !excludedFilterColUidt.includes(c.uidt as UITypes)))
+
 const getColumn = (filter: Filter) => {
   // extract looked up column if available
   return btLookupTypesMap.value[filter.fk_column_id] || columns.value?.find((col: ColumnType) => col.id === filter.fk_column_id)
@@ -457,7 +460,7 @@ watch(
               :key="`${i}_6`"
               v-model="filter.fk_column_id"
               class="nc-filter-field-select min-w-32 max-w-32 max-h-8"
-              :columns="columns"
+              :columns="fieldsToFilter"
               :disabled="filter.readOnly"
               @click.stop
               @change="selectFilterField(filter, i)"