Merge pull request #277 from rvsia/transformIcons

Use tranform pluging to transform PF4 icons

Author: Hyperkid123

babel.config.js

@@ -1,4 +1,16 @@
+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": ["@babel/preset-env", "@babel/preset-react"],
-    "plugins": ["@babel/plugin-syntax-dynamic-import", "lodash", "@babel/plugin-proposal-class-properties" ]
+    "plugins": ["@babel/plugin-syntax-dynamic-import", "lodash", "@babel/plugin-proposal-class-properties", createIconsTransformPlugin ]
 }

package.json

@@ -41,6 +41,7 @@
     "@semantic-release/github": "^5.5.5",
     "@semantic-release/npm": "^5.1.4",
     "atob-lite": "^2.0.0",
+    "babel-plugin-transform-imports": "^2.0.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^24.8.0",
     "lerna": "^3.13.1",

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",

packages/react-renderer-demo/src/app/package.json

@@ -870,6 +870,15 @@
     lodash "^4.17.13"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.7.4.tgz#516570d539e44ddf308c07569c258ff94fde9193"
+  integrity sha512-cz5Ji23KCi4T+YIE/BolWosrJuSmoZeN1EFnRtBwF+KKLi8GG/Z2c2hOJJeCXPk4mwk4QFvTmwIodJowXgttRA==
+  dependencies:
+    esutils "^2.0.2"
+    lodash "^4.17.13"
+    to-fast-properties "^2.0.0"
+
 "@cnakazawa/watch@^1.0.3":
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.3.tgz#099139eaec7ebf07a27c1786a3ff64f39464d2ef"
@@ -4184,6 +4193,14 @@ babel-plugin-transform-flow-strip-types@^6.8.0:
     babel-plugin-syntax-flow "^6.18.0"
     babel-runtime "^6.22.0"
 
+babel-plugin-transform-imports@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-imports/-/babel-plugin-transform-imports-2.0.0.tgz#9e5f49f751a9d34ba8f4bb988c7e48ed2419c6b6"
+  integrity sha512-65ewumYJ85QiXdcB/jmiU0y0jg6eL6CdnDqQAqQ8JMOKh1E52VPG3NJzbVKWcgovUR5GBH8IWpCXQ7I8Q3wjgw==
+  dependencies:
+    "@babel/types" "^7.4"
+    is-valid-path "^0.1.1"
+
 babel-plugin-transform-object-rest-spread@^6.8.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz#0f36692d50fef6b7e2d4b3ac1478137a963b7b06"
@@ -9677,6 +9694,13 @@ is-installed-globally@^0.1.0:
     global-dirs "^0.1.0"
     is-path-inside "^1.0.0"
 
+is-invalid-path@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/is-invalid-path/-/is-invalid-path-0.1.0.tgz#307a855b3cf1a938b44ea70d2c61106053714f34"
+  integrity sha1-MHqFWzzxqTi0TqcNLGEQYFNxTzQ=
+  dependencies:
+    is-glob "^2.0.0"
+
 is-module@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
@@ -9861,6 +9885,13 @@ is-utf8@^0.2.0, is-utf8@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
 
+is-valid-path@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/is-valid-path/-/is-valid-path-0.1.1.tgz#110f9ff74c37f663e1ec7915eb451f2db93ac9df"
+  integrity sha1-EQ+f90w39mPh7HkV60UfLbk6yd8=
+  dependencies:
+    is-invalid-path "^0.1.0"
+
 is-whitespace-character@^1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/is-whitespace-character/-/is-whitespace-character-1.0.3.tgz#b3ad9546d916d7d3ffa78204bca0c26b56257fac"