refactor(cdk-experimental/radio-group): rename radio to radio-group (angular#31424)

* refactor(cdk-experimental/radio-group): rename radio to radio-group

* fixup! refactor(cdk-experimental/radio-group): rename radio to radio-group

Author: wagnermaciel

.ng-dev/commit-message.mts

@@ -14,7 +14,7 @@ export const commitMessage: CommitMessageConfig = {
     'cdk-experimental/combobox',
     'cdk-experimental/listbox',
     'cdk-experimental/popover-edit',
-    'cdk-experimental/radio',
+    'cdk-experimental/radio-group',
     'cdk-experimental/scrolling',
     'cdk-experimental/selection',
     'cdk-experimental/table-scroll-container',

src/cdk-experimental/config.bzl

@@ -6,7 +6,7 @@ CDK_EXPERIMENTAL_ENTRYPOINTS = [
     "deferred-content",
     "listbox",
     "popover-edit",
-    "radio",
+    "radio-group",
     "scrolling",
     "selection",
     "tabs",

src/cdk-experimental/radio/BUILD.bazel renamed to src/cdk-experimental/radio-group/BUILD.bazel

@@ -3,7 +3,7 @@ load("//tools:defaults.bzl", "ng_project", "ng_web_test_suite", "ts_project")
 package(default_visibility = ["//visibility:public"])
 
 ng_project(
-    name = "radio",
+    name = "radio-group",
     srcs = glob(
         ["**/*.ts"],
         exclude = ["**/*.spec.ts"],
@@ -24,7 +24,7 @@ ts_project(
         exclude = ["**/*.e2e.spec.ts"],
     ),
     deps = [
-        ":radio",
+        ":radio-group",
         "//:node_modules/@angular/core",
         "//:node_modules/@angular/platform-browser",
         "//src/cdk/testing/private",

src/cdk-experimental/radio/index.ts renamed to src/cdk-experimental/radio-group/index.ts

@@ -6,4 +6,4 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-export {CdkRadioGroup, CdkRadioButton} from './radio';
+export {CdkRadioGroup, CdkRadioButton} from './radio-group';

src/cdk-experimental/radio/public-api.ts renamed to src/cdk-experimental/radio-group/public-api.ts

@@ -1,5 +1,5 @@
 import {Component, DebugElement, signal} from '@angular/core';
-import {CdkRadioButton, CdkRadioGroup} from './radio';
+import {CdkRadioButton, CdkRadioGroup} from './radio-group';
 import {ComponentFixture, TestBed} from '@angular/core/testing';
 import {By} from '@angular/platform-browser';
 import {BidiModule, Direction} from '@angular/cdk/bidi';

src/cdk-experimental/radio/radio.spec.ts renamed to src/cdk-experimental/radio-group/radio-group.spec.ts

@@ -13,7 +13,7 @@ ts_project(
         "//src/cdk-experimental/ui-patterns/accordion",
         "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
         "//src/cdk-experimental/ui-patterns/listbox",
-        "//src/cdk-experimental/ui-patterns/radio",
+        "//src/cdk-experimental/ui-patterns/radio-group",
         "//src/cdk-experimental/ui-patterns/tabs",
         "//src/cdk-experimental/ui-patterns/tree",
     ],

src/cdk-experimental/radio/radio.ts renamed to src/cdk-experimental/radio-group/radio-group.ts

@@ -8,8 +8,8 @@
 
 export * from './listbox/listbox';
 export * from './listbox/option';
-export * from './radio/radio-group';
-export * from './radio/radio';
+export * from './radio-group/radio-group';
+export * from './radio-group/radio-button';
 export * from './behaviors/signal-like/signal-like';
 export * from './tabs/tabs';
 export * from './accordion/accordion';

src/cdk-experimental/ui-patterns/BUILD.bazel

@@ -3,9 +3,9 @@ load("//tools:defaults.bzl", "ng_web_test_suite", "ts_project")
 package(default_visibility = ["//visibility:public"])
 
 ts_project(
-    name = "radio",
+    name = "radio-group",
     srcs = [
-        "radio.ts",
+        "radio-button.ts",
         "radio-group.ts",
     ],
     deps = [
@@ -23,7 +23,7 @@ ts_project(
     testonly = True,
     srcs = glob(["**/*.spec.ts"]),
     deps = [
-        ":radio",
+        ":radio-group",
         "//:node_modules/@angular/core",
         "//src/cdk/keycodes",
         "//src/cdk/testing/private",

src/cdk-experimental/ui-patterns/public-api.ts

@@ -13,7 +13,7 @@ import {ListFocus, ListFocusInputs} from '../behaviors/list-focus/list-focus';
 import {ListNavigation, ListNavigationInputs} from '../behaviors/list-navigation/list-navigation';
 import {ListSelection, ListSelectionInputs} from '../behaviors/list-selection/list-selection';
 import {SignalLike} from '../behaviors/signal-like/signal-like';
-import {RadioButtonPattern} from './radio';
+import {RadioButtonPattern} from './radio-button';
 
 /** The selection operations that the radio group can perform. */
 interface SelectOptions {

src/cdk-experimental/ui-patterns/radio/BUILD.bazel renamed to src/cdk-experimental/ui-patterns/radio-group/BUILD.bazel

@@ -8,7 +8,7 @@
 
 import {signal, WritableSignal} from '@angular/core';
 import {RadioGroupInputs, RadioGroupPattern} from './radio-group';
-import {RadioButtonPattern} from './radio';
+import {RadioButtonPattern} from './radio-button';
 import {createKeyboardEvent} from '@angular/cdk/testing/private';
 import {ModifierKeys} from '@angular/cdk/testing';
 

src/cdk-experimental/ui-patterns/radio/radio.ts renamed to src/cdk-experimental/ui-patterns/radio-group/radio-button.ts

@@ -3,7 +3,7 @@ load("//tools:defaults.bzl", "ng_project")
 package(default_visibility = ["//visibility:public"])
 
 ng_project(
-    name = "radio",
+    name = "radio-group",
     srcs = glob(["**/*.ts"]),
     assets = glob([
         "**/*.html",
@@ -12,7 +12,7 @@ ng_project(
     deps = [
         "//:node_modules/@angular/core",
         "//:node_modules/@angular/forms",
-        "//src/cdk-experimental/radio",
+        "//src/cdk-experimental/radio-group",
         "//src/material/checkbox",
         "//src/material/form-field",
         "//src/material/select",

src/cdk-experimental/ui-patterns/radio/radio-group.ts renamed to src/cdk-experimental/ui-patterns/radio-group/radio-group.ts

@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio';
+import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
 
 /** @title Active descendant radio group. */
 @Component({
-  selector: 'cdk-radio-active-descendant-example',
+  selector: 'cdk-radio-group-active-descendant-example',
   exportAs: 'cdkRadioActiveDescendantExample',
-  templateUrl: 'cdk-radio-active-descendant-example.html',
+  templateUrl: 'cdk-radio-group-active-descendant-example.html',
   standalone: true,
   styleUrl: '../radio-common.css',
   imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
 })
-export class CdkRadioActiveDescendantExample {
+export class CdkRadioGroupActiveDescendantExample {
   fruits = [
     'Apple',
     'Apricot',

src/cdk-experimental/ui-patterns/radio/radio.spec.ts renamed to src/cdk-experimental/ui-patterns/radio-group/radio.spec.ts

@@ -1,15 +1,15 @@
 import {Component} from '@angular/core';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio';
+import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
 import {MatCheckboxModule} from '@angular/material/checkbox';
 import {MatFormFieldModule} from '@angular/material/form-field';
 import {MatSelectModule} from '@angular/material/select';
 import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms';
 
 /** @title Configurable CDK Radio Group */
 @Component({
-  selector: 'cdk-radio-configurable-example',
+  selector: 'cdk-radio-group-configurable-example',
   exportAs: 'cdkRadioConfigurableExample',
-  templateUrl: 'cdk-radio-configurable-example.html',
+  templateUrl: 'cdk-radio-group-configurable-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
   imports: [
@@ -22,7 +22,7 @@ import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms';
     ReactiveFormsModule,
   ],
 })
-export class CdkRadioConfigurableExample {
+export class CdkRadioGroupConfigurableExample {
   orientation: 'vertical' | 'horizontal' = 'vertical';
   disabled = new FormControl(false, {nonNullable: true});
 

src/components-examples/cdk-experimental/radio/BUILD.bazel renamed to src/components-examples/cdk-experimental/radio-group/BUILD.bazel

@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio';
+import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
 
 /** @title Radio group with disabled options that are focusable. */
 @Component({
-  selector: 'cdk-radio-disabled-focusable-example',
+  selector: 'cdk-radio-group-disabled-focusable-example',
   exportAs: 'cdkRadioDisabledFocusableExample',
-  templateUrl: 'cdk-radio-disabled-focusable-example.html',
+  templateUrl: 'cdk-radio-group-disabled-focusable-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
   imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
 })
-export class CdkRadioDisabledFocusableExample {
+export class CdkRadioGroupDisabledFocusableExample {
   fruits = [
     'Apple',
     'Apricot',

src/components-examples/cdk-experimental/radio/cdk-radio-active-descendant/cdk-radio-active-descendant-example.html renamed to src/components-examples/cdk-experimental/radio-group/cdk-radio-group-active-descendant/cdk-radio-group-active-descendant-example.html

@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio';
+import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
 
 /** @title Radio group with disabled options that are skipped. */
 @Component({
-  selector: 'cdk-radio-disabled-skipped-example',
+  selector: 'cdk-radio-group-disabled-skipped-example',
   exportAs: 'cdkRadioDisabledSkippedExample',
-  templateUrl: 'cdk-radio-disabled-skipped-example.html',
+  templateUrl: 'cdk-radio-group-disabled-skipped-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
   imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
 })
-export class CdkRadioDisabledSkippedExample {
+export class CdkRadioGroupDisabledSkippedExample {
   fruits = [
     'Apple',
     'Apricot',

src/components-examples/cdk-experimental/radio/cdk-radio-active-descendant/cdk-radio-active-descendant-example.ts renamed to src/components-examples/cdk-experimental/radio-group/cdk-radio-group-active-descendant/cdk-radio-group-active-descendant-example.ts

@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio';
+import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
 
 /** @title Disabled radio group. */
 @Component({
-  selector: 'cdk-radio-disabled-example',
+  selector: 'cdk-radio-group-disabled-example',
   exportAs: 'cdkRadioDisabledExample',
-  templateUrl: 'cdk-radio-disabled-example.html',
+  templateUrl: 'cdk-radio-group-disabled-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
   imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
 })
-export class CdkRadioDisabledExample {
+export class CdkRadioGroupDisabledExample {
   fruits = [
     'Apple',
     'Apricot',

src/components-examples/cdk-experimental/radio/cdk-radio-configurable/cdk-radio-configurable-example.html renamed to src/components-examples/cdk-experimental/radio-group/cdk-radio-group-configurable/cdk-radio-group-configurable-example.html

@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio';
+import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
 
 /** @title Horizontal radio group. */
 @Component({
-  selector: 'cdk-radio-horizontal-example',
+  selector: 'cdk-radio-group-horizontal-example',
   exportAs: 'cdkRadioHorizontalExample',
-  templateUrl: 'cdk-radio-horizontal-example.html',
+  templateUrl: 'cdk-radio-group-horizontal-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
   imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
 })
-export class CdkRadioHorizontalExample {
+export class CdkRadioGroupHorizontalExample {
   fruits = [
     'Apple',
     'Apricot',

src/components-examples/cdk-experimental/radio/cdk-radio-configurable/cdk-radio-configurable-example.ts renamed to src/components-examples/cdk-experimental/radio-group/cdk-radio-group-configurable/cdk-radio-group-configurable-example.ts

@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio';
+import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
 
 /** @title Readonly radio group. */
 @Component({
-  selector: 'cdk-radio-readonly-example',
+  selector: 'cdk-radio-group-readonly-example',
   exportAs: 'cdkRadioReadonlyExample',
-  templateUrl: 'cdk-radio-readonly-example.html',
+  templateUrl: 'cdk-radio-group-readonly-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
   imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
 })
-export class CdkRadioReadonlyExample {
+export class CdkRadioGroupReadonlyExample {
   fruits = [
     'Apple',
     'Apricot',

src/components-examples/cdk-experimental/radio/cdk-radio-disabled-focusable/cdk-radio-disabled-focusable-example.html renamed to src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-focusable/cdk-radio-group-disabled-focusable-example.html

@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio';
+import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
 
 /** @title Basic radio group. */
 @Component({
-  selector: 'cdk-radio-standard-example',
+  selector: 'cdk-radio-group-standard-example',
   exportAs: 'cdkRadioStandardExample',
-  templateUrl: 'cdk-radio-standard-example.html',
+  templateUrl: 'cdk-radio-group-standard-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
   imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
 })
-export class CdkRadioStandardExample {
+export class CdkRadioGroupStandardExample {
   fruits = [
     'Apple',
     'Apricot',

src/components-examples/cdk-experimental/radio/cdk-radio-disabled-focusable/cdk-radio-disabled-focusable-example.ts renamed to src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-focusable/cdk-radio-group-disabled-focusable-example.ts

@@ -1,17 +1,17 @@
 import {Component} from '@angular/core';
 import {FormsModule} from '@angular/forms';
-import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio';
+import {CdkRadioGroup, CdkRadioButton} from '@angular/cdk-experimental/radio-group';
 
 /** @title RTL horizontal radio group. */
 @Component({
-  selector: 'cdk-radio-rtl-horizontal-example',
+  selector: 'cdk-radio-group-rtl-horizontal-example',
   exportAs: 'cdkRadioRtlHorizontalExample',
-  templateUrl: 'cdk-radio-rtl-horizontal-example.html',
+  templateUrl: 'cdk-radio-group-rtl-horizontal-example.html',
   styleUrl: '../radio-common.css',
   standalone: true,
   imports: [CdkRadioGroup, CdkRadioButton, FormsModule],
 })
-export class CdkRadioRtlHorizontalExample {
+export class CdkRadioGroupRtlHorizontalExample {
   fruits = [
     'Apple',
     'Apricot',

src/components-examples/cdk-experimental/radio/cdk-radio-disabled-skipped/cdk-radio-disabled-skipped-example.html renamed to src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-skipped/cdk-radio-group-disabled-skipped-example.html

@@ -0,0 +1,9 @@
+export {CdkRadioGroupStandardExample} from './cdk-radio-group-standard/cdk-radio-group-standard-example';
+export {CdkRadioGroupHorizontalExample} from './cdk-radio-group-horizontal/cdk-radio-group-horizontal-example';
+export {CdkRadioGroupRtlHorizontalExample} from './cdk-radio-rtl-group-horizontal/cdk-radio-group-rtl-horizontal-example';
+export {CdkRadioGroupActiveDescendantExample} from './cdk-radio-group-active-descendant/cdk-radio-group-active-descendant-example';
+export {CdkRadioGroupDisabledFocusableExample} from './cdk-radio-group-disabled-focusable/cdk-radio-group-disabled-focusable-example';
+export {CdkRadioGroupDisabledSkippedExample} from './cdk-radio-group-disabled-skipped/cdk-radio-group-disabled-skipped-example';
+export {CdkRadioGroupReadonlyExample} from './cdk-radio-group-readonly/cdk-radio-group-readonly-example';
+export {CdkRadioGroupDisabledExample} from './cdk-radio-group-disabled/cdk-radio-group-disabled-example';
+export {CdkRadioGroupConfigurableExample} from './cdk-radio-group-configurable/cdk-radio-group-configurable-example';

src/components-examples/cdk-experimental/radio/cdk-radio-disabled-skipped/cdk-radio-disabled-skipped-example.ts renamed to src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled-skipped/cdk-radio-group-disabled-skipped-example.ts

@@ -36,7 +36,7 @@ ng_project(
         "//src/dev-app/cdk-experimental-accordion",
         "//src/dev-app/cdk-experimental-combobox",
         "//src/dev-app/cdk-experimental-listbox",
-        "//src/dev-app/cdk-experimental-radio",
+        "//src/dev-app/cdk-experimental-radio-group",
         "//src/dev-app/cdk-experimental-tabs",
         "//src/dev-app/cdk-experimental-tree",
         "//src/dev-app/cdk-listbox",

src/components-examples/cdk-experimental/radio/cdk-radio-disabled/cdk-radio-disabled-example.html renamed to src/components-examples/cdk-experimental/radio-group/cdk-radio-group-disabled/cdk-radio-group-disabled-example.html

@@ -3,14 +3,14 @@ load("//tools:defaults.bzl", "ng_project")
 package(default_visibility = ["//visibility:public"])
 
 ng_project(
-    name = "cdk-experimental-radio",
+    name = "cdk-experimental-radio-group",
     srcs = glob(["**/*.ts"]),
     assets = [
-        "cdk-radio-demo.html",
-        ":cdk-radio-demo.css",
+        "cdk-radio-group-demo.html",
+        ":cdk-radio-group-demo.css",
     ],
     deps = [
         "//:node_modules/@angular/core",
-        "//src/components-examples/cdk-experimental/radio",
+        "//src/components-examples/cdk-experimental/radio-group",
     ],
 )