@react-spectrum/codemods 1.2.1 → 1.2.3

package/dist/index.js

@@ -3,32 +3,34 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const { parseArgs } = require('node:util');
 const src_1 = require("./s1-to-s2/src");
-const src_2 = require("./use-monopackages/src");
-const src_3 = require("./use-subpaths/src");
+const src_2 = require("./test-utils-rc-update/src");
+const src_3 = require("./use-monopackages/src");
+const src_4 = require("./use-subpaths/src");
 const codemods = {
     's1-to-s2': src_1.s1_to_s2,
-    'use-monopackages': src_2.use_monopackages,
-    'use-subpaths': src_3.use_subpaths
+    'use-monopackages': src_3.use_monopackages,
+    'use-subpaths': src_4.use_subpaths,
+    'test-utils-rc-update': src_2.test_utils_rc_update
 };
 // https://github.com/facebook/jscodeshift?tab=readme-ov-file#usage-cli
 const options = {
-    'parser': {
+    parser: {
         type: 'string'
     },
     'ignore-pattern': {
         type: 'string'
     },
-    'dry': {
+    dry: {
         type: 'boolean',
         short: 'd'
     },
-    'path': {
+    path: {
         type: 'string'
     },
-    'components': {
+    components: {
         type: 'string'
     },
-    'agent': {
+    agent: {
         type: 'boolean'
     }
 };
@@ -55,7 +57,7 @@ async function main() {
         ...values
     }));
 }
-main().catch((error) => {
+main().catch(error => {
     console.error(`Error running codemod: ${error}`);
     process.exit(1);
 });

package/dist/s1-to-s2/src/codemods/codemod.js

@@ -130,7 +130,10 @@ function getComponentSelection(components) {
             scopedComponents: new Map()
         };
     }
-    let explicitComponents = new Set(components.split(',').map(s => s.trim()).filter(Boolean));
+    let explicitComponents = new Set(components
+        .split(',')
+        .map(s => s.trim())
+        .filter(Boolean));
     let expandedComponents = new Set(explicitComponents);
     let scopedComponents = new Map();
     for (let component of explicitComponents) {
@@ -162,9 +165,9 @@ function shouldTransformElement(componentName, path, selection) {
     if (!allowedParents || allowedParents.size === 0) {
         return true;
     }
-    return !!path.findParent((parentPath) => t.isJSXElement(parentPath.node)
-        && t.isJSXIdentifier(parentPath.node.openingElement.name)
-        && allowedParents.has((0, utils_1.getName)(path, parentPath.node.openingElement.name)));
+    return !!path.findParent(parentPath => t.isJSXElement(parentPath.node) &&
+        t.isJSXIdentifier(parentPath.node.openingElement.name) &&
+        allowedParents.has((0, utils_1.getName)(path, parentPath.node.openingElement.name)));
 }
 function transformer(file, api, options) {
     let j = api.jscodeshift.withParser({
@@ -192,7 +195,9 @@ function transformer(file, api, options) {
             programPath = path;
         },
         ImportDeclaration(path) {
-            if (path.node.source.value === '@adobe/react-spectrum' || (path.node.source.value.startsWith('@react-spectrum/') && path.node.source.value !== '@react-spectrum/s2')) {
+            if (path.node.source.value === '@adobe/react-spectrum' ||
+                (path.node.source.value.startsWith('@react-spectrum/') &&
+                    path.node.source.value !== '@react-spectrum/s2')) {
                 lastImportPath = path;
                 for (let specifier of path.node.specifiers) {
                     if (specifier.type === 'ImportNamespaceSpecifier') {
@@ -206,7 +211,8 @@ function transformer(file, api, options) {
                                 if (propName && path.parentPath.parentPath?.parentPath?.isJSXElement()) {
                                     if (componentsToTransform.has(propName)) {
                                         importedComponents.set(propName, clonedSpecifier);
-                                        let elementPath = path.parentPath.parentPath.parentPath;
+                                        let elementPath = path.parentPath.parentPath
+                                            .parentPath;
                                         if (shouldTransformElement(propName, elementPath, selection)) {
                                             elements.push([propName, elementPath]);
                                         }
@@ -240,7 +246,8 @@ function transformer(file, api, options) {
                         typeof specifier.local.name === 'string' &&
                         specifier.imported.type === 'Identifier' &&
                         typeof specifier.imported.name === 'string' &&
-                        (componentsToTransform.has(specifier.imported.name) || v3ComponentsToRename.has(specifier.imported.name))) {
+                        (componentsToTransform.has(specifier.imported.name) ||
+                            v3ComponentsToRename.has(specifier.imported.name))) {
                         // e.g. import {Button} from '@adobe/react-spectrum'; or import {ContextualHelpTrigger} from '@adobe/react-spectrum';
                         let binding = path.scope.getBinding(specifier.local.name);
                         if (binding) {
@@ -252,7 +259,8 @@ function transformer(file, api, options) {
                             }
                             bindings.push(binding);
                             for (let path of binding.referencePaths) {
-                                if (path.parentPath?.isJSXOpeningElement() && path.parentPath.parentPath.isJSXElement()) {
+                                if (path.parentPath?.isJSXOpeningElement() &&
+                                    path.parentPath.parentPath.isJSXElement()) {
                                     let elementPath = path.parentPath.parentPath;
                                     if (shouldTransformElement(specifier.imported.name, elementPath, selection)) {
                                         elements.push([specifier.imported.name, elementPath]);
@@ -310,8 +318,8 @@ function transformer(file, api, options) {
             if (arg.type !== 'StringLiteral') {
                 return;
             }
-            let isV3ImportSource = arg.value === '@adobe/react-spectrum'
-                || (arg.value.startsWith('@react-spectrum/') && arg.value !== '@react-spectrum/s2');
+            let isV3ImportSource = arg.value === '@adobe/react-spectrum' ||
+                (arg.value.startsWith('@react-spectrum/') && arg.value !== '@react-spectrum/s2');
             if (!isV3ImportSource) {
                 return;
             }
@@ -419,7 +427,12 @@ function transformer(file, api, options) {
     if (importedComponents.size || S2ComponentsToImport.size) {
         // Add imports to existing @react-spectrum/s2 import if it exists, otherwise add a new one.
         let importSpecifiers = new Set([...importedComponents]
-            .filter(([c]) => c !== 'Flex' && c !== 'Grid' && c !== 'View' && c !== 'Item' && c !== 'Section' && c !== 'ActionGroup')
+            .filter(([c]) => c !== 'Flex' &&
+            c !== 'Grid' &&
+            c !== 'View' &&
+            c !== 'Item' &&
+            c !== 'Section' &&
+            c !== 'ActionGroup')
             .map(([, specifier]) => specifier));
         for (let s2Name of S2ComponentsToImport) {
             importSpecifiers.add(t.importSpecifier(t.identifier(s2Name), t.identifier(s2Name)));
@@ -431,23 +444,26 @@ function transformer(file, api, options) {
             let importDecl = existingImport.get();
             let existingSpecifiers = importDecl.value.specifiers;
             // add importSpecifiers to existing import
-            importDecl.value.specifiers = [...importDecl.value.specifiers, ...[...importSpecifiers].filter(specifier => {
+            importDecl.value.specifiers = [
+                ...importDecl.value.specifiers,
+                ...[...importSpecifiers].filter(specifier => {
                     if (t.isImportSpecifier(specifier) && t.isIdentifier(specifier.imported)) {
                         if (specifier.imported.name === 'Item') {
                             return false;
                         }
                         let importedName = specifier.imported.name;
                         let localName = specifier.local?.name || importedName;
-                        return !existingSpecifiers.find((s) => t.isImportSpecifier(s)
-                            && t.isIdentifier(s.imported)
-                            && s.imported.name === importedName
-                            && (s.local?.name || s.imported.name) === localName);
+                        return !existingSpecifiers.find((s) => t.isImportSpecifier(s) &&
+                            t.isIdentifier(s.imported) &&
+                            s.imported.name === importedName &&
+                            (s.local?.name || s.imported.name) === localName);
                     }
                     if (t.isImportNamespaceSpecifier(specifier)) {
                         return !existingSpecifiers.find((s) => t.isImportNamespaceSpecifier(s) && s.local.name === specifier.local.name);
                     }
                     return false;
-                })];
+                })
+            ];
         }
         else {
             if (importSpecifiers.size > 0) {

package/dist/s1-to-s2/src/codemods/components/ActionGroup/transform.js

@@ -51,15 +51,20 @@ let availableComponents = (0, getComponents_1.getComponents)();
  * - Convert dynamic collections render function to items.map.
  */
 function transformActionGroup(path) {
-    let program = path.findParent((p) => t.isProgram(p.node));
+    let program = path.findParent(p => t.isProgram(p.node));
     // Comment out overflowMode
     (0, transforms_1.commentOutProp)(path, { propName: 'overflowMode' });
     // Comment out buttonLabelBehavior
     (0, transforms_1.commentOutProp)(path, { propName: 'buttonLabelBehavior' });
     // Comment out summaryIcon
     (0, transforms_1.commentOutProp)(path, { propName: 'summaryIcon' });
-    let selectionModePath = path.get('openingElement').get('attributes').find((attr) => t.isJSXAttribute(attr.node) && attr.node.name.name === 'selectionMode');
-    let selectionMode = t.isStringLiteral(selectionModePath?.node.value) ? selectionModePath.node.value.value : 'none';
+    let selectionModePath = path
+        .get('openingElement')
+        .get('attributes')
+        .find(attr => t.isJSXAttribute(attr.node) && attr.node.name.name === 'selectionMode');
+    let selectionMode = t.isStringLiteral(selectionModePath?.node.value)
+        ? selectionModePath.node.value.value
+        : 'none';
     let newComponentName, childComponentName;
     if (selectionMode === 'none') {
         // Use ActionButtonGroup if no selection
@@ -81,25 +86,40 @@ function transformActionGroup(path) {
         localChildName = (0, utils_1.addComponentImport)(program, childComponentName);
     }
     // Convert dynamic collection to an array.map.
-    let items = path.get('openingElement').get('attributes').find((attr) => t.isJSXAttribute(attr.node) && attr.node.name.name === 'items');
+    let items = path
+        .get('openingElement')
+        .get('attributes')
+        .find(attr => t.isJSXAttribute(attr.node) && attr.node.name.name === 'items');
     let itemArg;
-    if (items && t.isJSXExpressionContainer(items.node.value) && t.isExpression(items.node.value.expression)) {
+    if (items &&
+        t.isJSXExpressionContainer(items.node.value) &&
+        t.isExpression(items.node.value.expression)) {
         let child = path.get('children').find(c => c.isJSXExpressionContainer());
         if (child && child.isJSXExpressionContainer() && t.isFunction(child.node.expression)) {
             let arg = child.node.expression.params[0];
             if (t.isIdentifier(arg)) {
                 itemArg = arg;
             }
-            child.replaceWith(t.jsxExpressionContainer(t.callExpression(t.memberExpression(items.node.value.expression, t.identifier('map')), [child.node.expression])));
+            child.replaceWith(t.jsxExpressionContainer(t.callExpression(t.memberExpression(items.node.value.expression, t.identifier('map')), [
+                child.node.expression
+            ])));
         }
     }
     items?.remove();
-    let onAction = path.get('openingElement').get('attributes').find((attr) => t.isJSXAttribute(attr.node) && attr.node.name.name === 'onAction');
+    let onAction = path
+        .get('openingElement')
+        .get('attributes')
+        .find(attr => t.isJSXAttribute(attr.node) && attr.node.name.name === 'onAction');
     // Pull disabledKeys prop out into a variable, converted to a Set.
     // Then we can check it in the isDisabled prop of each item.
-    let disabledKeysPath = path.get('openingElement').get('attributes').find((attr) => t.isJSXAttribute(attr.node) && attr.node.name.name === 'disabledKeys');
+    let disabledKeysPath = path
+        .get('openingElement')
+        .get('attributes')
+        .find(attr => t.isJSXAttribute(attr.node) && attr.node.name.name === 'disabledKeys');
     let disabledKeys;
-    if (disabledKeysPath && t.isJSXExpressionContainer(disabledKeysPath.node.value) && t.isExpression(disabledKeysPath.node.value.expression)) {
+    if (disabledKeysPath &&
+        t.isJSXExpressionContainer(disabledKeysPath.node.value) &&
+        t.isExpression(disabledKeysPath.node.value.expression)) {
         disabledKeys = path.scope.generateUidIdentifier('disabledKeys');
         path.scope.push({
             id: disabledKeys,
@@ -110,7 +130,8 @@ function transformActionGroup(path) {
     }
     path.traverse({
         JSXElement(child) {
-            if (t.isJSXIdentifier(child.node.openingElement.name) && child.node.openingElement.name.name === 'Item') {
+            if (t.isJSXIdentifier(child.node.openingElement.name) &&
+                child.node.openingElement.name.name === 'Item') {
                 // Replace Item with ActionButton or ToggleButton.
                 let childNode = t.cloneNode(child.node);
                 childNode.openingElement.name = t.jsxIdentifier(localChildName);
@@ -142,7 +163,9 @@ function transformActionGroup(path) {
                     keyValue = key.value;
                 }
                 // Add an onPress to each item that calls the previous onAction, passing in the key.
-                if (onAction && t.isJSXExpressionContainer(onAction.node.value) && t.isExpression(onAction.node.value.expression)) {
+                if (onAction &&
+                    t.isJSXExpressionContainer(onAction.node.value) &&
+                    t.isExpression(onAction.node.value.expression)) {
                     childNode.openingElement.attributes.push(t.jsxAttribute(t.jsxIdentifier('onPress'), t.jsxExpressionContainer(keyValue
                         ? t.arrowFunctionExpression([], t.callExpression(onAction.node.value.expression, [keyValue]))
                         : onAction.node.value.expression)));

package/dist/s1-to-s2/src/codemods/components/Avatar/transform.js

@@ -41,7 +41,10 @@ function updateAvatarSize(path) {
     if (t.isJSXElement(path.node) &&
         t.isJSXIdentifier(path.node.openingElement.name) &&
         (0, utils_1.getName)(path, path.node.openingElement.name) === 'Avatar') {
-        let sizeAttrPath = path.get('openingElement').get('attributes').find((attr) => t.isJSXAttribute(attr.node) && attr.node.name.name === 'size');
+        let sizeAttrPath = path
+            .get('openingElement')
+            .get('attributes')
+            .find(attr => t.isJSXAttribute(attr.node) && attr.node.name.name === 'size');
         if (sizeAttrPath) {
             let value = sizeAttrPath.node.value;
             if (value?.type === 'StringLiteral') {
@@ -66,6 +69,7 @@ function updateAvatarSize(path) {
 }
 /**
  * Transforms Avatar:
+ *
  * - Comment out isDisabled (it has not been implemented yet).
  * - Update size to be a pixel value if it currently matches 'avatar-size-*'.
  */

package/dist/s1-to-s2/src/codemods/components/ContextualHelpTrigger/transform.js

@@ -44,7 +44,7 @@ let availableComponents = (0, getComponents_1.getComponents)();
  * - Replace the old Dialog with ContextualHelpPopover.
  */
 function transformContextualHelpTrigger(path) {
-    let program = path.findParent((p) => t.isProgram(p.node));
+    let program = path.findParent(p => t.isProgram(p.node));
     let localName = (0, utils_1.addComponentImport)(program, 'UnavailableMenuItemTrigger');
     // replace ContextualHelpTrigger with UnavailableMenuItemTrigger
     path.node.openingElement.name = t.jsxIdentifier(localName);

package/dist/s1-to-s2/src/codemods/components/DialogContainer/transform.js

@@ -4,10 +4,9 @@ exports.default = transformDialogContainer;
 const transform_1 = require("../DialogTrigger/transform");
 const transforms_1 = require("../../shared/transforms");
 /**
- * Transforms DialogContainer:
- * - Remove type (dependent on the dialog level child used, e.g., Dialog, FullscreenDialog, Popover).
- * - Move isDismissable (as isDismissible) to the dialog level component.
- * - Move isKeyboardDismissDisabled to the dialog level component.
+ * Transforms DialogContainer: - Remove type (dependent on the dialog level child used, e.g.,
+ * Dialog, FullscreenDialog, Popover). - Move isDismissable (as isDismissible) to the dialog level
+ * component. - Move isKeyboardDismissDisabled to the dialog level component.
  */
 function transformDialogContainer(path) {
     // Move isDismissable (as isDismissible) to the dialog level component

package/dist/s1-to-s2/src/codemods/components/DialogTrigger/transform.js

@@ -44,13 +44,18 @@ let availableComponents = (0, getComponents_1.getComponents)();
  * Updates DialogTrigger and DialogContainer to the new API.
  *
  * Example:
+ *
  * - When `type="popover"`, replaces Dialog with `<Popover>`.
  * - When `type="fullscreen"`, replaces Dialog with `<FullscreenDialog>`.
- * - When `type="fullscreenTakeover"`, replaces Dialog with `<FullscreenDialog variant="fullscreenTakeover">`.
+ * - When `type="fullscreenTakeover"`, replaces Dialog with `<FullscreenDialog
+ *   variant="fullscreenTakeover">`.
  */
 function updateDialogChild(path) {
-    let program = path.findParent((p) => t.isProgram(p.node));
-    let typePath = path.get('openingElement').get('attributes').find((attr) => t.isJSXAttribute(attr.node) && attr.node.name.name === 'type');
+    let program = path.findParent(p => t.isProgram(p.node));
+    let typePath = path
+        .get('openingElement')
+        .get('attributes')
+        .find(attr => t.isJSXAttribute(attr.node) && attr.node.name.name === 'type');
     let type = typePath?.node.value?.type === 'StringLiteral' ? typePath.node.value?.value : 'modal';
     let newComponentName = 'Dialog';
     let props = [];
@@ -63,8 +68,21 @@ function updateDialogChild(path) {
             props.push(t.jsxAttribute(t.jsxIdentifier('variant'), t.stringLiteral(type)));
         }
     }
-    for (let prop of ['isDismissible', 'mobileType', 'hideArrow', 'placement', 'shouldFlip', 'isKeyboardDismissDisabled', 'containerPadding', 'offset', 'crossOffset']) {
-        let attr = path.get('openingElement').get('attributes').find(attr => attr.isJSXAttribute() && attr.node.name.name === prop);
+    for (let prop of [
+        'isDismissible',
+        'mobileType',
+        'hideArrow',
+        'placement',
+        'shouldFlip',
+        'isKeyboardDismissDisabled',
+        'containerPadding',
+        'offset',
+        'crossOffset'
+    ]) {
+        let attr = path
+            .get('openingElement')
+            .get('attributes')
+            .find(attr => attr.isJSXAttribute() && attr.node.name.name === prop);
         if (attr) {
             props.push(attr.node);
             attr.remove();
@@ -77,7 +95,8 @@ function updateDialogChild(path) {
     }
     path.traverse({
         JSXElement(dialog) {
-            if (!t.isJSXIdentifier(dialog.node.openingElement.name) || (0, utils_1.getName)(dialog, dialog.node.openingElement.name) !== 'Dialog') {
+            if (!t.isJSXIdentifier(dialog.node.openingElement.name) ||
+                (0, utils_1.getName)(dialog, dialog.node.openingElement.name) !== 'Dialog') {
                 return;
             }
             dialog.node.openingElement.name = t.jsxIdentifier(localName);
@@ -89,12 +108,15 @@ function updateDialogChild(path) {
     });
     path.traverse({
         JSXElement(childPath) {
-            if (t.isJSXIdentifier(childPath.node.openingElement.name)
-                && (0, utils_1.getName)(childPath, childPath.node.openingElement.name) === 'Divider'
-                && t.isJSXElement(childPath.parentPath.node)
-                && t.isJSXIdentifier(childPath.parentPath.node.openingElement.name)) {
+            if (t.isJSXIdentifier(childPath.node.openingElement.name) &&
+                (0, utils_1.getName)(childPath, childPath.node.openingElement.name) ===
+                    'Divider' &&
+                t.isJSXElement(childPath.parentPath.node) &&
+                t.isJSXIdentifier(childPath.parentPath.node.openingElement.name)) {
                 let parentName = (0, utils_1.getName)(childPath, childPath.parentPath.node.openingElement.name);
-                if (parentName === 'Dialog' || parentName === 'Popover' || parentName === 'FullscreenDialog') {
+                if (parentName === 'Dialog' ||
+                    parentName === 'Popover' ||
+                    parentName === 'FullscreenDialog') {
                     childPath.remove();
                 }
             }

package/dist/s1-to-s2/src/codemods/components/Item/transform.js

@@ -15,14 +15,35 @@ const transforms_1 = require("../../shared/transforms");
  */
 function transformItem(path) {
     // Update Items based on parent collection component
-    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'Menu', newComponentName: 'MenuItem' });
-    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'ActionMenu', newComponentName: 'MenuItem' });
-    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'ContextualHelpTrigger', newComponentName: 'MenuItem' });
+    (0, transforms_1.updateComponentWithinCollection)(path, {
+        parentComponentName: 'Menu',
+        newComponentName: 'MenuItem'
+    });
+    (0, transforms_1.updateComponentWithinCollection)(path, {
+        parentComponentName: 'ActionMenu',
+        newComponentName: 'MenuItem'
+    });
+    (0, transforms_1.updateComponentWithinCollection)(path, {
+        parentComponentName: 'ContextualHelpTrigger',
+        newComponentName: 'MenuItem'
+    });
     (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'TagGroup', newComponentName: 'Tag' });
-    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'Breadcrumbs', newComponentName: 'Breadcrumb' });
-    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'Picker', newComponentName: 'PickerItem' });
-    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'ComboBox', newComponentName: 'ComboBoxItem' });
-    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'ListView', newComponentName: 'ListViewItem' });
+    (0, transforms_1.updateComponentWithinCollection)(path, {
+        parentComponentName: 'Breadcrumbs',
+        newComponentName: 'Breadcrumb'
+    });
+    (0, transforms_1.updateComponentWithinCollection)(path, {
+        parentComponentName: 'Picker',
+        newComponentName: 'PickerItem'
+    });
+    (0, transforms_1.updateComponentWithinCollection)(path, {
+        parentComponentName: 'ComboBox',
+        newComponentName: 'ComboBoxItem'
+    });
+    (0, transforms_1.updateComponentWithinCollection)(path, {
+        parentComponentName: 'ListView',
+        newComponentName: 'ListViewItem'
+    });
     // Comment if parent collection not detected
     (0, transforms_1.commentIfParentCollectionNotDetected)(path);
 }

package/dist/s1-to-s2/src/codemods/components/Link/transform.js

@@ -41,18 +41,19 @@ const transforms_1 = require("../../shared/transforms");
  * If <a> was used inside Link (legacy API), remove the <a> and apply props directly to Link.
  */
 function updateLegacyLink(path) {
-    let missingOuterHref = t.isJSXElement(path.node) && !path.node.openingElement.attributes.some((attr) => t.isJSXAttribute(attr) && attr.name.name === 'href');
+    let missingOuterHref = t.isJSXElement(path.node) &&
+        !path.node.openingElement.attributes.some(attr => t.isJSXAttribute(attr) && attr.name.name === 'href');
     if (missingOuterHref) {
-        let innerLink = path.node.children.find((child) => t.isJSXElement(child) && t.isJSXIdentifier(child.openingElement.name));
+        let innerLink = path.node.children.find(child => t.isJSXElement(child) && t.isJSXIdentifier(child.openingElement.name));
         if (innerLink && t.isJSXElement(innerLink)) {
             let innerAttributes = innerLink.openingElement.attributes;
             let outerAttributes = path.node.openingElement.attributes;
-            innerAttributes.forEach((attr) => {
+            innerAttributes.forEach(attr => {
                 outerAttributes.push(attr);
             });
             if (t.isJSXIdentifier(innerLink.openingElement.name) &&
                 innerLink.openingElement.name.name !== 'a') {
-                (0, utils_1.addComment)(path.node, ' TODO(S2-upgrade): You may have been using a custom link component here. You\'ll need to update this manually.');
+                (0, utils_1.addComment)(path.node, " TODO(S2-upgrade): You may have been using a custom link component here. You'll need to update this manually.");
             }
             path.node.children = innerLink.children;
         }
@@ -60,6 +61,7 @@ function updateLegacyLink(path) {
 }
 /**
  * Transforms Link:
+ *
  * - Change variant="overBackground" to staticColor="white".
  * - If <a> was used inside Link (legacy API), remove the <a> and apply props directly to Link.
  */

package/dist/s1-to-s2/src/codemods/components/Row/transform.js

@@ -42,12 +42,16 @@ const transforms_1 = require("../../shared/transforms");
  */
 function updateRowFunctionArg(path) {
     // Find the export function passed as a child
-    let functionChild = path.get('children').find(childPath => childPath.isJSXExpressionContainer() &&
+    let functionChild = path
+        .get('children')
+        .find(childPath => childPath.isJSXExpressionContainer() &&
         childPath.get('expression').isArrowFunctionExpression());
-    let tablePath = path.findParent((p) => t.isJSXElement(p.node) &&
+    let tablePath = path.findParent(p => t.isJSXElement(p.node) &&
         t.isJSXIdentifier(p.node.openingElement.name) &&
         (0, utils_1.getName)(path, p.node.openingElement.name) === 'TableView');
-    let tableHeaderPath = tablePath?.get('children').find((child) => t.isJSXElement(child.node) &&
+    let tableHeaderPath = tablePath
+        ?.get('children')
+        .find(child => t.isJSXElement(child.node) &&
         t.isJSXIdentifier(child.node.openingElement.name) &&
         (0, utils_1.getName)(child, child.node.openingElement.name) === 'TableHeader');
     function findColumnKeyProp(path) {
@@ -57,9 +61,12 @@ function updateRowFunctionArg(path) {
                 if (t.isArrowFunctionExpression(columnPath.parentPath.node) &&
                     t.isJSXElement(columnPath.node) &&
                     t.isJSXIdentifier(columnPath.node.openingElement.name) &&
-                    (0, utils_1.getName)(columnPath, columnPath.node.openingElement.name) === 'Column') {
+                    (0, utils_1.getName)(columnPath, columnPath.node.openingElement.name) ===
+                        'Column') {
                     let openingElement = columnPath.get('openingElement');
-                    let keyPropPath = openingElement.get('attributes').find(attr => t.isJSXAttribute(attr.node) &&
+                    let keyPropPath = openingElement
+                        .get('attributes')
+                        .find(attr => t.isJSXAttribute(attr.node) &&
                         (attr.node.name.name === 'key' || attr.node.name.name === 'id'));
                     keyPropPath?.traverse({
                         Identifier(innerPath) {

package/dist/s1-to-s2/src/codemods/components/Section/transform.js

@@ -10,9 +10,18 @@ const transforms_1 = require("../../shared/transforms");
  */
 function transformSection(path) {
     // Update Sections based on parent collection component
-    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'Menu', newComponentName: 'MenuSection' });
-    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'Picker', newComponentName: 'PickerSection' });
-    (0, transforms_1.updateComponentWithinCollection)(path, { parentComponentName: 'ComboBox', newComponentName: 'ComboBoxSection' });
+    (0, transforms_1.updateComponentWithinCollection)(path, {
+        parentComponentName: 'Menu',
+        newComponentName: 'MenuSection'
+    });
+    (0, transforms_1.updateComponentWithinCollection)(path, {
+        parentComponentName: 'Picker',
+        newComponentName: 'PickerSection'
+    });
+    (0, transforms_1.updateComponentWithinCollection)(path, {
+        parentComponentName: 'ComboBox',
+        newComponentName: 'ComboBoxSection'
+    });
     // Move title prop to Header component
     (0, transforms_1.movePropToNewChildComponentName)(path, {
         parentComponentName: 'Menu',