Add transform plugin babel to demo

Author: rvsia

packages/react-renderer-demo/package.json

@@ -31,7 +31,7 @@
         "@mdx-js/react": "^1.4.5",
         "@next/mdx": "^9.1.2",
         "@patternfly/patternfly-next": "^1.0.175",
-        "@patternfly/react-core": "~3.16.10",
+        "@patternfly/react-core": "~3.129.3",
         "@patternfly/react-tokens": "^2.5.1",
         "brace": "^0.11.1",
         "clsx": "^1.0.4",

packages/react-renderer-demo/src/app/.babelrc

@@ -0,0 +1,24 @@
+const createIconsTransformPlugin = [
+  'transform-imports',
+  {
+    '@patternfly/react-icons': {
+      transform: (importName) =>
+        `@patternfly/react-icons/dist/js/icons/${importName.split(/(?=[A-Z])/).join('-').toLowerCase()}`,
+      preventFullImport: true,
+    },
+  },
+];
+
+module.exports = {
+  presets: [
+    [
+      'next/babel',
+      {
+        'transform-runtime': {
+          useESModules: false,
+        },
+      },
+    ],
+  ],
+  plugins: [ createIconsTransformPlugin ],
+};

packages/react-renderer-demo/src/app/babel.config.js

@@ -58,8 +58,9 @@
     "@mdx-js/react": "^1.4.5",
     "@next/mdx": "^9.0.5",
     "@patternfly/patternfly-next": "^1.0.175",
-    "@patternfly/react-core": "~3.16.10",
+    "@patternfly/react-core": "~3.129.3",
     "@patternfly/react-tokens": "^2.5.1",
+    "babel-plugin-transform-imports": "^2.0.0",
     "brace": "^0.11.1",
     "clsx": "^1.0.4",
     "docsearch.js": "^2.6.3",