48:I[660678,["/_next/static/chunks/1_xevzcqkwdi6.js","/_next/static/chunks/1w3squaboav22.js","/_next/static/chunks/357xelokv1c-q.js","/_next/static/chunks/09a6ip-vyx6yp.js","/_next/static/chunks/2e4udl7tfg2xd.js","/_next/static/chunks/0ipw6pdbca2nn.js","/_next/static/chunks/3vy3yvfguibu1.js","/_next/static/chunks/0nsogqyo9f92a.js","/_next/static/chunks/0pp6seif9t0rh.js","/_next/static/chunks/0w40435yyf_aw.js","/_next/static/chunks/3dp-pq73xzz-a.js","/_next/static/chunks/1umhym11g537p.js","/_next/static/chunks/1gth09_ur0iam.js","/_next/static/chunks/40fmu66fmb8tm.js","/_next/static/chunks/2tmxmahi8hk70.js","/_next/static/chunks/2a4jc680f5x-9.js","/_next/static/chunks/3bhq66ea_v7by.js","/_next/static/chunks/44c_5nh0vyeb5.js","/_next/static/chunks/1jiredr0b6jr_.js","/_next/static/chunks/2nw5jdup18fxv.js","/_next/static/chunks/2ghxk472-g0i6.js","/_next/static/chunks/1ra7jqz5hyzln.js","/_next/static/chunks/42kj-we3o-c3u.js","/_next/static/chunks/2vvl77bxv5nze.js","/_next/static/chunks/3ecujcyfkbx4l.js","/_next/static/chunks/2l8l4_a9-xhts.js","/_next/static/chunks/0a0b6s3o7q6fp.js","/_next/static/chunks/3cc3jbwt4oo9l.js","/_next/static/chunks/34y7-26s89h2f.js","/_next/static/chunks/0ojgzwcpt7vsk.js","/_next/static/chunks/1d7y2jpml23i_.js","/_next/static/chunks/2641m2aqdum9a.js","/_next/static/chunks/2t_5zfez2-77k.js","/_next/static/chunks/3-906s1ue5fj3.js","/_next/static/chunks/20gez4j3v-yj9.js","/_next/static/chunks/1j29bqcxcpyur.js"],"HydrationBoundary"] 47:Tb39,{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://app.codemod.com/registry#website","url":"https://app.codemod.com/registry","name":"Codemod Registry"},{"@type":"Organization","@id":"https://app.codemod.com#org","name":"backstage","url":"https://app.codemod.com","logo":"https://avatars.githubusercontent.com/u/72526453?v=4"},{"@type":"BreadcrumbList","@id":"https://app.codemod.com/registry/@backstage/migrate-mui-autocomplete-to-combobox#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Registry","item":"https://app.codemod.com/registry"},{"@type":"ListItem","position":2,"name":"@backstage/migrate-mui-autocomplete-to-combobox","item":"https://app.codemod.com/registry/@backstage/migrate-mui-autocomplete-to-combobox"}]},{"@type":"WebPage","@id":"https://app.codemod.com/registry/@backstage/migrate-mui-autocomplete-to-combobox#webpage","url":"https://app.codemod.com/registry/@backstage/migrate-mui-autocomplete-to-combobox","name":"migrate-mui-autocomplete-to-combobox - Codemod Registry","description":"MUI 4 to BUI: Replace Autocomplete with BUI Combobox or SearchAutocomplete","isPartOf":{"@id":"https://app.codemod.com/registry#website"},"author":{"@id":"https://app.codemod.com#org"},"breadcrumb":{"@id":"https://app.codemod.com/registry/@backstage/migrate-mui-autocomplete-to-combobox#breadcrumb"},"mainEntity":{"@id":"https://app.codemod.com/registry/@backstage/migrate-mui-autocomplete-to-combobox#sourcecode"}},{"@type":"SoftwareSourceCode","@id":"https://app.codemod.com/registry/@backstage/migrate-mui-autocomplete-to-combobox#sourcecode","name":"@backstage/migrate-mui-autocomplete-to-combobox","description":"MUI 4 to BUI: Replace Autocomplete with BUI Combobox or SearchAutocomplete","url":"https://app.codemod.com/registry/@backstage/migrate-mui-autocomplete-to-combobox","publisher":{"@id":"https://app.codemod.com#org"},"image":"https://avatars.githubusercontent.com/u/72526453?v=4","isAccessibleForFree":true,"license":"Apache-2.0","codeRepository":"https://github.com/backstage/codemods","version":"0.2.0","keywords":["backstage","migration","mui","bui","autocomplete","combobox"],"datePublished":"2026-07-28 17:57:48.975461+00","dateModified":"2026-07-28 17:57:48.975461+00"},{"@type":"SoftwareApplication","@id":"https://app.codemod.com/registry/@backstage/migrate-mui-autocomplete-to-combobox#app","name":"migrate-mui-autocomplete-to-combobox codemod","description":"MUI 4 to BUI: Replace Autocomplete with BUI Combobox or SearchAutocomplete","url":"https://app.codemod.com/registry/@backstage/migrate-mui-autocomplete-to-combobox","publisher":{"@id":"https://app.codemod.com#org"},"softwareVersion":"0.2.0","applicationCategory":"DeveloperApplication","operatingSystem":"Cross-platform","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","availability":"https://schema.org/InStock"}}]}49:T412,# @backstage/migrate-mui-autocomplete-to-combobox Heuristically migrates MUI 4 `Autocomplete` to Backstage UI `Combobox` or `SearchAutocomplete`. ## Covers - Form-like option pickers with string[] literal `options` → `Combobox` - Clear free-text search (`onInputChange` + word-boundary search/find/filter cue, no selection value) → `SearchAutocomplete` - Deep and barrel imports from `@material-ui/lab` - Best-effort option literal flattening for string arrays - Prunes unused `TextField` imports left behind by `renderInput` - Maps MUI `size` to BUI `size` (`small` preserved; `medium`/`large`/omitted → `medium`; falls back to static `size` on the `renderInput` `TextField`) ## TODOs left for humans - Ambiguous Autocomplete usage (left as MUI with a TODO) - Object `options` / `getOptionLabel` shapes (not safe for BUI Combobox) - `freeSolo`, custom `renderOption`, and other complex cases - Non-trivial `onChange` / options shapes - Dynamic `size` on Autocomplete ## Won't do - Perfect API parity for every Autocomplete prop 19:[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"$47"}}],["$","$L48",null,{"state":{"mutations":[],"queries":[{"state":{"data":{"json":{"id":"3a40321e-7ccb-4a2f-9830-031295763c8b","name":"migrate-mui-autocomplete-to-combobox","displayName":"@backstage/migrate-mui-autocomplete-to-combobox","description":"MUI 4 to BUI: Replace Autocomplete with BUI Combobox or SearchAutocomplete","scope":"backstage","visibility":"public","downloadCount":0,"executionCount":0,"createdAt":"2026-07-28 17:57:48.975461+00","updatedAt":"2026-07-28 17:57:48.975461+00","latestVersion":"0.2.0","keywords":["backstage","migration","mui","bui","autocomplete","combobox"],"starCount":0,"author":"Paul Schultz","homepage":null,"repository":"https://github.com/backstage/codemods","license":"Apache-2.0","access":"public","documentation":null,"bugsUrl":null,"readme":"$49","organization":{"id":"7b129592-a10a-42f8-8dcb-46b0edd84f1e","name":"backstage","slug":"backstage","avatarUrl":"https://avatars.githubusercontent.com/u/72526453?v=4"},"owner":{"id":"d164a43e-a5c1-42b5-9b26-239959222fb9","username":"logonoff","name":"logonoff","avatarUrl":"https://avatars.githubusercontent.com/u/18614559?v=4"},"isLegacy":false,"versions":[{"version":{"id":"60cadd50-8243-4377-93a0-889d976fb536","packageId":"3a40321e-7ccb-4a2f-9830-031295763c8b","version":"0.2.0","description":"MUI 4 to BUI: Replace Autocomplete with BUI Combobox or SearchAutocomplete","manifest":{"name":"@backstage/migrate-mui-autocomplete-to-combobox","author":"Paul Schultz","license":"Apache-2.0","targets":{"versions":{},"languages":["tsx","ts"],"frameworks":[]},"version":"0.2.0","keywords":["backstage","migration","mui","bui","autocomplete","combobox"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","repository":"https://github.com/backstage/codemods","description":"MUI 4 to BUI: Replace Autocomplete with BUI Combobox or SearchAutocomplete","dependencies":[],"schema_version":"1.0"},"checksum":"7505371a0096303b58ce8c3ca68227672d0d6662271b8d2cdf842fe433d3da8e","size":8002,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/backstage/migrate-mui-autocomplete-to-combobox/0.2.0/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"languages":["typescript"],"frameworks":[]},"dependencies":[],"languages":["tsx"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Replace Autocomplete with Combobox or SearchAutocomplete","type":"js-ast-grep","language":"tsx","semanticAnalysis":"file"}]}]},"validated":false,"validationErrors":null,"publishedBy":"d164a43e-a5c1-42b5-9b26-239959222fb9","deprecated":false,"deprecationMessage":null,"downloadCount":0,"cachedTestCases":{"input":"import Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\n\nconst Ambiguous = ({\n value,\n setValue,\n setQuery,\n}: {\n value: string | null;\n setValue: (value: string | null) => void;\n setQuery: (value: string) => void;\n}) => (\n setValue(next)}\n onInputChange={(_event, next) => setQuery(next)}\n renderInput={(params) => }\n />\n);\n","output":"import Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\n\nconst Ambiguous = ({\n value,\n setValue,\n setQuery,\n}: {\n value: string | null;\n setValue: (value: string | null) => void;\n setQuery: (value: string) => void;\n}) => (\n <>\n {/* TODO(backstage-codemod): verify Autocomplete migration manually — ambiguous Combobox vs SearchAutocomplete */}\n setValue(next)}\n onInputChange={(_event, next) => setQuery(next)}\n renderInput={(params) => }\n />\n\n);\n","isValid":true,"examples":[{"name":"ambiguous-todo","path":"tests/ambiguous-todo","input":"import Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\n\nconst Ambiguous = ({\n value,\n setValue,\n setQuery,\n}: {\n value: string | null;\n setValue: (value: string | null) => void;\n setQuery: (value: string) => void;\n}) => (\n setValue(next)}\n onInputChange={(_event, next) => setQuery(next)}\n renderInput={(params) => }\n />\n);\n","output":"import Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\n\nconst Ambiguous = ({\n value,\n setValue,\n setQuery,\n}: {\n value: string | null;\n setValue: (value: string | null) => void;\n setQuery: (value: string) => void;\n}) => (\n <>\n {/* TODO(backstage-codemod): verify Autocomplete migration manually — ambiguous Combobox vs SearchAutocomplete */}\n setValue(next)}\n onInputChange={(_event, next) => setQuery(next)}\n renderInput={(params) => }\n />\n\n);\n","filename":"input.tsx"},{"name":"combobox-success","path":"tests/combobox-success","input":"import Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\n\nconst FruitPicker = ({\n value,\n onChange,\n}: {\n value: string | null;\n onChange: (value: string | null) => void;\n}) => (\n option}\n value={value}\n onChange={(_event, next) => onChange(next)}\n renderInput={(params) => }\n />\n);\n","output":"import { Combobox } from '@backstage/ui';\n\n\nconst FruitPicker = ({\n value,\n onChange,\n}: {\n value: string | null;\n onChange: (value: string | null) => void;\n}) => (\n \n);\n","filename":"input.tsx"},{"name":"object-options-todo","path":"tests/object-options-todo","input":"import Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\n\nconst EntityPicker = ({\n value,\n onChange,\n options,\n}: {\n value: { id: string; name: string } | null;\n onChange: (value: { id: string; name: string } | null) => void;\n options: { id: string; name: string }[];\n}) => (\n option.name}\n value={value}\n onChange={(_event, next) => onChange(next)}\n renderInput={(params) => }\n />\n);\n","output":"import Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\n\nconst EntityPicker = ({\n value,\n onChange,\n options,\n}: {\n value: { id: string; name: string } | null;\n onChange: (value: { id: string; name: string } | null) => void;\n options: { id: string; name: string }[];\n}) => (\n <>\n {/* TODO(backstage-codemod): verify Autocomplete migration manually — ambiguous Combobox vs SearchAutocomplete */}\n option.name}\n value={value}\n onChange={(_event, next) => onChange(next)}\n renderInput={(params) => }\n />\n\n);\n","filename":"input.tsx"},{"name":"render-input-size-small","path":"tests/render-input-size-small","input":"import Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\n\nconst FruitPicker = ({\n value,\n onChange,\n}: {\n value: string | null;\n onChange: (value: string | null) => void;\n}) => (\n option}\n value={value}\n onChange={(_event, next) => onChange(next)}\n renderInput={(params) => }\n />\n);\n","output":"import { Combobox } from '@backstage/ui';\n\n\nconst FruitPicker = ({\n value,\n onChange,\n}: {\n value: string | null;\n onChange: (value: string | null) => void;\n}) => (\n \n);\n","filename":"input.tsx"},{"name":"research-label-todo","path":"tests/research-label-todo","input":"import Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\n\nconst ResearchBox = ({\n query,\n setQuery,\n}: {\n query: string;\n setQuery: (value: string) => void;\n}) => (\n setQuery(next)}\n renderInput={(params) => }\n />\n);\n","output":"import Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\n\nconst ResearchBox = ({\n query,\n setQuery,\n}: {\n query: string;\n setQuery: (value: string) => void;\n}) => (\n <>\n {/* TODO(backstage-codemod): verify Autocomplete migration manually — ambiguous Combobox vs SearchAutocomplete */}\n setQuery(next)}\n renderInput={(params) => }\n />\n\n);\n","filename":"input.tsx"},{"name":"search-autocomplete","path":"tests/search-autocomplete","input":"import Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\n\nconst SearchBox = ({\n query,\n setQuery,\n}: {\n query: string;\n setQuery: (value: string) => void;\n}) => (\n setQuery(next)}\n renderInput={(params) => }\n />\n);\n","output":"import { SearchAutocomplete } from '@backstage/ui';\n\n\nconst SearchBox = ({\n query,\n setQuery,\n}: {\n query: string;\n setQuery: (value: string) => void;\n}) => (\n \n);\n","filename":"input.tsx"},{"name":"size-small","path":"tests/size-small","input":"import Autocomplete from '@material-ui/lab/Autocomplete';\nimport TextField from '@material-ui/core/TextField';\n\nconst FruitPicker = ({\n value,\n onChange,\n}: {\n value: string | null;\n onChange: (value: string | null) => void;\n}) => (\n option}\n value={value}\n onChange={(_event, next) => onChange(next)}\n renderInput={(params) => }\n />\n);\n","output":"import { Combobox } from '@backstage/ui';\n\n\nconst FruitPicker = ({\n value,\n onChange,\n}: {\n value: string | null;\n onChange: (value: string | null) => void;\n}) => (\n \n);\n","filename":"input.tsx"}]},"defaultWorkflowName":"default","createdAt":"2026-07-28T17:57:48.975Z","updatedAt":"2026-07-28 17:57:49.516074+00"},"publishedBy":{"id":"d164a43e-a5c1-42b5-9b26-239959222fb9","username":"logonoff","name":"logonoff"},"insightsTemplate":{"packageVersionId":"60cadd50-8243-4377-93a0-889d976fb536","status":"failed","generatedAt":null},"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["tsx"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Replace Autocomplete with Combobox or SearchAutocomplete","type":"js-ast-grep","language":"tsx","semanticAnalysis":"file"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[{"id":"6535bd7c-68c0-4513-861b-01ca89c27dff","parentWorkflowName":"default","parentNodeId":"apply-recipe","parentStepId":null,"parentStepName":"Migrate Autocomplete to BUI Combobox","childSourceRaw":"@backstage/migrate-mui-autocomplete-to-combobox","childWorkflowName":null,"resolutionKind":"registry","resolutionReason":null,"resolutionMessage":null,"isDirect":true,"createdAt":"2026-07-28T17:58:10.764Z","updatedAt":"2026-07-28 17:58:10.764119+00","parentPackage":{"id":"79abf1f1-6a98-49e5-8904-916dfc63ccc4","name":"mui4-to-bui-migration-recipe","displayName":"@backstage/mui4-to-bui-migration-recipe","description":"MUI 4 to BUI: Migration recipe that runs every deterministic MUI→BUI codemod from the registry in a safe order.","scope":"backstage","visibility":"public","access":"public","latestVersion":"0.3.0","author":"Paul Schultz"},"parentPackageVersion":{"id":"2acbe132-2aba-4ff2-ba9f-f069c1b05f9e","packageId":"79abf1f1-6a98-49e5-8904-916dfc63ccc4","version":"0.3.0"}}]}],"distTags":{"latest":"0.2.0"},"latestPackageBehavior":"workflow-only","cachedTestCases":"$19:1:props:state:queries:0:state:data:json:versions:0:version:cachedTestCases"},"meta":{"values":{"versions.0.version.createdAt":["Date"],"versions.0.parentBundles.0.createdAt":["Date"]},"referentialEqualities":{"cachedTestCases":["versions.0.version.cachedTestCases"]}}},"dataUpdateCount":1,"dataUpdatedAt":1787684834707,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":[["registry","getPackage"],{"input":{"name":"migrate-mui-autocomplete-to-combobox","scope":"backstage"},"type":"query"}],"queryHash":"[[\"registry\",\"getPackage\"],{\"input\":{\"name\":\"migrate-mui-autocomplete-to-combobox\",\"scope\":\"backstage\"},\"type\":\"query\"}]"}]},"children":"$L4a"}]] 1c:null 20:[["$","title","0",{"children":"backstage/migrate-mui-autocomplete-to-combobox - Codemod Registry"}],["$","meta","1",{"name":"description","content":"MUI 4 to BUI: Replace Autocomplete with BUI Combobox or SearchAutocomplete"}],["$","meta","2",{"name":"author","content":"backstage"}],["$","meta","3",{"name":"keywords","content":"migrate-mui-autocomplete-to-combobox, codemod, code transformation, automated refactoring, package, registry, backstage, migration, mui, bui, autocomplete, combobox"}],["$","meta","4",{"name":"creator","content":"backstage"}],["$","meta","5",{"name":"publisher","content":"Codemod"}],["$","meta","6",{"name":"robots","content":"index, follow"}],["$","meta","7",{"name":"googlebot","content":"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"}],["$","meta","8",{"name":"application-name","content":"Codemod Registry"}],["$","meta","9",{"name":"apple-mobile-web-app-title","content":"Codemod"}],["$","meta","10",{"name":"apple-mobile-web-app-capable","content":"yes"}],["$","meta","11",{"name":"apple-mobile-web-app-status-bar-style","content":"default"}],["$","meta","12",{"name":"format-detection","content":"telephone=no"}],["$","meta","13",{"name":"mobile-web-app-capable","content":"yes"}],["$","meta","14",{"name":"msapplication-config","content":"/browserconfig.xml"}],["$","meta","15",{"name":"msapplication-TileColor","content":"#000000"}],["$","meta","16",{"name":"msapplication-tap-highlight","content":"no"}],["$","meta","17",{"name":"theme-color","content":"#000000"}],["$","meta","18",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"}],["$","link","19",{"rel":"canonical","href":"https://app.codemod.com/registry/@backstage/migrate-mui-autocomplete-to-combobox"}],["$","meta","20",{"property":"og:title","content":"backstage/migrate-mui-autocomplete-to-combobox - Codemod Registry"}],["$","meta","21",{"property":"og:description","content":"MUI 4 to BUI: Replace Autocomplete with BUI Combobox or SearchAutocomplete"}],["$","meta","22",{"property":"og:url","content":"https://app.codemod.com/registry/@backstage/migrate-mui-autocomplete-to-combobox"}],["$","meta","23",{"property":"og:site_name","content":"Codemod Registry"}],["$","meta","24",{"property":"og:locale","content":"en_US"}],["$","meta","25",{"property":"og:image","content":"https://app.codemod.com/api/og/registry/@backstage/migrate-mui-autocomplete-to-combobox"}],["$","meta","26",{"property":"og:image:width","content":"1200"}],["$","meta","27",{"property":"og:image:height","content":"630"}],["$","meta","28",{"property":"og:image:alt","content":"migrate-mui-autocomplete-to-combobox package"}],["$","meta","29",{"property":"og:type","content":"website"}],["$","meta","30",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","31",{"name":"twitter:site","content":"@codemod"}],["$","meta","32",{"name":"twitter:creator","content":"@codemod"}],["$","meta","33",{"name":"twitter:title","content":"backstage/migrate-mui-autocomplete-to-combobox - Codemod Registry"}],["$","meta","34",{"name":"twitter:description","content":"MUI 4 to BUI: Replace Autocomplete with BUI Combobox or SearchAutocomplete"}],["$","meta","35",{"name":"twitter:image","content":"https://app.codemod.com/api/og/registry/@backstage/migrate-mui-autocomplete-to-combobox"}]]