Treeshake Carbon React icons

Author: rvsia

packages/common/babel.config.js

@@ -37,6 +37,13 @@ const pascalToKebabCase = (name) =>
     .replace(/([A-Z])/, '-$1')
     .toLowerCase();
 
+const pascalToKebabCaseCarbonIcons = (name) =>
+  name.charAt(0).toLowerCase() +
+  name
+    .slice(1)
+    .replace(/([A-Z])/g, '--$1')
+    .toLowerCase();
+
 const createSuirCJSTransform = (env = 'commonjs') => [
   'transform-imports',
   {
@@ -168,13 +175,20 @@ const createAntTransform = (env) => [
   `ant-${env}`
 ]
 
+const carbonMapper = (importName) => ({
+  StructuredListWrapper: 'StructuredList',
+  StructuredListBody: 'StructuredList',
+  StructuredListRow: 'StructuredList',
+  StructuredListCell: 'StructuredList',
+}[importName] || importName)
+
 const createCarbonCJSTransform = (env) => [
   'transform-imports',
   {
     'carbon-components-react': {
       transform: (importName) => {
         let res;
-        const files = glob.sync(path.resolve(__dirname, `../../node_modules/carbon-components-react/${env === 'cjs' ? 'lib' : 'es' }/**/${importName}.js`));
+        const files = glob.sync(path.resolve(__dirname, `../../node_modules/carbon-components-react/${env === 'cjs' ? 'lib' : 'es' }/**/${carbonMapper(importName)}.js`));
         if (files.length > 0) {
           res = files[0];
         } else {
@@ -191,6 +205,32 @@ const createCarbonCJSTransform = (env) => [
   `carbon-components-react-${env}`
 ];
 
+const createCarbonIconsCJSTransform = (env) => [
+  'transform-imports',
+  {
+    '@carbon/icons-react': {
+      transform: (importName) => {
+        let size = importName.match(/\d+/)[0];
+        let iconName = pascalToKebabCaseCarbonIcons(importName.replace(/\d+/, ''));
+
+        let res;
+        const files = glob.sync(path.resolve(__dirname, `../../node_modules/@carbon/icons-react/${env === 'cjs' ? 'lib' : 'es' }/${iconName}/${size}.js`));
+        if (files.length > 0) {
+          res = files[0];
+        } else {
+          throw new Error(`File with importName ${importName} does not exist`);
+        }
+        res = res.replace(path.resolve(__dirname, '../../node_modules/'), '');
+        res = res.replace(/^\//, '');
+        return res;
+      },
+      preventFullImport: false,
+      skipDefaultConversion: false
+    }
+  },
+  `@carbon/icons-react-${env}`
+];
+
 module.exports = {
   extends: '../../babel.config.js',
   env: {
@@ -201,7 +241,8 @@ module.exports = {
         createPfReactTransform('js'),
         createBluePrintTransform('cjs'),
         createAntTransform('cjs'),
-        createCarbonCJSTransform('cjs')
+        createCarbonCJSTransform('cjs'),
+        createCarbonIconsCJSTransform('cjs')
       ]
     },
     esm: {
@@ -211,7 +252,8 @@ module.exports = {
         createPfReactTransform('esm'),
         createBluePrintTransform('esm'),
         createAntTransform('esm'),
-        createCarbonCJSTransform('esm')
+        createCarbonCJSTransform('esm'),
+        createCarbonIconsCJSTransform('esm')
       ]
     }
   }