chore: resolve icons via babel

Author: nikku

.babelrc.json

@@ -0,0 +1,15 @@
+{
+  "plugins": [
+    [ "@babel/plugin-transform-react-jsx", {
+      "importSource": "preact",
+      "runtime": "automatic"
+    } ],
+    "inline-react-svg",
+    [ "module-resolver", {
+      "alias": {
+        "react": "preact/compat",
+        "react-dom": "preact/compat"
+      }
+    } ]
+  ]
+}

karma.config.js

@@ -2,8 +2,7 @@
 
 const path = require('path');
 const {
-  DefinePlugin,
-  NormalModuleReplacementPlugin
+  DefinePlugin
 } = require('webpack');
 
 const basePath = '.';
@@ -73,18 +72,13 @@ module.exports = function(karma) {
             use: {
               loader: 'babel-loader',
               options: {
-                plugins: [
-                  [ '@babel/plugin-transform-react-jsx', {
-                    'importSource': '@bpmn-io/properties-panel/preact',
-                    'runtime': 'automatic'
-                  } ]
-                ].concat(coverage ? [
+                plugins: coverage ? [
                   [ 'istanbul', {
                     include: [
                       'lib/**'
                     ]
                   } ]
-                ] : [])
+                ] : []
               }
             }
           },
@@ -99,42 +93,14 @@ module.exports = function(karma) {
 
           // @barmac: process.env has to be defined to make @testing-library/preact work
           'process.env': {}
-        }),
-        new NormalModuleReplacementPlugin(
-          /^preact(\/[^/]+)?$/,
-          function(resource) {
-
-            const replMap = {
-              'preact/hooks': path.resolve('node_modules/@bpmn-io/properties-panel/preact/hooks/dist/hooks.module.js'),
-              'preact/jsx-runtime': path.resolve('node_modules/@bpmn-io/properties-panel/preact/jsx-runtime/dist/jsxRuntime.module.js'),
-              'preact': path.resolve('node_modules/@bpmn-io/properties-panel/preact/dist/preact.module.js')
-            };
-
-            const replacement = replMap[resource.request];
-
-            if (!replacement) {
-              return;
-            }
-
-            resource.request = replacement;
-          }
-        ),
-        new NormalModuleReplacementPlugin(
-          /^preact\/hooks/,
-          path.resolve('node_modules/@bpmn-io/properties-panel/preact/hooks/dist/hooks.module.js')
-        )
+        })
       ],
       resolve: {
         mainFields: [
           'browser',
           'module',
           'main'
         ],
-        alias: {
-          'preact': '@bpmn-io/properties-panel/preact',
-          'react': '@bpmn-io/properties-panel/preact/compat',
-          'react-dom': '@bpmn-io/properties-panel/preact/compat'
-        },
         modules: [
           'node_modules',
           absoluteBasePath