updated icon scripts

cerner · May 6, 2024 · f704a33 · f704a33
1 parent 5d2f4a7
commit f704a33
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/packages/terra-icon/scripts/src/generate-example/generateStaticIcons.js b/packages/terra-icon/scripts/src/generate-example/generateStaticIcons.js
@@ -13,14 +13,18 @@ const generateIconAll = (iconObjs) =>
         !iconObj.themeable && !iconObj.deprecated && !iconObj.isOldLowlight
     );
 
+    staticIcons.sort((a, b) => a.componentName.localeCompare(b.componentName));
+
     outputfile.write(
       "// This file is autogenerated from scripts/src/generate-example\n"
     );
     outputfile.write("/* eslint-disable */\n");
     outputfile.write("import React from 'react';\n");
+    outputfile.write("import {\n");
     staticIcons.forEach((iconObj) => {
-      outputfile.write(iconObj.syntaxImport);
+      outputfile.write(`  ${iconObj.componentName},\n`);
     });
+    outputfile.write("} from 'terra-icon';\n\n");
     outputfile.write("const cellStyle = { padding: '0.5rem' };\n");
     outputfile.write("const IconAll = () => (\n");
     outputfile.write("  <div>");

diff --git a/packages/terra-icon/scripts/src/generate-example/generateThemeableIcons.js b/packages/terra-icon/scripts/src/generate-example/generateThemeableIcons.js
@@ -14,14 +14,20 @@ const generateIconAll = (iconObjs) =>
       }
     });
 
+    themeableIcons.sort((a, b) => a.componentName.localeCompare(b.componentName));
+
     outputfile.write(
       "// This file is autogenerated from scripts/src/generate-example\n"
     );
     outputfile.write("/* eslint-disable */\n");
     outputfile.write("import React from 'react';\n");
+
+    outputfile.write("import {\n");
     themeableIcons.forEach((iconObj) => {
-      outputfile.write(iconObj.syntaxImport);
+      outputfile.write(`  ${iconObj.componentName},\n`);
     });
+    outputfile.write("} from 'terra-icon';\n\n");
+
     outputfile.write("const cellStyle = { padding: '0.5rem' };\n");
     outputfile.write("const IconAll = () => (\n");
     outputfile.write("  <div>");

diff --git a/packages/terra-icon/scripts/src/icon-utils/parseCsv.js b/packages/terra-icon/scripts/src/icon-utils/parseCsv.js
@@ -20,7 +20,7 @@ const parseCsv = () => new Promise((resolve) => {
       jsonObj.bidi = (jsonObj.bidi === 'bi-directional');
       jsonObj.spinner = (jsonObj.name === 'IconSpinner');
       jsonObj.syntaxComponent = `<${jsonObj.componentName} height='2em' width='2em' />`;
-      jsonObj.syntaxImport = `import ${jsonObj.componentName} from 'terra-icon/lib/icon/${jsonObj.componentName}';\n`;
+      jsonObj.syntaxImport = `import \{ ${jsonObj.componentName} \} from 'terra-icon';\n`;
       /* eslint-enable  no-param-reassign */
     }).then(jsonObj => resolve(jsonObj));
 });