chore: add codemod for S2 Picker selection props (adobe#9900)

* chore: add codemod for S2 Picker selection props

* add defaultSelectedKey -> defaultValue

Author: reidbarber

packages/dev/codemods/src/s1-to-s2/__tests__/__snapshots__/picker.test.ts.snap

@@ -149,6 +149,25 @@ exports[`handles sections 1`] = `
 </Picker>"
 `;
 
+exports[`renames deprecated selection props 1`] = `
+"import { PickerItem, Picker } from "@react-spectrum/s2";
+let selectedKey = 'cat';
+<div>
+  <Picker label="Pets" onChange={console.log} value="dog">
+    <PickerItem id="dog">Dog</PickerItem>
+    <PickerItem id="cat">Cat</PickerItem>
+  </Picker>
+  <Picker label="Pets" onChange={(key) => console.log(key)} value={selectedKey}>
+    <PickerItem id="dog">Dog</PickerItem>
+    <PickerItem id="cat">Cat</PickerItem>
+  </Picker>
+  <Picker label="Pets" defaultValue="cat">
+    <PickerItem id="dog">Dog</PickerItem>
+    <PickerItem id="cat">Cat</PickerItem>
+  </Picker>
+</div>"
+`;
+
 exports[`replaces isLoading with loadingState and keeps onLoadMore 1`] = `
 "import { PickerItem, Picker } from "@react-spectrum/s2";
     <>

packages/dev/codemods/src/s1-to-s2/__tests__/picker.test.ts

@@ -162,3 +162,22 @@ test('replaces isLoading with loadingState and keeps onLoadMore', `
       </Picker>
     </>
 `);
+
+test('renames deprecated selection props', `
+import {Picker, Item} from '@adobe/react-spectrum';
+let selectedKey = 'cat';
+<div>
+  <Picker label="Pets" onSelectionChange={console.log} selectedKey="dog">
+    <Item key="dog">Dog</Item>
+    <Item key="cat">Cat</Item>
+  </Picker>
+  <Picker label="Pets" onSelectionChange={(key) => console.log(key)} selectedKey={selectedKey}>
+    <Item key="dog">Dog</Item>
+    <Item key="cat">Cat</Item>
+  </Picker>
+  <Picker label="Pets" defaultSelectedKey="cat">
+    <Item key="dog">Dog</Item>
+    <Item key="cat">Cat</Item>
+  </Picker>
+</div>
+`);

packages/dev/codemods/src/s1-to-s2/src/codemods/components/Picker/transform.ts

@@ -14,6 +14,9 @@ import * as t from '@babel/types';
  * - Change validationState="invalid" to isInvalid.
  * - Remove validationState="valid" (it is no longer supported in Spectrum 2).
  * - Replace isLoading with loadingState.
+ * - Rename onSelectionChange to onChange.
+ * - Rename selectedKey to value.
+ * - Rename defaultSelectedKey to defaultValue.
  */
 export default function transformPicker(path: NodePath<t.JSXElement>): void {
   // Change menuWidth value from a DimensionValue to a pixel value
@@ -39,4 +42,22 @@ export default function transformPicker(path: NodePath<t.JSXElement>): void {
     newPropName: 'loadingState',
     comment: 'Replace boolean passed to isLoading with appropriate loadingState.'
   });
+
+  // Rename onSelectionChange to onChange
+  updatePropName(path, {
+    oldPropName: 'onSelectionChange',
+    newPropName: 'onChange'
+  });
+
+  // Rename selectedKey to value
+  updatePropName(path, {
+    oldPropName: 'selectedKey',
+    newPropName: 'value'
+  });
+
+  // Rename defaultSelectedKey to defaultValue
+  updatePropName(path, {
+    oldPropName: 'defaultSelectedKey',
+    newPropName: 'defaultValue'
+  });
 }