Remove svgi usage

package-lock.json

@@ -24613,13 +24613,13 @@
       "requires": {
         "@types/debug": "^4.1.5",
         "@types/events": "^3.0.0",
-        "awaitqueue": "^2.1.1",
-        "bowser": "^2.9.0",
-        "debug": "^4.1.1",
-        "events": "^3.1.0",
+        "awaitqueue": "^2.3.3",
+        "bowser": "^2.11.0",
+        "debug": "^4.2.0",
+        "events": "^3.2.0",
         "h264-profile-level-id": "^1.0.1",
         "sdp-transform": "^2.14.0",
-        "supports-color": "^7.1.0"
+        "supports-color": "^7.2.0"
       },
       "dependencies": {
         "debug": {
@@ -31768,12 +31768,6 @@
         "simple-concat": "^1.0.0"
       }
     },
-    "simple-html-tokenizer": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/simple-html-tokenizer/-/simple-html-tokenizer-0.1.1.tgz",
-      "integrity": "sha1-BcLuxXn//+FFoDCsJs/qYbmA+r4=",
-      "dev": true
-    },
     "simple-swizzle": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
@@ -33545,31 +33539,6 @@
         "has-flag": "^3.0.0"
       }
     },
-    "svg-inline-loader": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/svg-inline-loader/-/svg-inline-loader-0.8.0.tgz",
-      "integrity": "sha512-rynplY2eXFrdNomL1FvyTFQlP+dx0WqbzHglmNtA9M4IHRC3no2aPAl3ny9lUpJzFzFMZfWRK5YIclNU+FRePA==",
-      "dev": true,
-      "requires": {
-        "loader-utils": "^0.2.11",
-        "object-assign": "^4.0.1",
-        "simple-html-tokenizer": "^0.1.1"
-      },
-      "dependencies": {
-        "loader-utils": {
-          "version": "0.2.17",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-0.2.17.tgz",
-          "integrity": "sha1-+G5jdNQyBabmxg6RlvF8Apm/s0g=",
-          "dev": true,
-          "requires": {
-            "big.js": "^3.1.3",
-            "emojis-list": "^2.0.0",
-            "json5": "^0.5.0",
-            "object-assign": "^4.0.1"
-          }
-        }
-      }
-    },
     "svg-parser": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz",

package.json

@@ -198,7 +198,6 @@
     "stylelint": "^9.10.1",
     "stylelint-config-recommended-scss": "^3.2.0",
     "stylelint-scss": "^3.5.3",
-    "svg-inline-loader": "^0.8.0",
     "tar": "^5.0.5",
     "url-loader": "^1.0.1",
     "webpack": "^4.43.0",

src/react-components/svgi.js

@@ -1,24 +0,0 @@
-import PropTypes from "prop-types";
-import React from "react";
-
-function InlineSVG(props) {
-  const filteredProps = { ...props };
-  delete filteredProps.src;
-  return <div {...filteredProps} dangerouslySetInnerHTML={{ __html: props.src }} />;
-}
-
-InlineSVG.propTypes = {
-  src: PropTypes.string
-};
-
-function InlineSVGButton(props) {
-  const filteredProps = { ...props };
-  delete filteredProps.src;
-  return <button {...filteredProps} dangerouslySetInnerHTML={{ __html: props.src }} />;
-}
-
-InlineSVGButton.propTypes = {
-  src: PropTypes.string
-};
-
-export { InlineSVG, InlineSVGButton };

webpack.config.js

@@ -419,12 +419,6 @@ module.exports = async (env, argv) => {
             }
           }
         },
-        {
-          test: /\.(svgi)$/,
-          use: {
-            loader: "svg-inline-loader"
-          }
-        },
         {
           test: /\.(wasm)$/,
           type: "javascript/auto",