@react-spectrum/codemods 0.1.2-nightly.5022 → 0.1.2-nightly.5032

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

@@ -42,6 +42,23 @@ exports.changes = {
             }
         ]
     },
+    Badge: {
+        changes: [
+            {
+                description: "Change variant='info' to variant='informative'",
+                reason: 'Updated naming convention',
+                function: {
+                    name: 'updatePropNameAndValue',
+                    args: {
+                        oldProp: 'variant',
+                        oldValue: 'info',
+                        newProp: 'variant',
+                        newValue: 'informative'
+                    }
+                }
+            }
+        ]
+    },
     Breadcrumbs: {
         changes: [
             {
@@ -332,18 +349,6 @@ exports.changes = {
             }
         ]
     },
-    Flex: {
-        changes: [
-            {
-                description: 'Update Flex to be a div and apply flex styles using the style macro',
-                reason: 'Updated API',
-                function: {
-                    name: 'updateToNewComponent',
-                    args: { newComponent: 'div' }
-                }
-            }
-        ]
-    },
     Form: {
         changes: [
             {
@@ -366,18 +371,6 @@ exports.changes = {
             }
         ]
     },
-    Grid: {
-        changes: [
-            {
-                description: 'Update Grid to be a div and apply grid styles using the style macro',
-                reason: 'Updated API',
-                function: {
-                    name: 'updateToNewComponent',
-                    args: { newComponent: 'div' }
-                }
-            }
-        ]
-    },
     InlineAlert: {
         changes: [
             {
@@ -1098,17 +1091,5 @@ exports.changes = {
                 }
             }
         ]
-    },
-    View: {
-        changes: [
-            {
-                description: 'Update View to be a div and apply styles using the style macro',
-                reason: 'Updated API',
-                function: {
-                    name: 'updateToNewComponent',
-                    args: { newComponent: 'div' }
-                }
-            }
-        ]
     }
 };

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

@@ -41,6 +41,7 @@ let availableComponents = (0, getComponents_1.getComponents)();
 availableComponents.add('View');
 availableComponents.add('Flex');
 availableComponents.add('Grid');
+availableComponents.add('Well');
 // Replaced by collection component-specific items
 availableComponents.add('Item');
 availableComponents.add('Section');
@@ -196,9 +197,11 @@ function transformer(file, api, options) {
             if (t.isImportSpecifier(b.path.node) &&
                 t.isIdentifier(b.path.node.imported) &&
                 (b.path.node.imported.name === 'Item' || b.path.node.imported.name === 'Section')) {
-                // Keep Item and Section imports
-                // TODO: remove if they are unused
-                return;
+                // Keep Item and Section imports if they are still used
+                bindings[0]?.path.scope.crawl();
+                if (bindings[0]?.path.scope.bindings[b.path.node.local.name]?.referencePaths.length > 0) {
+                    return;
+                }
             }
             b.path.remove();
             // If the import statement is now empty, remove it entirely.

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

@@ -484,7 +484,7 @@ function handleProp(path, element, colorVersion) {
             (0, utils_1.addComment)(path.node, ' TODO(S2-upgrade): check this UNSAFE_style');
             break;
         case 'UNSAFE_className':
-            if (element === 'Flex' || element === 'Grid' || element === 'View') {
+            if (element === 'Flex' || element === 'Grid' || element === 'View' || element === 'Well') {
                 path.get('name').replaceWith(t.jsxIdentifier('className'));
             }
             else {
@@ -508,13 +508,26 @@ function transformStyleProps(path, element) {
     let macroValues = new Map;
     let dynamicValues = new Map;
     let conditions = new Map;
-    let isDOMElement = element === 'Flex' || element === 'Grid' || element === 'View';
+    let isDOMElement = element === 'Flex' || element === 'Grid' || element === 'View' || element === 'Well';
     if (element === 'Flex') {
         macroValues.set('display', 'flex');
     }
     else if (element === 'Grid') {
         macroValues.set('display', 'grid');
     }
+    else if (element === 'Well') {
+        macroValues.set('display', 'block');
+        macroValues.set('textAlign', 'start');
+        macroValues.set('minWidth', 160);
+        macroValues.set('padding', 16);
+        macroValues.set('marginTop', 4);
+        macroValues.set('borderWidth', 1);
+        macroValues.set('borderRadius', 'sm');
+        macroValues.set('backgroundColor', 'layer-1');
+        macroValues.set('borderStyle', 'solid');
+        macroValues.set('borderColor', 'transparent-black-75');
+        macroValues.set('font', 'body-sm');
+    }
     let attrs = path.get('openingElement').get('attributes');
     // Find the color version in use.
     let colorVersion = 5;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/codemods",
-  "version": "0.1.2-nightly.5022+b4093dfef",
+  "version": "0.1.2-nightly.5032+bb05fdc36",
   "main": "dist/index.js",
   "source": "src/index.ts",
   "bin": "dist/index.js",
@@ -24,8 +24,8 @@
     "@babel/parser": "^7.24.5",
     "@babel/traverse": "^7.24.5",
     "@babel/types": "^7.24.5",
-    "@react-spectrum/s2": "0.3.2-nightly.5022+b4093dfef",
-    "@react-types/shared": "3.0.0-nightly.3094+b4093dfef",
+    "@react-spectrum/s2": "0.3.2-nightly.5032+bb05fdc36",
+    "@react-types/shared": "3.0.0-nightly.3104+bb05fdc36",
     "@types/node": "^20",
     "boxen": "^5.1.2",
     "build": "^0.1.4",
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b4093dfef3eff0e5fe60d00c53fe2478b96e662f"
+  "gitHead": "bb05fdc361ef3b536a63479c29cc86f90c097a10"
 }