@elliemae/pui-cli 6.0.0-beta.8 → 6.0.0-beta.9

package/lib/testing/mocks/svg.js

@@ -1,3 +1,5 @@
-module.exports = {
-  ReactComponent: 'IMAGE_MOCK',
-};
+// eslint-disable-next-line no-unused-vars
+import * as React from 'react';
+
+export default 'SvgrURL';
+export const ReactComponent = 'div';

package/lib/webpack/webpack.base.babel.js

@@ -15,7 +15,6 @@ const {
   modulesToTranspile,
   getAlias,
   getPaths,
-  getMediaPath,
 } = require('./helpers');
 const { ESBUILD_TARGET } = require('../esbuild');
 
@@ -215,19 +214,13 @@ module.exports = (options) => ({
         type: 'asset/resource',
       },
       {
-        test: /\.svg$/,
-        exclude: excludeNodeModulesExcept(['@elliemae/*']),
-        use: [
-          {
-            loader: '@svgr/webpack',
-          },
-          {
-            loader: 'file-loader',
-            options: {
-              name: getMediaPath(),
-            },
-          },
-        ],
+        type: 'asset',
+        resourceQuery: /url/, // *.svg?react
+      },
+      {
+        test: /\.svg$/i,
+        issuer: /\.[jt]sx?$/,
+        use: ['@svgr/webpack'],
       },
       {
         test: /\.(jpe?g|png|gif|ico)$/i,

package/lib/webpack/webpack.lib.base.babel.js

@@ -18,7 +18,6 @@ const {
   modulesToTranspile,
   getAssetPath,
   getAlias,
-  getMediaPath,
 } = require('./helpers');
 const { ESBUILD_TARGET } = require('../esbuild');
 
@@ -172,19 +171,13 @@ module.exports = (options) => ({
         type: 'asset/resource',
       },
       {
-        test: /\.svg$/,
-        exclude: excludeNodeModulesExcept(['@elliemae/*']),
-        use: [
-          {
-            loader: '@svgr/webpack',
-          },
-          {
-            loader: 'file-loader',
-            options: {
-              name: getMediaPath(),
-            },
-          },
-        ],
+        type: 'asset',
+        resourceQuery: /url/, // *.svg?react
+      },
+      {
+        test: /\.svg$/i,
+        issuer: /\.[jt]sx?$/,
+        use: ['@svgr/webpack'],
       },
       {
         test: /\.(jpe?g|png|gif|ico)$/i,

package/lib/webpack/webpack.storybook.js

@@ -9,7 +9,6 @@ const {
   getAlias,
   excludeNodeModulesExcept,
   modulesToTranspile,
-  getMediaPath,
 } = require('./helpers');
 const { ESBUILD_TARGET } = require('../esbuild');
 
@@ -112,19 +111,13 @@ const getModuleRules = () => [
     type: 'asset/resource',
   },
   {
-    test: /\.svg$/,
-    exclude: excludeNodeModulesExcept(['@elliemae/*']),
-    use: [
-      {
-        loader: '@svgr/webpack',
-      },
-      {
-        loader: 'file-loader',
-        options: {
-          name: getMediaPath(),
-        },
-      },
-    ],
+    type: 'asset',
+    resourceQuery: /url/, // *.svg?react
+  },
+  {
+    test: /\.svg$/i,
+    issuer: /\.[jt]sx?$/,
+    use: ['@svgr/webpack'],
   },
   {
     test: /\.(jpe?g|png|gif|ico)$/i,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "6.0.0-beta.8",
+  "version": "6.0.0-beta.9",
   "private": false,
   "description": "EllieMae Platform UI CLI",
   "sideEffects": false,
@@ -66,7 +66,7 @@
     "@commitlint/cli": "~15.0.0",
     "@commitlint/config-conventional": "~15.0.0",
     "@elliemae/browserslist-config-elliemae": "~1.2.1",
-    "@pmmmwh/react-refresh-webpack-plugin": "~0.5.2",
+    "@pmmmwh/react-refresh-webpack-plugin": "~0.5.3",
     "@semantic-release/changelog": "~6.0.1",
     "@semantic-release/exec": "~6.0.2",
     "@semantic-release/git": "~10.0.1",
@@ -86,7 +86,7 @@
     "@storybook/react": "~6.3.12",
     "@storybook/theming": "~6.3.12",
     "@stylelint/postcss-css-in-js": "~0.37.2",
-    "@svgr/webpack": "~5.5.0",
+    "@svgr/webpack": "~6.0.0",
     "@testing-library/jest-dom": "~5.15.1",
     "@testing-library/react": "~12.1.2",
     "@testing-library/react-hooks": "~7.0.2",
@@ -94,8 +94,8 @@
     "@types/node": "~16.11.10",
     "@types/rimraf": "~3.0.2",
     "@types/testing-library__jest-dom": "~5.14.1",
-    "@typescript-eslint/eslint-plugin": "~5.4.0",
-    "@typescript-eslint/parser": "~5.4.0",
+    "@typescript-eslint/eslint-plugin": "~5.5.0",
+    "@typescript-eslint/parser": "~5.5.0",
     "@vitejs/plugin-react": "~1.1.0",
     "autoprefixer": "~10.4.0",
     "axe-core": "~4.3.5",
@@ -107,7 +107,7 @@
     "babel-plugin-lodash": "~3.3.4",
     "babel-plugin-module-resolver": "~4.1.0",
     "babel-plugin-source-map-support": "~2.1.3",
-    "babel-plugin-styled-components": "~2.0.1",
+    "babel-plugin-styled-components": "~2.0.2",
     "babel-plugin-transform-react-remove-prop-types": "~0.4.24",
     "babel-plugin-transform-remove-console": "~6.9.4",
     "babel-plugin-transform-strip-block": "~0.0.4",
@@ -160,7 +160,7 @@
     "express": "~4.17.1",
     "express-pino-logger": "~7.0.0",
     "file-loader": "~6.2.0",
-    "fork-ts-checker-webpack-plugin": "~6.4.2",
+    "fork-ts-checker-webpack-plugin": "~6.5.0",
     "helmet-csp": "~3.4.0",
     "html-loader": "~3.0.1",
     "html-webpack-plugin": "~5.5.0",
@@ -171,7 +171,7 @@
     "imports-loader": "~3.1.1",
     "ip": "~1.1.5",
     "jest-axe": "~5.0.1",
-    "jest-cli": "~27.3.1",
+    "jest-cli": "~27.4.0",
     "jest-sonar-reporter": "~2.0.0",
     "jest-styled-components": "~7.0.8",
     "jscodeshift": "~0.13.0",
@@ -182,15 +182,15 @@
     "moment": "~2.29.1",
     "moment-locales-webpack-plugin": "~1.2.0",
     "msw": "~0.35.0",
-    "node-plop": "~0.26.3",
+    "node-plop": "~0.30.0",
     "nodemon": "~2.0.15",
     "npm-check-updates": "12.0.2",
     "null-loader": "~4.0.1",
-    "pino": "~7.4.1",
+    "pino": "~7.5.0",
     "pino-pretty": "~7.2.0",
     "pinst": "~2.1.6",
-    "plop": "~2.7.6",
-    "postcss": "~8.4.3",
+    "plop": "~3.0.1",
+    "postcss": "~8.4.4",
     "postcss-jsx": "~0.36.4",
     "postcss-html": "~1.3.0",
     "postcss-markdown": "~1.2.0",