feat: MUI 4 to BUI migration - form control codemods (#122, #123, #124, #125, #126)

.changeset/mui-to-bui-form-controls.md

@@ -0,0 +1,9 @@
+---
+'@backstage/migrate-mui-select-family-to-bui-select': minor
+'@backstage/migrate-mui-textfield-to-bui-textfield': minor
+'@backstage/migrate-mui-accordion-to-bui-accordion': minor
+'@backstage/migrate-mui-radio-checkbox-to-bui': minor
+'@backstage/migrate-mui-slider-to-bui-slider': minor
+---
+
+Add form control codemods for the MUI 4 to BUI migration: Select, TextField, Accordion, radio/checkbox groups, and Slider.

.lintstagedrc.json

@@ -1,5 +1,5 @@
 {
   "*.{ts,js,mts,mjs}": ["yarn format", "yarn lint:fix"],
-  "*.{json,yaml,yml,md}": ["yarn format"],
+  "!(**/tests/**)*.{json,yaml,yml,md}": ["yarn format"],
   "codemods/**/scripts/*.ts": "bash scripts/test-staged.sh"
 }

README.md

@@ -40,6 +40,16 @@ Run the [`migration-recipe`](./codemods/v1.51.0/migration-recipe) to apply every
 
 Older versions are available in the [`codemods/`](./codemods) directory.
 
+### misc
+
+| Codemod                                                                                                            | Description                                                             |
+| ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------- |
+| [migrate-mui-accordion-to-bui-accordion](./codemods/misc/migrate-mui-accordion-to-bui-accordion)                   | MUI 4 to BUI: Replace Accordion with BUI Accordion                      |
+| [migrate-mui-radio-checkbox-groups-to-bui-groups](./codemods/misc/migrate-mui-radio-checkbox-groups-to-bui-groups) | MUI 4 to BUI: Replace radio and checkbox group patterns with BUI groups |
+| [migrate-mui-select-family-to-bui-select](./codemods/misc/migrate-mui-select-family-to-bui-select)                 | MUI 4 to BUI: Replace Select wrapper patterns with BUI Select           |
+| [migrate-mui-slider-to-bui-slider](./codemods/misc/migrate-mui-slider-to-bui-slider)                               | MUI 4 to BUI: Replace Slider with BUI Slider                            |
+| [migrate-mui-textfield-to-bui-textfield](./codemods/misc/migrate-mui-textfield-to-bui-textfield)                   | MUI 4 to BUI: Replace TextField with BUI TextField                      |
+
 <!-- CODEMODS_END -->
 
 ## Usage

codemods/misc/migrate-mui-accordion-to-bui-accordion/CHANGELOG.md

@@ -0,0 +1 @@
+# @backstage/migrate-mui-accordion-to-bui-accordion

codemods/misc/migrate-mui-accordion-to-bui-accordion/codemod.yaml

@@ -0,0 +1,20 @@
+schema_version: '1.0'
+
+name: '@backstage/migrate-mui-accordion-to-bui-accordion'
+version: '0.1.0'
+description: 'MUI 4 to BUI: Replace Accordion with BUI Accordion'
+author: 'Paul Schultz<pschultz@redhat.com>'
+license: 'Apache-2.0'
+repository: 'https://github.com/backstage/codemods'
+workflow: 'workflow.yaml'
+
+targets:
+  languages: ['tsx', 'ts']
+
+keywords: ['backstage', 'migration', 'mui', 'bui', 'accordion']
+
+registry:
+  access: 'public'
+  visibility: 'public'
+
+capabilities: []

codemods/misc/migrate-mui-accordion-to-bui-accordion/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "@backstage/migrate-mui-accordion-to-bui-accordion",
+  "version": "0.1.0",
+  "description": "MUI 4 to BUI: Replace Accordion with BUI Accordion",
+  "type": "module",
+  "scripts": {
+    "test": "yarn exec codemod jssg test -l tsx ./scripts/codemod.ts ./tests && yarn exec codemod workflow validate -w workflow.yaml"
+  },
+  "devDependencies": {
+    "@codemod.com/jssg-types": "1.6.2",
+    "codemod": "1.12.3"
+  }
+}