@react-spectrum/codemods 1.2.1 → 1.2.3

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

@@ -41,7 +41,9 @@ const t = __importStar(require("@babel/types"));
  * Copies the columns prop from the TableHeader to the Row component.
  */
 function addColumnsPropToRow(path) {
-    const tableHeaderPath = path.get('children').find((child) => t.isJSXElement(child.node) &&
+    const tableHeaderPath = path
+        .get('children')
+        .find(child => t.isJSXElement(child.node) &&
         t.isJSXIdentifier(child.node.openingElement.name) &&
         (0, utils_1.getName)(child, child.node.openingElement.name) === 'TableHeader');
     if (!tableHeaderPath) {
@@ -51,7 +53,7 @@ function addColumnsPropToRow(path) {
     const columnsProp = tableHeaderPath
         .get('openingElement')
         .get('attributes')
-        .find((attr) => t.isJSXAttribute(attr.node) && attr.node.name.name === 'columns');
+        .find(attr => t.isJSXAttribute(attr.node) && attr.node.name.name === 'columns');
     if (columnsProp) {
         path.traverse({
             JSXElement(innerPath) {
@@ -61,9 +63,12 @@ function addColumnsPropToRow(path) {
                     let rowPath = innerPath;
                     rowPath.node.openingElement.attributes.push(columnsProp.node);
                     // If Row doesn't contain id prop, leave a comment for the user to check manually
-                    let idProp = rowPath.get('openingElement').get('attributes').find((attr) => t.isJSXAttribute(attr.node) && attr.node.name.name === 'id');
+                    let idProp = rowPath
+                        .get('openingElement')
+                        .get('attributes')
+                        .find(attr => t.isJSXAttribute(attr.node) && attr.node.name.name === 'id');
                     if (!idProp) {
-                        (0, utils_1.addComment)(rowPath.node, ' TODO(S2-upgrade): If the items do not have id properties, you\'ll need to add an id prop to the Row.');
+                        (0, utils_1.addComment)(rowPath.node, " TODO(S2-upgrade): If the items do not have id properties, you'll need to add an id prop to the Row.");
                     }
                 }
             }
@@ -71,7 +76,9 @@ function addColumnsPropToRow(path) {
     }
 }
 function commentIfNestedColumns(path) {
-    const headerPath = path.get('children').find((child) => t.isJSXElement(child.node) &&
+    const headerPath = path
+        .get('children')
+        .find(child => t.isJSXElement(child.node) &&
         t.isJSXIdentifier(child.node.openingElement.name) &&
         (0, utils_1.getName)(child, child.node.openingElement.name) === 'TableHeader');
     const columns = headerPath?.get('children') || [];
@@ -90,19 +97,24 @@ function commentIfNestedColumns(path) {
 }
 /**
  * Adds isRowHeader to the first Column in a table if there isn't already a row header.
+ *
  * @param path
  */
 function addRowHeader(path) {
-    let tableHeaderPath = path.get('children').find((child) => t.isJSXElement(child.node) &&
+    let tableHeaderPath = path
+        .get('children')
+        .find(child => t.isJSXElement(child.node) &&
         t.isJSXIdentifier(child.node.openingElement.name) &&
         (0, utils_1.getName)(child, child.node.openingElement.name) === 'TableHeader');
     // Check if isRowHeader is already set on a Column
     let hasRowHeader = false;
-    tableHeaderPath?.get('children').forEach((child) => {
+    tableHeaderPath?.get('children').forEach(child => {
         if (t.isJSXElement(child.node) &&
             t.isJSXIdentifier(child.node.openingElement.name) &&
             (0, utils_1.getName)(child, child.node.openingElement.name) === 'Column') {
-            let isRowHeaderProp = child.get('openingElement').get('attributes').find((attr) => t.isJSXAttribute(attr.node) && attr.node.name.name === 'isRowHeader');
+            let isRowHeaderProp = child.get('openingElement')
+                .get('attributes')
+                .find(attr => t.isJSXAttribute(attr.node) && attr.node.name.name === 'isRowHeader');
             if (isRowHeaderProp) {
                 hasRowHeader = true;
             }
@@ -110,7 +122,7 @@ function addRowHeader(path) {
     });
     // If there isn't already a row header, add one to the first Column if possible
     if (!hasRowHeader) {
-        tableHeaderPath?.get('children').forEach((child) => {
+        tableHeaderPath?.get('children').forEach(child => {
             // Add to first Column if static
             if (!hasRowHeader &&
                 t.isJSXElement(child.node) &&
@@ -122,7 +134,7 @@ function addRowHeader(path) {
             // If render function is used, leave a comment to update manually
             if (t.isJSXExpressionContainer(child.node) &&
                 t.isArrowFunctionExpression(child.node.expression)) {
-                (0, utils_1.addComment)(child.node, ' TODO(S2-upgrade): You\'ll need to add isRowHeader to one of the columns manually.');
+                (0, utils_1.addComment)(child.node, " TODO(S2-upgrade): You'll need to add isRowHeader to one of the columns manually.");
             }
             // If array.map is used, leave a comment to update manually
             if (t.isJSXExpressionContainer(child.node) &&
@@ -130,17 +142,20 @@ function addRowHeader(path) {
                 t.isMemberExpression(child.node.expression.callee) &&
                 t.isIdentifier(child.node.expression.callee.property) &&
                 child.node.expression.callee.property.name === 'map') {
-                (0, utils_1.addComment)(child.node, ' TODO(S2-upgrade): You\'ll need to add isRowHeader to one of the columns manually.');
+                (0, utils_1.addComment)(child.node, " TODO(S2-upgrade): You'll need to add isRowHeader to one of the columns manually.");
             }
         });
     }
 }
 /**
  * Moves loadingState and onLoadMore from TableBody to TableView.
+ *
  * @param path
  */
 function movePropsFromTableBodyToTableView(path) {
-    const tableBodyPath = path.get('children').find((child) => t.isJSXElement(child.node) &&
+    const tableBodyPath = path
+        .get('children')
+        .find(child => t.isJSXElement(child.node) &&
         t.isJSXIdentifier(child.node.openingElement.name) &&
         (0, utils_1.getName)(child, child.node.openingElement.name) === 'TableBody');
     if (!tableBodyPath) {
@@ -148,19 +163,21 @@ function movePropsFromTableBodyToTableView(path) {
     }
     const propsToMove = ['loadingState', 'onLoadMore'];
     const newAttributes = [];
-    tableBodyPath.node.openingElement.attributes = tableBodyPath.node.openingElement.attributes.filter(attribute => {
-        if (t.isJSXAttribute(attribute) && propsToMove.includes(attribute.name.name)) {
-            newAttributes.push(attribute);
-            return false; // Remove from TableBody
-        }
-        return true; // Keep in TableBody
-    });
+    tableBodyPath.node.openingElement.attributes =
+        tableBodyPath.node.openingElement.attributes.filter(attribute => {
+            if (t.isJSXAttribute(attribute) && propsToMove.includes(attribute.name.name)) {
+                newAttributes.push(attribute);
+                return false; // Remove from TableBody
+            }
+            return true; // Keep in TableBody
+        });
     if (newAttributes.length > 0) {
         path.node.openingElement.attributes.push(...newAttributes);
     }
 }
 /**
  * Transforms TableView:
+ *
  * - For Column and Row: Update key to be id (and keep key if rendered inside array.map).
  * - For dynamic tables, pass a columns prop into Row.
  * - For Row: Update dynamic render function to pass in column instead of columnKey.

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

@@ -42,7 +42,10 @@ function transformTabList(tabListPath) {
         JSXElement(itemPath) {
             if (t.isJSXIdentifier(itemPath.node.openingElement.name) &&
                 (0, utils_1.getName)(itemPath, itemPath.node.openingElement.name) === 'Item') {
-                (0, transforms_1.updateComponentWithinCollection)(itemPath, { parentComponentName: 'TabList', newComponentName: 'Tab' });
+                (0, transforms_1.updateComponentWithinCollection)(itemPath, {
+                    parentComponentName: 'TabList',
+                    newComponentName: 'Tab'
+                });
             }
         }
     });
@@ -50,26 +53,37 @@ function transformTabList(tabListPath) {
 }
 function transformTabPanels(tabPanelsPath, itemsProp) {
     // Dynamic case
-    let dynamicRender = tabPanelsPath.get('children').find(path => t.isJSXExpressionContainer(path.node));
+    let dynamicRender = tabPanelsPath
+        .get('children')
+        .find(path => t.isJSXExpressionContainer(path.node));
     if (dynamicRender) {
         (0, transforms_1.updateToNewComponentName)(tabPanelsPath, { newComponentName: 'Collection' });
         let itemPath = dynamicRender.get('expression').get('body');
-        (0, transforms_1.updateComponentWithinCollection)(itemPath, { parentComponentName: 'Collection', newComponentName: 'TabPanel' });
+        (0, transforms_1.updateComponentWithinCollection)(itemPath, {
+            parentComponentName: 'Collection',
+            newComponentName: 'TabPanel'
+        });
         if (itemsProp) {
             tabPanelsPath.node.openingElement.attributes.push(t.jsxAttribute(t.jsxIdentifier('items'), itemsProp.value));
         }
         return [tabPanelsPath.node];
     }
     // Static case
-    return tabPanelsPath.get('children').map(itemPath => {
+    return tabPanelsPath
+        .get('children')
+        .map(itemPath => {
         if (t.isJSXElement(itemPath.node) &&
             t.isJSXIdentifier(itemPath.node.openingElement.name) &&
             (0, utils_1.getName)(itemPath, itemPath.node.openingElement.name) === 'Item') {
-            (0, transforms_1.updateComponentWithinCollection)(itemPath, { parentComponentName: 'TabPanels', newComponentName: 'TabPanel' });
+            (0, transforms_1.updateComponentWithinCollection)(itemPath, {
+                parentComponentName: 'TabPanels',
+                newComponentName: 'TabPanel'
+            });
             return itemPath.node;
         }
         return null;
-    }).filter(Boolean);
+    })
+        .filter(Boolean);
 }
 /**
  * Transforms Tabs props and structure:
@@ -80,7 +94,7 @@ function transformTabPanels(tabPanelsPath, itemsProp) {
  * - Remove isQuiet (it is no longer supported in Spectrum 2).
  */
 function transformTabs(path) {
-    let program = path.findParent((p) => t.isProgram(p.node));
+    let program = path.findParent(p => t.isProgram(p.node));
     (0, utils_1.removeComponentImport)(program, 'TabPanels');
     let tabListNode = null;
     let tabPanelsNodes = [];
@@ -95,14 +109,16 @@ function transformTabs(path) {
     path.get('children').forEach(childPath => {
         if (t.isJSXElement(childPath.node)) {
             if (t.isJSXIdentifier(childPath.node.openingElement.name) &&
-                (0, utils_1.getName)(childPath, childPath.node.openingElement.name) === 'TabList') {
+                (0, utils_1.getName)(childPath, childPath.node.openingElement.name) ===
+                    'TabList') {
                 tabListNode = transformTabList(childPath);
                 if (itemsProp) {
                     tabListNode.openingElement.attributes.push(itemsProp);
                 }
             }
             else if (t.isJSXIdentifier(childPath.node.openingElement.name) &&
-                (0, utils_1.getName)(childPath, childPath.node.openingElement.name) === 'TabPanels') {
+                (0, utils_1.getName)(childPath, childPath.node.openingElement.name) ===
+                    'TabPanels') {
                 tabPanelsNodes = transformTabPanels(childPath, itemsProp);
             }
         }