feat(font awesome icons): add all free available FA icons (patternfly…

…#484) affects: @patternfly/react-icons
redallen · Aug 10, 2018 · 4a7fea9 · 4a7fea9
1 parent 3958558
commit 4a7fea9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 78 deletions.
diff --git a/packages/react-icons/build/generateIcons.js b/packages/react-icons/build/generateIcons.js
@@ -4,22 +4,22 @@ const nodePlop = require('node-plop');
 
 const plop = nodePlop(path.resolve(__dirname, './generatorConfig.js'));
 const pascalCase = plop.getHelper('pascalCase');
-const camelCase = plop.getHelper('camelCase');
+const kebabCase = plop.getHelper('kebabCase');
 
-const allIcons = icons.fontAwesome.map(getFontAwesomeIcon);
+const allIcons = icons.fontAwesome.solid.map(getFontAwesomeIcon);
 
 plop
   .getGenerator('icons')
   .runActions({ icons: allIcons })
   .catch(console.log); // eslint-disable-line
 
 function getFontAwesomeIcon(name) {
-  const faIconName = camelCase(`fa-${name}`);
-  const faIconDef = require(`@fortawesome/free-solid-svg-icons/${faIconName}`); // eslint-disable-line
+  const faIconDef = require(`@fortawesome/free-solid-svg-icons/${name}`); // eslint-disable-line
+  const iconName = kebabCase(name.substr(2)); // remove fa and make name kebab cased
 
   return {
-    id: `${name}-icon`,
-    name: pascalCase(`${name}-icon`),
+    id: `${iconName}-icon`,
+    name: pascalCase(`${iconName}-icon`),
     width: faIconDef.width,
     height: faIconDef.height,
     svgPath: faIconDef.svgPathData

diff --git a/packages/react-icons/build/icons.js b/packages/react-icons/build/icons.js
@@ -1,74 +1,7 @@
+const { fas } = require('@fortawesome/free-solid-svg-icons');
+
 module.exports = {
-  fontAwesome: [
-    'angle-double-left',
-    'angle-double-right',
-    'angle-down',
-    'angle-left',
-    'angle-right',
-    'angle-up',
-    'arrow-circle-down',
-    'arrow-circle-up',
-    'balance-scale',
-    'ban',
-    'bell',
-    'bug',
-    'caret-down',
-    'caret-left',
-    'caret-right',
-    'caret-up',
-    'check-circle',
-    'check',
-    'clipboard-check',
-    'clock',
-    'columns',
-    'cube',
-    'cubes',
-    'ellipsis-v',
-    'exclamation-circle',
-    'exclamation-triangle',
-    'external-link-alt',
-    'external-link-square-alt',
-    'filter',
-    'flag',
-    'folder-open',
-    'folder',
-    'hdd',
-    'history',
-    'info-circle',
-    'key',
-    'list',
-    'lock-open',
-    'lock',
-    'map-marker',
-    'memory',
-    'minus',
-    'pause-circle',
-    'pencil-alt',
-    'plus-circle',
-    'plus-square',
-    'plus',
-    'print',
-    'question-circle',
-    'redo',
-    'search',
-    'sliders-h',
-    'sort-alpha-down',
-    'sort-alpha-up',
-    'sort-numeric-down',
-    'sort-numeric-up',
-    'sort',
-    'sync-alt',
-    'table',
-    'tachometer-alt',
-    'th-large',
-    'th',
-    'thumbtack',
-    'times-circle',
-    'times',
-    'trash',
-    'user-friends',
-    'user',
-    'window-restore',
-    'wrench'
-  ]
+  fontAwesome: {
+    solid: Object.keys(fas)
+  }
 };