[v11.0.x] Saga-icons: Switch to ESM (#86191)

Saga-icons: Switch to ESM (#84875)

(cherry picked from commit 0f6858709b)

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>

.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:
-#   grafana:
-#     npmRegistryServer: http://localhost:4873
-
-# unsafeHttpWhitelist:
-#   - 'localhost'
+#npmScopes:
+# grafana:
+#   npmRegistryServer: http://localhost:4873
+#
+#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'),
-  indexTemplate: require('./templates/index'),
+  template: require('./templates/icon.cjs'),
+  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}\"",