inline getIconVariable function

Change-Id: Ib48d7a91a13ee8f093b025bca0b92f8992911c06
Checkmk · Oct 22, 2024 · d527119 · d527119
1 parent f2dd0a3
commit d527119
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 19 deletions.
diff --git a/packages/cmk-frontend-vue/src/components/CmkIcon.vue b/packages/cmk-frontend-vue/src/components/CmkIcon.vue
@@ -5,7 +5,24 @@ conditions defined in the file COPYING, which is part of this source code packag
 -->
 <script setup lang="ts">
 import { type VariantProps, cva } from 'class-variance-authority'
-import { getIconVariable } from '@/lib/utils'
+
+function getIconVariable(iconName: string | undefined): string {
+  /*
+     Transform from icon file name pattern
+        "icon_<underscored_name>.<file_extension>" or "<underscored_name>.<file_extension>"
+     to CSS variable name pattern, returned as a call to the CSS fct var()
+        "var(--icon-<dashed_name>)"
+
+     E.g. "icon_main_help.svg" -> "var(--icon-main-help)"
+  */
+  if (!iconName) {
+    return 'none'
+  }
+
+  let iconVar: string = `${iconName.startsWith('icon') ? iconName : ['icon', iconName].join('-')}`
+  iconVar = iconVar.replace(/_/g, '-').split('.')[0]!
+  return `var(--${iconVar})`
+}
 
 const cmkIconVariants = cva('', {
   variants: {

diff --git a/packages/cmk-frontend-vue/src/lib/utils.ts b/packages/cmk-frontend-vue/src/lib/utils.ts
@@ -10,24 +10,6 @@ export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
 }
 
-export function getIconVariable(iconName: string | undefined): string {
-  /*
-     Transform from icon file name pattern
-        "icon_<underscored_name>.<file_extension>" or "<underscored_name>.<file_extension>"
-     to CSS variable name pattern, returned as a call to the CSS fct var()
-        "var(--icon-<dashed_name>)"
-
-     E.g. "icon_main_help.svg" -> "var(--icon-main-help)"
-  */
-  if (!iconName) {
-    return 'none'
-  }
-
-  let iconVar: string = `${iconName.startsWith('icon') ? iconName : ['icon', iconName].join('-')}`
-  iconVar = iconVar.replace(/_/g, '-').split('.')[0]!
-  return `var(--${iconVar})`
-}
-
 export const localStorageHandler = {
   get: (key: string, defaultValue: unknown = null): unknown => {
     const value = localStorage.getItem(key)