chore(gui-v2): remove icon imports in favor of autoload

packages/nc-gui-v2/components.d.ts

@@ -7,7 +7,6 @@ export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    '(chore(gui-v2)': rebase)
     AAlert: typeof import('ant-design-vue/es')['Alert']
     AAutoComplete: typeof import('ant-design-vue/es')['AutoComplete']
     AButton: typeof import('ant-design-vue/es')['Button']
@@ -62,62 +61,36 @@ declare module '@vue/runtime-core' {
     ATooltip: typeof import('ant-design-vue/es')['Tooltip']
     ATypographyTitle: typeof import('ant-design-vue/es')['TypographyTitle']
     AUploadDragger: typeof import('ant-design-vue/es')['UploadDragger']
-    CilFullscreen: typeof import('~icons/cil/fullscreen')['default']
-    CilFullscreenExit: typeof import('~icons/cil/fullscreen-exit')['default']
-    IcOutlineInsertDriveFile: typeof import('~icons/ic/outline-insert-drive-file')['default']
-    IcRoundKeyboardArrowDown: typeof import('~icons/ic/round-keyboard-arrow-down')['default']
     MaterialSymbolsArrowBackRounded: typeof import('~icons/material-symbols/arrow-back-rounded')['default']
     MaterialSymbolsArrowForwardRounded: typeof import('~icons/material-symbols/arrow-forward-rounded')['default']
-    MaterialSymbolsAttachFile: typeof import('~icons/material-symbols/attach-file')['default']
     MaterialSymbolsChevronLeftRounded: typeof import('~icons/material-symbols/chevron-left-rounded')['default']
     MaterialSymbolsChevronRightRounded: typeof import('~icons/material-symbols/chevron-right-rounded')['default']
-    MaterialSymbolsFileCopyOutline: typeof import('~icons/material-symbols/file-copy-outline')['default']
     MaterialSymbolsMenu: typeof import('~icons/material-symbols/menu')['default']
-    MaterialSymbolsTranslate: typeof import('~icons/material-symbols/translate')['default']
+    MdiAccountGroup: typeof import('~icons/mdi/account-group')['default']
-    MdiArrowExpand: typeof import('~icons/mdi/arrow-expand')['default']
+    MdiAccountGroupIcon: typeof import('~icons/mdi/account-group-icon')['default']
-    MdiArrowLeftBold: typeof import('~icons/mdi/arrow-left-bold')['default']
+    MdiApi: typeof import('~icons/mdi/api')['default']
     MdiAt: typeof import('~icons/mdi/at')['default']
-    MdiCalculator: typeof import('~icons/mdi/calculator')['default']
+    MdiCheckIcon: typeof import('~icons/mdi/check-icon')['default']
-    MdiCardsHeart: typeof import('~icons/mdi/cards-heart')['default']
+    MdiChevronDown: typeof import('~icons/mdi/chevron-down')['default']
-    MdiCellphoneMessage: typeof import('~icons/mdi/cellphone-message')['default']
-    MdiChat: typeof import('~icons/mdi/chat')['default']
-    MdiCheck: typeof import('~icons/mdi/check')['default']
-    MdiCloseCircle: typeof import('~icons/mdi/close-circle')['default']
     MdiContentCopy: typeof import('~icons/mdi/content-copy')['default']
-    MdiContentSave: typeof import('~icons/mdi/content-save')['default']
     MdiDatabase: typeof import('~icons/mdi/database')['default']
     MdiDeleteOutline: typeof import('~icons/mdi/delete-outline')['default']
-    MdiDiscord: typeof import('~icons/mdi/discord')['default']
     MdiDotsVertical: typeof import('~icons/mdi/dots-vertical')['default']
-    MdiDownload: typeof import('~icons/mdi/download')['default']
     MdiDrag: typeof import('~icons/mdi/drag')['default']
-    MdiEmail: typeof import('~icons/mdi/email')['default']
-    MdiEyeOffOutline: typeof import('~icons/mdi/eye-off-outline')['default']
-    MdiFlag: typeof import('~icons/mdi/flag')['default']
     MdiFolder: typeof import('~icons/mdi/folder')['default']
-    MdiFunction: typeof import('~icons/mdi/function')['default']
+    MdiHeartsCard: typeof import('~icons/mdi/hearts-card')['default']
-    MdiGestureDoubleTap: typeof import('~icons/mdi/gesture-double-tap')['default']
-    MdiHeart: typeof import('~icons/mdi/heart')['default']
     MdiHook: typeof import('~icons/mdi/hook')['default']
-    MdiInformation: typeof import('~icons/mdi/information')['default']
-    MdiLink: typeof import('~icons/mdi/link')['default']
-    MdiLinkVariantRemove: typeof import('~icons/mdi/link-variant-remove')['default']
     MdiLogout: typeof import('~icons/mdi/logout')['default']
     MdiMagnify: typeof import('~icons/mdi/magnify')['default']
-    MdiMenuDown: typeof import('~icons/mdi/menu-down')['default']
+    MdiNotebookCheckOutline: typeof import('~icons/mdi/notebook-check-outline')['default']
-    MdiMicrosoftTeams: typeof import('~icons/mdi/microsoft-teams')['default']
+    MdiPlusIcon: typeof import('~icons/mdi/plus-icon')['default']
-    MdiMoonFull: typeof import('~icons/mdi/moon-full')['default']
-    MdiOpenInNew: typeof import('~icons/mdi/open-in-new')['default']
-    MdiPlus: typeof import('~icons/mdi/plus')['default']
     MdiPlusOutline: typeof import('~icons/mdi/plus-outline')['default']
     MdiReload: typeof import('~icons/mdi/reload')['default']
-    MdiShieldLockOutline: typeof import('~icons/mdi/shield-lock-outline')['default']
-    MdiSlack: typeof import('~icons/mdi/slack')['default']
-    MdiStar: typeof import('~icons/mdi/star')['default']
     MdiTableArrowRight: typeof import('~icons/mdi/table-arrow-right')['default']
-    MdiThumbUp: typeof import('~icons/mdi/thumb-up')['default']
+    MdiShieldLockOutline: typeof import('~icons/mdi/shield-lock-outline')['default']
+    MdiStore: typeof import('~icons/mdi/store')['default']
+    MdiTableBorder: typeof import('~icons/mdi/table-border')['default']
     MdiTrashCan: typeof import('~icons/mdi/trash-can')['default']
-    MdiWhatsapp: typeof import('~icons/mdi/whatsapp')['default']
     MdiXml: typeof import('~icons/mdi/xml')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']

packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue

@@ -2,11 +2,6 @@
 import { ViewTypes } from 'nocodb-sdk'
 import { ref, useNuxtApp } from '#imports'
 import { viewIcons } from '~/utils'
-import MdiPlusIcon from '~icons/mdi/plus'
-import MdiXml from '~icons/mdi/xml'
-import MdiHook from '~icons/mdi/hook'
-import MdiHeartsCard from '~icons/mdi/cards-heart'
-import MdiShieldLockOutline from '~icons/mdi/shield-lock-outline'
 
 interface Emits {
   (event: 'openModal', data: { type: ViewTypes; title?: string }): void

packages/nc-gui-v2/components/smartsheet/sidebar/RenameableMenuItem.vue

@@ -2,9 +2,6 @@
 import type { ViewTypes } from 'nocodb-sdk'
 import { viewIcons } from '~/utils'
 import { useDebounceFn, useNuxtApp, useVModel } from '#imports'
-import MdiTrashCan from '~icons/mdi/trash-can'
-import MdiContentCopy from '~icons/mdi/content-copy'
-import MdiDrag from '~icons/mdi/drag-vertical'
 
 interface Props {
   view: Record<string, any>

packages/nc-gui-v2/components/smartsheet/sidebar/index.vue

@@ -3,12 +3,8 @@ import type { FormType, GalleryType, GridType, KanbanType, ViewTypes } from 'noc
 import MenuTop from './MenuTop.vue'
 import MenuBottom from './MenuBottom.vue'
 import Toolbar from './toolbar/index.vue'
-import { computed, inject, provide, ref, useApi, useRoute, useToggle, useViews, watch } from '#imports'
+import { computed, inject, provide, ref, useApi, useRoute, useViews, watch } from '#imports'
 import { ActiveViewInj, MetaInj, RightSidebarInj, ViewListInj } from '~/context'
-import MdiXml from '~icons/mdi/xml'
-import MdiHook from '~icons/mdi/hook'
-import MaterialSymbolsChevronRightRounded from '~icons/material-symbols/chevron-right-rounded'
-import MaterialSymbolsChevronLeftRounded from '~icons/material-symbols/chevron-left-rounded'
 
 const meta = inject(MetaInj, ref())
 

packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/AddRow.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import MdiAddIcon from '~icons/mdi/plus-outline'
 import { inject, ref } from '#imports'
 import { RightSidebarInj } from '~/context'
 
@@ -13,7 +12,7 @@ const sidebarOpen = inject(RightSidebarInj, ref(true))
     <template #title> {{ $t('activity.addRow') }} </template>
 
     <div class="nc-sidebar-right-item hover:after:bg-primary/75 group">
-      <MdiAddIcon class="group-hover:(!text-white)" @click="emits('addRow')" />
+      <MdiPlusOutline class="group-hover:(!text-white)" @click="emits('addRow')" />
     </div>
   </a-tooltip>
 </template>

packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/LockMenu.vue

@@ -5,7 +5,6 @@ import { extractSdkResponseErrorMsg } from '~/utils'
 import MdiLockOutlineIcon from '~icons/mdi/lock-outline'
 import MdiAccountIcon from '~icons/mdi/account'
 import MdiAccountGroupIcon from '~icons/mdi/account-group'
-import MdiCheckIcon from '~icons/mdi/check-bold'
 
 enum LockType {
   Personal = 'personal',

packages/nc-gui-v2/pages/nc/[projectId]/index.vue

@@ -108,7 +108,7 @@ await loadTables()
                   class="nc-project-menu-item group"
                   @click="toggleDialog(true, 'teamAndAuth')"
                 >
-                  <MdiAccountGroupIcon class="group-hover:text-pink-500" />
+                  <MdiAccountGroup class="group-hover:text-pink-500" />
                   Team & Auth
                 </div>
               </a-menu-item>