@sproutsocial/racine 20.15.0 → 20.17.0

package/bin/racine-codemod.js

@@ -3,19 +3,19 @@
 // to run codemod: node bin/racine-codemod name-of-transform path/to/src
 // Respectfully adapted from https://github.com/reactjs/react-codemod/blob/master/bin/react-codemod.js
 
-const childProcess = require('child_process');
-const fs = require('fs');
-const path = require('path');
-const docs = require('../codemods/codemod-docs');
+const childProcess = require("child_process");
+const fs = require("fs");
+const path = require("path");
+const docs = require("../codemods/codemod-docs");
 
 const currentDir = process.cwd();
 process.chdir(__dirname);
 
 const codemods = fs
-  .readdirSync('../codemods')
-  .filter((x) => x.slice(-3) === '.js')
+  .readdirSync("../codemods")
+  .filter((x) => x.slice(-3) === ".js")
   .map((x) => x.slice(0, -3))
-  .filter((x) => x !== 'codemod-docs');
+  .filter((x) => x !== "codemod-docs");
 
 const transform = process.argv[2];
 const dest = process.argv[3];
@@ -23,8 +23,8 @@ const usage = `racine-codemod <transformName> <path> <...otherArgs>\n`;
 if (!transform || codemods.indexOf(transform) === -1) {
   console.log(usage);
   console.error(
-    'Missing/invalid transform name. Pick one of:\n' +
-      codemods.map((x) => '- ' + x).join('\n')
+    "Missing/invalid transform name. Pick one of:\n" +
+      codemods.map((x) => "- " + x).join("\n")
   );
   process.exit(1);
 }
@@ -44,7 +44,7 @@ ${Object.entries(docs.arguments)
         : `Example: ${argumentDocs.example}`
     }`;
   })
-  .join('\n')}`;
+  .join("\n")}`;
 };
 
 // If a path argument is not passed, log the available arguments and example usage for the codemod.
@@ -52,28 +52,28 @@ if (!dest) {
   console.log(
     docs[transform]
       ? formatCodemodDocs(docs[transform])
-      : 'Missing path argument'
+      : "Missing path argument"
   );
   process.exit(1);
 }
 
-const filePath = path.join('../codemods', transform + '.js');
+const filePath = path.join("../codemods", transform + ".js");
 const relativePath = path.join(currentDir, dest);
 const userArgs = [...process.argv]
   .slice(4)
-  .map((arg) => arg.replace(/\s/g, ''));
+  .map((arg) => arg.replace(/\s/g, ""));
 
 const args = [
-  'jscodeshift',
-  '--',
-  '-t',
+  "jscodeshift",
+  "--",
+  "-t",
   filePath,
   relativePath,
-  '--ignore-pattern=**/node_modules/**',
+  "--ignore-pattern=**/node_modules/**",
   ...userArgs,
 ];
 
-childProcess.execFileSync('npx', args, {stdio: 'inherit'});
+childProcess.execFileSync("npx", args, { stdio: "inherit" });
 
 console.log(
   `Codemod complete! Please run prettier on "${dest}" to fix any formatting issues caused by the codemod.`

package/codemods/__tests__/icon-library.test.js

@@ -1,12 +1,12 @@
 jest.autoMockOff();
-const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
-const transform = require('../icon-library');
+const defineInlineTest = require("jscodeshift/dist/testUtils").defineInlineTest;
+const transform = require("../icon-library");
 
-describe('icon-library codemod', () => {
+describe("icon-library codemod", () => {
   function createTest(testName, input, output, options = {}) {
     return defineInlineTest(
       transform,
-      {parser: 'flow', ...options},
+      { parser: "flow", ...options },
       input,
       output,
       testName
@@ -14,31 +14,31 @@ describe('icon-library codemod', () => {
   }
 
   createTest(
-    'No changes for already-migrated icons',
+    "No changes for already-migrated icons",
     `<Icon name='dollar-outline' />`,
     `<Icon name='dollar-outline' />`
   );
 
   createTest(
-    'Simple replacement',
+    "Simple replacement",
     `<Icon name='ads' />`,
     `<Icon name='dollar-outline' />`
   );
 
   createTest(
-    'deprecatedIcons',
+    "deprecatedIcons",
     `<Icon name='backtotop' />`,
     `<Icon name='arrow-up-outline' />`
   );
 
   createTest(
-    'Handle subcomponents',
+    "Handle subcomponents",
     `<Icon.Toggle activeName='like' inactiveName='like-outline'/>;`,
     `<Icon.Toggle activeName='thumbs-up-solid' inactiveName='thumbs-up-outline'/>;`
   );
 
   createTest(
-    'ssiconsvg icon regex replacements',
+    "ssiconsvg icon regex replacements",
     `<use
     xlink:href="#ssiconsvg-rejected"
     xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -50,7 +50,7 @@ describe('icon-library codemod', () => {
   );
 
   createTest(
-    'ssiconsvg logo regex replacements',
+    "ssiconsvg logo regex replacements",
     `<use
     xlink:href="#ssiconsvg-facebook"
     xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -62,7 +62,7 @@ describe('icon-library codemod', () => {
   );
 
   createTest(
-    'icon/iconName regex replacements',
+    "icon/iconName regex replacements",
     `expect(queryByDataQaLabel({icon: 'dashboard'})).toBeFalsy();
     const iconMap = {iconName: "like"};
     const iconName = 'reply';`,
@@ -72,7 +72,7 @@ describe('icon-library codemod', () => {
   );
 
   createTest(
-    'Add comments',
+    "Add comments",
     `import { Badge, Icon } from '@sproutsocial/racine';
 
 <>
@@ -97,7 +97,7 @@ import { Badge, Icon } from '@sproutsocial/racine';
   // A partner name is left as-is and does not contribute to the count of issues.
   // The variable name Icon is converted to IconShim and does not contribute to the count of issues.
   createTest(
-    'Add shim component and add comments',
+    "Add shim component and add comments",
     `import { Icon } from '@sproutsocial/racine';
 
 <>
@@ -119,13 +119,13 @@ import { IconShim } from 'script/core/react/IconShim';
   <IconShim name={iconName} />
 </>`,
     {
-      shimName: 'IconShim',
-      shimImportPath: 'script/core/react/IconShim',
+      shimName: "IconShim",
+      shimImportPath: "script/core/react/IconShim",
     }
   );
 
   createTest(
-    'Add shim, remove Icon import',
+    "Add shim, remove Icon import",
     `import { Icon } from '@sproutsocial/racine';
 
 <Icon name={iconName} />`,
@@ -134,13 +134,13 @@ import { IconShim } from 'script/core/react/IconShim';
 <IconShim name={iconName} />
 `,
     {
-      shimName: 'IconShim',
-      shimImportPath: 'script/core/react/IconShim',
+      shimName: "IconShim",
+      shimImportPath: "script/core/react/IconShim",
     }
   );
 
   createTest(
-    'Add shim, keep Icon import due to styled usage',
+    "Add shim, keep Icon import due to styled usage",
     `import { Icon } from '@sproutsocial/racine';
 const StyledIcon = styled(Icon);
 <Icon name={iconName} />`,
@@ -150,13 +150,13 @@ const StyledIcon = styled(Icon);
 <IconShim name={iconName} />
 `,
     {
-      shimName: 'IconShim',
-      shimImportPath: 'script/core/react/IconShim',
+      shimName: "IconShim",
+      shimImportPath: "script/core/react/IconShim",
     }
   );
 
   createTest(
-    'Add shim, keep Icon import due to typeof Icon usage',
+    "Add shim, keep Icon import due to typeof Icon usage",
     `import { Icon } from '@sproutsocial/racine';
 const iconType = typeof Icon;
 <Icon name={iconName} />;`,
@@ -166,13 +166,13 @@ const iconType = typeof Icon;
 <IconShim name={iconName} />;
 `,
     {
-      shimName: 'IconShim',
-      shimImportPath: 'script/core/react/IconShim',
+      shimName: "IconShim",
+      shimImportPath: "script/core/react/IconShim",
     }
   );
 
   createTest(
-    'Retain first comments when Icon import is removed',
+    "Retain first comments when Icon import is removed",
     `// @flow
 import { Icon } from '@sproutsocial/racine';
 
@@ -183,13 +183,13 @@ import { IconShim } from 'script/core/react/IconShim';
 <IconShim name={iconName} />
 `,
     {
-      shimName: 'IconShim',
-      shimImportPath: 'script/core/react/IconShim',
+      shimName: "IconShim",
+      shimImportPath: "script/core/react/IconShim",
     }
   );
 
   createTest(
-    'Retain first comments and add new comments',
+    "Retain first comments and add new comments",
     `// @flow
 import { Badge, Icon } from '@sproutsocial/racine';
 
@@ -230,9 +230,9 @@ import { Badge, Icon } from '@sproutsocial/racine';
       // Unfortunately, because it's getting passed directly to the transform in this case,
       // We need to simulate the way that it gets mangled when passed through the console.
       components: [
-        'Message.Header:[iconName]',
-        'SearchInput:[iconLeft',
-        'iconRight]',
+        "Message.Header:[iconName]",
+        "SearchInput:[iconLeft",
+        "iconRight]",
       ],
     }
   );

package/codemods/__tests__/icon-name-substitution.test.js

@@ -1,12 +1,12 @@
 jest.autoMockOff();
-const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
-const transform = require('../icon-name-substitution');
+const defineInlineTest = require("jscodeshift/dist/testUtils").defineInlineTest;
+const transform = require("../icon-name-substitution");
 
-describe('icon-name-substitution codemod', () => {
+describe("icon-name-substitution codemod", () => {
   function createTest(testName, input, output, options = {}) {
     return defineInlineTest(
       transform,
-      {parser: 'flow', ...options},
+      { parser: "flow", ...options },
       input,
       output,
       testName
@@ -14,13 +14,13 @@ describe('icon-name-substitution codemod', () => {
   }
 
   createTest(
-    'No changes for already-migrated icon names. Empty output due to returning null.',
+    "No changes for already-migrated icon names. Empty output due to returning null.",
     `const IconMap = {ads: 'dollar-outline', draft: 'paper-solid'};`,
-    ''
+    ""
   );
 
   createTest(
-    'Simple replacements',
+    "Simple replacements",
     `const IconMap = {ads: 'ads', draft: 'drafts'}`,
     `const IconMap = {ads: 'dollar-outline', draft: 'paper-solid'}`
   );
@@ -32,7 +32,7 @@ describe('icon-name-substitution codemod', () => {
   );
 
   createTest(
-    'deprecatedIcons',
+    "deprecatedIcons",
     `const name = 'backtotop';`,
     `const name = 'arrow-up-outline';`
   );

package/codemods/__tests__/migrate-2.x-to-3.x.test.js

@@ -1,3 +1,3 @@
 jest.autoMockOff();
-const defineTest = require('jscodeshift/dist/testUtils').defineTest;
-defineTest(__dirname, 'migrate-2.x-to-3.x');
+const defineTest = require("jscodeshift/dist/testUtils").defineTest;
+defineTest(__dirname, "migrate-2.x-to-3.x");

package/codemods/codemod-docs.js

@@ -3,29 +3,29 @@
 
 // Reused arguments
 const quote = {
-  default: 'single',
-  options: 'single|double',
+  default: "single",
+  options: "single|double",
   description:
-    'What kind of quotation marks should be preferred when converting updated files back to JS?',
+    "What kind of quotation marks should be preferred when converting updated files back to JS?",
 };
 const parser = {
-  default: 'babel',
-  options: 'babel|babylon|flow|ts|tsx',
-  description: 'Which parser should be used to parse files to AST?',
+  default: "babel",
+  options: "babel|babylon|flow|ts|tsx",
+  description: "Which parser should be used to parse files to AST?",
 };
 
 module.exports = {
-  'icon-library': {
+  "icon-library": {
     description:
-      'Assists in migrating Icon names and usages. Due to abstraction such as using variables and mappings to define icon names, the codemod cannot automatically migrate every icon name. To help you identify these cases, the codemod can add comments or shim component usages.',
+      "Assists in migrating Icon names and usages. Due to abstraction such as using variables and mappings to define icon names, the codemod cannot automatically migrate every icon name. To help you identify these cases, the codemod can add comments or shim component usages.",
     example:
       "racine-codemod icon-library src --parser=tsx --components=\"{IconButton:['name'],MessageMeta:['iconNameLeft','iconNameRight']}\" --shimComponent=IconShim --shimImportPath=src/components/IconShim --quote=double --addComments=false",
     arguments: {
       quote,
       parser,
       addComments: {
-        default: 'true',
-        options: 'true|false',
+        default: "true",
+        options: "true|false",
         description:
           'Should code comments be added when the codemod identifies a case that cannot be automatically migrated? Comments will include "icon-library" to help you locate and remediate them.',
       },
@@ -34,27 +34,27 @@ module.exports = {
         example:
           "\"{IconButton:['name'],MessageMeta:['iconNameLeft','iconNameRight']}\"",
         description:
-          'What additional component names + prop name combinations would you like the codemod to target for the migration? Wrap this argument in quotes.',
+          "What additional component names + prop name combinations would you like the codemod to target for the migration? Wrap this argument in quotes.",
       },
       shimName: {
         default: '""',
-        example: 'IconShim',
+        example: "IconShim",
         description:
           "If you provide a shim component name, any Icon that has a variable for its `name` prop will be renamed to the shim component's name. You must create this component in your own codebase, it is not provided.",
       },
       shimImportPath: {
         default: '""',
-        example: 'src/components/IconShim',
+        example: "src/components/IconShim",
         description:
           'shimImportPath is the import path for your shim component (see "shimName") so that imports can be automatically when usages are added.',
       },
     },
   },
-  'icon-name-substitution': {
+  "icon-name-substitution": {
     description:
-      'Replaces string literals that are deprecated icon names with their updated names. Please note that this codemod will change any strings that happen to match a deprecated icon name, even if they are unrelated to icons, so we recommend running it against specific files (not your entire codebase) and carefully checking the results.',
+      "Replaces string literals that are deprecated icon names with their updated names. Please note that this codemod will change any strings that happen to match a deprecated icon name, even if they are unrelated to icons, so we recommend running it against specific files (not your entire codebase) and carefully checking the results.",
     example:
-      'racine-codemod icon-name-substitution src/constants.js --quote=double --parser=tsx',
-    arguments: {quote, parser},
+      "racine-codemod icon-name-substitution src/constants.js --quote=double --parser=tsx",
+    arguments: { quote, parser },
   },
 };

package/codemods/icon-library.js

@@ -1,16 +1,16 @@
 // We need the deprecated icon name mapping so that we can migrate icons still
 // using the ancient names all the way to the new names.
-const deprecatedNames = require('./artifacts/deprecated-icon-map.json');
+const deprecatedNames = require("./artifacts/deprecated-icon-map.json");
 
 // Mapping from old icon names to new icon names
-const IconMap = require('./artifacts/icon-map.json');
+const IconMap = require("./artifacts/icon-map.json");
 
 // All the new icon names. Used to avoid attempting to migrate an icon name that has already been migrated.
 const {
   ExternalIconNames,
   GeneralIconNames,
   SproutIconNames,
-} = require('@sproutsocial/seeds-icons');
+} = require("@sproutsocial/seeds-icons");
 const newIconNames = [
   ...ExternalIconNames,
   ...GeneralIconNames,
@@ -37,7 +37,7 @@ const mapIconName = (currentName) => {
   ) {
     return currentName;
   }
-  return '';
+  return "";
 };
 
 // Perform regex replacements with the raw file text
@@ -45,7 +45,7 @@ function replaceIconNames(file, firstRegex, secondRegex) {
   let source = file.source;
   firstRegex?.forEach((result) => {
     // Extract just the icon name from the regex result
-    const iconName = result.match(/['"]([^'"]+)['"]/g)[0].replace(/['"]/g, '');
+    const iconName = result.match(/['"]([^'"]+)['"]/g)[0].replace(/['"]/g, "");
     const mappedIcon = mapIconName(iconName);
     if (mappedIcon) {
       const replacement = result.replace(iconName, mappedIcon);
@@ -54,15 +54,15 @@ function replaceIconNames(file, firstRegex, secondRegex) {
   });
   secondRegex?.forEach((result) => {
     // Extract just the icon name from the regex result
-    const iconName = result.replace('ssiconsvg-', '').replace(/['"]/g, '');
+    const iconName = result.replace("ssiconsvg-", "").replace(/['"]/g, "");
     const mappedIcon = mapIconName(iconName);
     // Replace ssiconsvg with the correct sprite prefix.
     const prefix = PartnerNames.includes(mappedIcon)
-      ? 'sslogosvg-'
-      : 'seeds-svgs_';
+      ? "sslogosvg-"
+      : "seeds-svgs_";
     if (mappedIcon) {
       const replacement = result
-        .replace('ssiconsvg-', prefix)
+        .replace("ssiconsvg-", prefix)
         .replace(iconName, mappedIcon);
       source = source.replace(result, replacement);
     }
@@ -74,10 +74,10 @@ function replaceIconNames(file, firstRegex, secondRegex) {
 // Users can pass in additional components in their codebase that accept icon names as props with "--components={componentName: [iconPropNames], ...}".
 // A non-top-level prop example is the "iconName" prop nested under TokenInput's "tokens" prop. We can't fix those automatically.
 const defaultComponents = {
-  Icon: ['name'],
-  'Icon.Toggle': ['activeName', 'inactiveName'],
-  Badge: ['iconName'],
-  TokenInput: ['iconName'],
+  Icon: ["name"],
+  "Icon.Toggle": ["activeName", "inactiveName"],
+  Badge: ["iconName"],
+  TokenInput: ["iconName"],
 };
 
 // We need to concatenate a few properties to get subcomponent names from AST (e.g., Icon.Toggle).
@@ -92,11 +92,11 @@ const getSubcomponentName = (element) => {
 // Wrap each word in quotes and join it all together with commas, then wrap it in bracket and parse it from JSON.
 const optionToObject = (components) => {
   const withQuotesAndCommas = components
-    .join(',')
+    .join(",")
     // (\w|\.) = letters or periods. Handles component names with periods in them such as subcomponents.
     .replace(/((\w|\.)+)/g, '"$1"');
   try {
-    return JSON.parse('{' + withQuotesAndCommas + '}');
+    return JSON.parse("{" + withQuotesAndCommas + "}");
   } catch (e) {
     e.message = `
     Failed to parse the components argument. Please verify that it is formatted correctly:
@@ -108,13 +108,13 @@ const optionToObject = (components) => {
 };
 
 module.exports = function transformer(file, api, options) {
-  const quote = options?.quote ?? 'single';
+  const quote = options?.quote ?? "single";
   const components = options?.components
-    ? {...defaultComponents, ...optionToObject(options.components)}
+    ? { ...defaultComponents, ...optionToObject(options.components) }
     : defaultComponents;
   const addComments = options?.addComments ?? true;
-  const shimComponentName = options?.shimName ?? '';
-  const shimComponentPath = options?.shimImportPath ?? '';
+  const shimComponentName = options?.shimName ?? "";
+  const shimComponentPath = options?.shimImportPath ?? "";
   const addShimComponent = !!shimComponentName;
 
   let source = file.source;
@@ -163,9 +163,9 @@ module.exports = function transformer(file, api, options) {
   if (
     // file.path is undefined during test runs only
     file.path &&
-    !file.path.endsWith('js') &&
-    !file.path.endsWith('ts') &&
-    !file.path.endsWith('tsx')
+    !file.path.endsWith("js") &&
+    !file.path.endsWith("ts") &&
+    !file.path.endsWith("tsx")
   ) {
     return hasModifications ? source : null;
   }
@@ -175,17 +175,17 @@ module.exports = function transformer(file, api, options) {
   const ast = j(source);
   const icons = ast.find(j.JSXOpeningElement).filter((element) => {
     let componentName = element.value.name.name;
-    if (element.value.name?.type === 'JSXMemberExpression') {
+    if (element.value.name?.type === "JSXMemberExpression") {
       componentName = getSubcomponentName(element);
     }
-    if (componentName === 'Icon') {
+    if (componentName === "Icon") {
       iconCount += 1;
     }
     return components[componentName];
   });
 
   // Save comments at the top of the file if they exist. Otherwise, they may be deleted if we modify the first import.
-  const originalFirstNode = ast.find(j.Program).get('body', 0).node;
+  const originalFirstNode = ast.find(j.Program).get("body", 0).node;
   const originalFirstComments = originalFirstNode.comments;
 
   icons.forEach((iconPath) => {
@@ -194,7 +194,7 @@ module.exports = function transformer(file, api, options) {
       iconPath.value.name.name ?? getSubcomponentName(iconPath);
     const nameProps = components[componentName];
     attrs.forEach((path) => {
-      const {node} = path;
+      const { node } = path;
       // nameProps is an array because some components accept icon names for multiple props
       // (e.g., Icon.Toggle's activeName and inactiveName props)
       if (nameProps.includes(node.name.name)) {
@@ -211,7 +211,7 @@ module.exports = function transformer(file, api, options) {
             !unmigratedComponents.includes(componentName) &&
               unmigratedComponents.push(componentName);
           }
-        } else if (node.value.expression.type === 'ConditionalExpression') {
+        } else if (node.value.expression.type === "ConditionalExpression") {
           // Handle ternary statements (eg, `name={isActive ? 'like' : 'like-outline'}`)
           const oldConsequent = node.value.expression.consequent?.value;
           const oldAlternate = node.value.expression.alternate?.value;
@@ -233,7 +233,7 @@ module.exports = function transformer(file, api, options) {
           }
         } else {
           // This case handles when the nameProp value is a variable.
-          if (componentName === 'Icon' && addShimComponent) {
+          if (componentName === "Icon" && addShimComponent) {
             iconPath.node.name = shimComponentName;
             shimmedCount += 1;
             hasModifications = true;
@@ -251,13 +251,13 @@ module.exports = function transformer(file, api, options) {
     // Add the shim import after the racine import
     ast
       .find(j.ImportDeclaration, {
-        source: {value: '@sproutsocial/racine'},
+        source: { value: "@sproutsocial/racine" },
       })
       .filter((element) => {
         // There may be multiple Racine import statements. Only change the one that imports Icon.
         return element.node.specifiers
           .map((specifier) => specifier.imported.name)
-          .includes('Icon');
+          .includes("Icon");
       })
       .insertAfter(
         j.importDeclaration(
@@ -275,12 +275,12 @@ module.exports = function transformer(file, api, options) {
     if (shimmedCount === iconCount && !hasOtherIconUsages) {
       ast
         .find(j.ImportDeclaration, {
-          source: {value: '@sproutsocial/racine'},
+          source: { value: "@sproutsocial/racine" },
         })
         .replaceWith((path) => {
           // Remove "Icon" from the imported items
           const importedItems = path.node.specifiers.filter(
-            (specifier) => specifier.imported.name !== 'Icon'
+            (specifier) => specifier.imported.name !== "Icon"
           );
 
           // If Icon was the only item being imported from Racine, delete the import statement.
@@ -299,7 +299,7 @@ module.exports = function transformer(file, api, options) {
   }
 
   // If the first node has been modified or deleted, reattach the comments to the new first node.
-  const newFirstNode = ast.find(j.Program).get('body', 0).node;
+  const newFirstNode = ast.find(j.Program).get("body", 0).node;
   if (newFirstNode !== originalFirstNode) {
     newFirstNode.comments = originalFirstComments;
   }
@@ -307,7 +307,7 @@ module.exports = function transformer(file, api, options) {
   if (addComments && unmigratedCount > 0) {
     const comment = j.commentBlock(
       `TODO (icon-library codemod): Please manually migrate icon names passed to ${unmigratedCount} component(s) in this file.
-   Look for usages of these components: ${unmigratedComponents.join(', ')}`
+   Look for usages of these components: ${unmigratedComponents.join(", ")}`
     );
     // Add this comment after any comments on the first node.
     newFirstNode.comments = newFirstNode.comments
@@ -316,5 +316,5 @@ module.exports = function transformer(file, api, options) {
     hasModifications = true;
   }
 
-  return hasModifications ? ast.toSource({quote}) : null;
+  return hasModifications ? ast.toSource({ quote }) : null;
 };

package/codemods/icon-name-substitution.js

@@ -1,9 +1,9 @@
 // We need the deprecated icon name mapping so that we can migrate icons still
 // using the ancient names all the way to the new names.
-const deprecatedNames = require('./artifacts/deprecated-icon-map.json');
+const deprecatedNames = require("./artifacts/deprecated-icon-map.json");
 
 // Mapping from old icon names to new icon names
-const IconMap = require('./artifacts/icon-map.json');
+const IconMap = require("./artifacts/icon-map.json");
 
 // Map the current icon name to the new icon name
 const mapIconName = (currentName) => {
@@ -14,11 +14,11 @@ const mapIconName = (currentName) => {
   if (IconMap[deprecatedNames[currentName]]) {
     return IconMap[deprecatedNames[currentName]];
   }
-  return '';
+  return "";
 };
 
 module.exports = function transformer(file, api, options) {
-  const quote = options?.quote ?? 'single';
+  const quote = options?.quote ?? "single";
   const j = api.jscodeshift;
   const ast = j(file.source);
   let hasModifications = false;
@@ -38,5 +38,5 @@ module.exports = function transformer(file, api, options) {
     }
   });
 
-  return hasModifications ? ast.toSource({quote}) : null;
+  return hasModifications ? ast.toSource({ quote }) : null;
 };