Saga-icons: Switch to ESM (#84875)

.yarnrc.yml

@@ -44,9 +44,9 @@ plugins:
 
 yarnPath: .yarn/releases/yarn-4.1.0.cjs
 # Uncomment the following lines if you want to use Verdaccio local npm registry. Read more at packages/README.md
-# npmScopes:
+#npmScopes:
 # grafana:
 #   npmRegistryServer: http://localhost:4873
-
+#
-# unsafeHttpWhitelist:
+#unsafeHttpWhitelist:
 # - 'localhost'

packages/grafana-icons/.svgrrc.cjs

@@ -6,8 +6,8 @@ module.exports = {
   typescript: true,
   jsxRuntime: 'automatic',
   outDir: './src/icons-gen',
-  template: require('./templates/icon'),
+  template: require('./templates/icon.cjs'),
-  indexTemplate: require('./templates/index'),
+  indexTemplate: require('./templates/index.cjs'),
   memo: true,
   svgoConfig: {
     plugins: [

packages/grafana-icons/package.json

@@ -11,11 +11,11 @@
     "url": "https://github.com/grafana/grafana.git",
     "directory": "packages/grafana-icons"
   },
+  "type": "module",
   "main": "src/index.ts",
   "types": "src/index.ts",
   "publishConfig": {
     "main": "dist/index.js",
-    "module": "dist/index.js",
     "types": "dist/index.d.ts",
     "access": "public"
   },
@@ -27,7 +27,7 @@
   ],
   "scripts": {
     "clean": "rimraf ./dist ./compiled ./package.tgz ./src/icons-gen",
-    "generate": "yarn clean && npx @svgr/cli ./svg && mv ./src/icons-gen/index.ts ./src",
+    "generate": "yarn clean && npx @svgr/cli ./svg --silent && mv ./src/icons-gen/index.ts ./src",
     "typecheck": "tsc --emitDeclarationOnly false --noEmit",
     "lint": "eslint --ext .ts,.tsx ./src",
     "prettier:check": "prettier --check --list-different=false --log-level=warn \"**/*.{ts,tsx,scss,md,mdx,json}\"",