feat(cdk/listbox): add listbox to cdk

angular · Aug 2, 2022 · 7823bc7 · 7823bc7
1 parent e22e9f5
commit 7823bc7
Show file tree

Hide file tree

Showing 53 changed files with 13 additions and 14 deletions.
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
@@ -89,6 +89,7 @@
 /src/cdk/drag-drop/**                                  @crisbeto
 /src/cdk/keycodes/**                                   @andrewseguin
 /src/cdk/layout/**                                     @andrewseguin
+/src/cdk/listbox/**                                    @jelbourn
 /src/cdk/menu/**                                       @mmalerba @crisbeto
 /src/cdk/observers/**                                  @andrewseguin @crisbeto
 /src/cdk/overlay/**                                    @jelbourn @crisbeto
@@ -142,7 +143,6 @@
 /src/cdk-experimental/popover-edit/**                  @andrewseguin
 /src/cdk-experimental/scrolling/**                     @mmalerba
 /src/cdk-experimental/table-scroll-container/**        @andrewseguin
-/src/cdk-experimental/listbox/**                       @jelbourn
 /src/cdk-experimental/selection/**                     @andrewseguin
 
 # Docs examples & guides
@@ -160,8 +160,8 @@
 /src/dev-app/button/**                                 @andrewseguin
 /src/dev-app/card/**                                   @andrewseguin
 /src/dev-app/cdk-dialog/**                             @crisbeto
+/src/dev-app/cdk-listbox/**                            @jelbourn
 /src/dev-app/cdk-experimental-combobox/**              @jelbourn
-/src/dev-app/cdk-experimental-listbox/**               @jelbourn
 /src/dev-app/checkbox/**                               @jelbourn @devversion
 /src/dev-app/chips/**                                  @andrewseguin
 /src/dev-app/clipboard/**                              @andrewseguin

diff --git a/.ng-dev/commit-message.mts b/.ng-dev/commit-message.mts
@@ -11,7 +11,6 @@ export const commitMessage: CommitMessageConfig = {
     'multiple', // For when a commit applies to multiple components.
     'cdk-experimental/column-resize',
     'cdk-experimental/combobox',
-    'cdk-experimental/listbox',
     'cdk-experimental/popover-edit',
     'cdk-experimental/scrolling',
     'cdk-experimental/selection',
@@ -26,6 +25,7 @@ export const commitMessage: CommitMessageConfig = {
     'cdk/drag-drop',
     'cdk/keycodes',
     'cdk/layout',
+    'cdk/listbox',
     'cdk/menu',
     'cdk/observers',
     'cdk/overlay',

diff --git a/src/cdk-experimental/listbox/BUILD.bazel → src/cdk/listbox/BUILD.bazel b/src/cdk-experimental/listbox/BUILD.bazel → src/cdk/listbox/BUILD.bazel
diff --git a/src/cdk-experimental/listbox/index.ts → src/cdk/listbox/index.ts b/src/cdk-experimental/listbox/index.ts → src/cdk/listbox/index.ts
diff --git a/...dk-experimental/listbox/listbox-module.ts → src/cdk/listbox/listbox-module.ts b/...dk-experimental/listbox/listbox-module.ts → src/cdk/listbox/listbox-module.ts
diff --git a/src/cdk-experimental/listbox/listbox.md → src/cdk/listbox/listbox.md b/src/cdk-experimental/listbox/listbox.md → src/cdk/listbox/listbox.md
diff --git a/src/cdk-experimental/listbox/listbox.spec.ts → src/cdk/listbox/listbox.spec.ts b/src/cdk-experimental/listbox/listbox.spec.ts → src/cdk/listbox/listbox.spec.ts
@@ -2,7 +2,7 @@ import {fakeAsync, TestBed, tick} from '@angular/core/testing';
 import {Component, Type} from '@angular/core';
 import {By} from '@angular/platform-browser';
 import {CdkListbox, CdkListboxModule, CdkOption, ListboxValueChangeEvent} from './index';
-import {dispatchKeyboardEvent, dispatchMouseEvent} from '../../cdk/testing/private';
+import {dispatchKeyboardEvent, dispatchMouseEvent} from '../testing/private';
 import {
   A,
   B,

diff --git a/src/cdk-experimental/listbox/listbox.ts → src/cdk/listbox/listbox.ts b/src/cdk-experimental/listbox/listbox.ts → src/cdk/listbox/listbox.ts
diff --git a/src/cdk-experimental/listbox/public-api.ts → src/cdk/listbox/public-api.ts b/src/cdk-experimental/listbox/public-api.ts → src/cdk/listbox/public-api.ts
diff --git a/...ples/cdk-experimental/listbox/BUILD.bazel → ...mponents-examples/cdk/listbox/BUILD.bazel b/...ples/cdk-experimental/listbox/BUILD.bazel → ...mponents-examples/cdk/listbox/BUILD.bazel
@@ -10,7 +10,7 @@ ng_module(
         "**/*.css",
     ]),
     deps = [
-        "//src/cdk-experimental/listbox",
+        "//src/cdk/listbox",
         "@npm//@angular/common",
         "@npm//@angular/forms",
     ],

diff --git a/.../cdk-listbox-activedescendant-example.css → .../cdk-listbox-activedescendant-example.css b/.../cdk-listbox-activedescendant-example.css → .../cdk-listbox-activedescendant-example.css
diff --git a/...cdk-listbox-activedescendant-example.html → ...cdk-listbox-activedescendant-example.html b/...cdk-listbox-activedescendant-example.html → ...cdk-listbox-activedescendant-example.html
diff --git a/...t/cdk-listbox-activedescendant-example.ts → ...t/cdk-listbox-activedescendant-example.ts b/...t/cdk-listbox-activedescendant-example.ts → ...t/cdk-listbox-activedescendant-example.ts
diff --git a/...with/cdk-listbox-compare-with-example.css → ...with/cdk-listbox-compare-with-example.css b/...with/cdk-listbox-compare-with-example.css → ...with/cdk-listbox-compare-with-example.css
diff --git a/...ith/cdk-listbox-compare-with-example.html → ...ith/cdk-listbox-compare-with-example.html b/...ith/cdk-listbox-compare-with-example.html → ...ith/cdk-listbox-compare-with-example.html
diff --git a/...-with/cdk-listbox-compare-with-example.ts → ...-with/cdk-listbox-compare-with-example.ts b/...-with/cdk-listbox-compare-with-example.ts → ...-with/cdk-listbox-compare-with-example.ts
diff --git a/...cdk-listbox-custom-navigation-example.css → ...cdk-listbox-custom-navigation-example.css b/...cdk-listbox-custom-navigation-example.css → ...cdk-listbox-custom-navigation-example.css
diff --git a/...dk-listbox-custom-navigation-example.html → ...dk-listbox-custom-navigation-example.html b/...dk-listbox-custom-navigation-example.html → ...dk-listbox-custom-navigation-example.html
diff --git a/.../cdk-listbox-custom-navigation-example.ts → .../cdk-listbox-custom-navigation-example.ts b/.../cdk-listbox-custom-navigation-example.ts → .../cdk-listbox-custom-navigation-example.ts
diff --git a/.../cdk-listbox-custom-typeahead-example.css → .../cdk-listbox-custom-typeahead-example.css b/.../cdk-listbox-custom-typeahead-example.css → .../cdk-listbox-custom-typeahead-example.css
diff --git a/...cdk-listbox-custom-typeahead-example.html → ...cdk-listbox-custom-typeahead-example.html b/...cdk-listbox-custom-typeahead-example.html → ...cdk-listbox-custom-typeahead-example.html
diff --git a/...d/cdk-listbox-custom-typeahead-example.ts → ...d/cdk-listbox-custom-typeahead-example.ts b/...d/cdk-listbox-custom-typeahead-example.ts → ...d/cdk-listbox-custom-typeahead-example.ts
diff --git a/...disabled/cdk-listbox-disabled-example.css → ...disabled/cdk-listbox-disabled-example.css b/...disabled/cdk-listbox-disabled-example.css → ...disabled/cdk-listbox-disabled-example.css
diff --git a/...isabled/cdk-listbox-disabled-example.html → ...isabled/cdk-listbox-disabled-example.html b/...isabled/cdk-listbox-disabled-example.html → ...isabled/cdk-listbox-disabled-example.html
diff --git a/...-disabled/cdk-listbox-disabled-example.ts → ...-disabled/cdk-listbox-disabled-example.ts b/...-disabled/cdk-listbox-disabled-example.ts → ...-disabled/cdk-listbox-disabled-example.ts
diff --git a/.../cdk-listbox-forms-validation-example.css → .../cdk-listbox-forms-validation-example.css b/.../cdk-listbox-forms-validation-example.css → .../cdk-listbox-forms-validation-example.css
diff --git a/...cdk-listbox-forms-validation-example.html → ...cdk-listbox-forms-validation-example.html b/...cdk-listbox-forms-validation-example.html → ...cdk-listbox-forms-validation-example.html
diff --git a/...n/cdk-listbox-forms-validation-example.ts → ...n/cdk-listbox-forms-validation-example.ts b/...n/cdk-listbox-forms-validation-example.ts → ...n/cdk-listbox-forms-validation-example.ts
diff --git a/...zontal/cdk-listbox-horizontal-example.css → ...zontal/cdk-listbox-horizontal-example.css b/...zontal/cdk-listbox-horizontal-example.css → ...zontal/cdk-listbox-horizontal-example.css
diff --git a/...ontal/cdk-listbox-horizontal-example.html → ...ontal/cdk-listbox-horizontal-example.html b/...ontal/cdk-listbox-horizontal-example.html → ...ontal/cdk-listbox-horizontal-example.html
diff --git a/...izontal/cdk-listbox-horizontal-example.ts → ...izontal/cdk-listbox-horizontal-example.ts b/...izontal/cdk-listbox-horizontal-example.ts → ...izontal/cdk-listbox-horizontal-example.ts
diff --git a/...multiple/cdk-listbox-multiple-example.css → ...multiple/cdk-listbox-multiple-example.css b/...multiple/cdk-listbox-multiple-example.css → ...multiple/cdk-listbox-multiple-example.css
diff --git a/...ultiple/cdk-listbox-multiple-example.html → ...ultiple/cdk-listbox-multiple-example.html b/...ultiple/cdk-listbox-multiple-example.html → ...ultiple/cdk-listbox-multiple-example.html
diff --git a/...-multiple/cdk-listbox-multiple-example.ts → ...-multiple/cdk-listbox-multiple-example.ts b/...-multiple/cdk-listbox-multiple-example.ts → ...-multiple/cdk-listbox-multiple-example.ts
diff --git a/...overview/cdk-listbox-overview-example.css → ...overview/cdk-listbox-overview-example.css b/...overview/cdk-listbox-overview-example.css → ...overview/cdk-listbox-overview-example.css
diff --git a/...verview/cdk-listbox-overview-example.html → ...verview/cdk-listbox-overview-example.html b/...verview/cdk-listbox-overview-example.html → ...verview/cdk-listbox-overview-example.html
diff --git a/...-overview/cdk-listbox-overview-example.ts → ...-overview/cdk-listbox-overview-example.ts b/...-overview/cdk-listbox-overview-example.ts → ...-overview/cdk-listbox-overview-example.ts
diff --git a/...ms/cdk-listbox-reactive-forms-example.css → ...ms/cdk-listbox-reactive-forms-example.css b/...ms/cdk-listbox-reactive-forms-example.css → ...ms/cdk-listbox-reactive-forms-example.css
diff --git a/...s/cdk-listbox-reactive-forms-example.html → ...s/cdk-listbox-reactive-forms-example.html b/...s/cdk-listbox-reactive-forms-example.html → ...s/cdk-listbox-reactive-forms-example.html
diff --git a/...rms/cdk-listbox-reactive-forms-example.ts → ...rms/cdk-listbox-reactive-forms-example.ts b/...rms/cdk-listbox-reactive-forms-example.ts → ...rms/cdk-listbox-reactive-forms-example.ts
diff --git a/...ms/cdk-listbox-template-forms-example.css → ...ms/cdk-listbox-template-forms-example.css b/...ms/cdk-listbox-template-forms-example.css → ...ms/cdk-listbox-template-forms-example.css
diff --git a/...s/cdk-listbox-template-forms-example.html → ...s/cdk-listbox-template-forms-example.html b/...s/cdk-listbox-template-forms-example.html → ...s/cdk-listbox-template-forms-example.html
diff --git a/...rms/cdk-listbox-template-forms-example.ts → ...rms/cdk-listbox-template-forms-example.ts b/...rms/cdk-listbox-template-forms-example.ts → ...rms/cdk-listbox-template-forms-example.ts
diff --git a/...ing/cdk-listbox-value-binding-example.css → ...ing/cdk-listbox-value-binding-example.css b/...ing/cdk-listbox-value-binding-example.css → ...ing/cdk-listbox-value-binding-example.css
diff --git a/...ng/cdk-listbox-value-binding-example.html → ...ng/cdk-listbox-value-binding-example.html b/...ng/cdk-listbox-value-binding-example.html → ...ng/cdk-listbox-value-binding-example.html
diff --git a/...ding/cdk-listbox-value-binding-example.ts → ...ding/cdk-listbox-value-binding-example.ts b/...ding/cdk-listbox-value-binding-example.ts → ...ding/cdk-listbox-value-binding-example.ts
diff --git a/...xamples/cdk-experimental/listbox/index.ts → src/components-examples/cdk/listbox/index.ts b/...xamples/cdk-experimental/listbox/index.ts → src/components-examples/cdk/listbox/index.ts
@@ -13,7 +13,7 @@ import {CdkListboxOverviewExample} from './cdk-listbox-overview/cdk-listbox-over
 import {CdkListboxReactiveFormsExample} from './cdk-listbox-reactive-forms/cdk-listbox-reactive-forms-example';
 import {CdkListboxTemplateFormsExample} from './cdk-listbox-template-forms/cdk-listbox-template-forms-example';
 import {CdkListboxValueBindingExample} from './cdk-listbox-value-binding/cdk-listbox-value-binding-example';
-import {CdkListboxModule} from '@angular/cdk-experimental/listbox';
+import {CdkListboxModule} from '@angular/cdk/listbox';
 
 export {
   CdkListboxActivedescendantExample,

diff --git a/src/dev-app/BUILD.bazel b/src/dev-app/BUILD.bazel
@@ -24,7 +24,7 @@ ng_module(
         "//src/dev-app/card",
         "//src/dev-app/cdk-dialog",
         "//src/dev-app/cdk-experimental-combobox",
-        "//src/dev-app/cdk-experimental-listbox",
+        "//src/dev-app/cdk-listbox",
         "//src/dev-app/cdk-menu",
         "//src/dev-app/checkbox",
         "//src/dev-app/chips",

diff --git a/...-app/cdk-experimental-listbox/BUILD.bazel → src/dev-app/cdk-listbox/BUILD.bazel b/...-app/cdk-experimental-listbox/BUILD.bazel → src/dev-app/cdk-listbox/BUILD.bazel
@@ -3,12 +3,12 @@ load("//tools:defaults.bzl", "ng_module")
 package(default_visibility = ["//visibility:public"])
 
 ng_module(
-    name = "cdk-experimental-listbox",
+    name = "cdk-listbox",
     srcs = glob(["**/*.ts"]),
     assets = [
         "cdk-listbox-demo.html",
     ],
     deps = [
-        "//src/components-examples/cdk-experimental/listbox",
+        "//src/components-examples/cdk/listbox",
     ],
 )
diff --git a/...xperimental-listbox/cdk-listbox-demo.html → ...dev-app/cdk-listbox/cdk-listbox-demo.html b/...xperimental-listbox/cdk-listbox-demo.html → ...dev-app/cdk-listbox/cdk-listbox-demo.html
diff --git a/...-experimental-listbox/cdk-listbox-demo.ts → src/dev-app/cdk-listbox/cdk-listbox-demo.ts b/...-experimental-listbox/cdk-listbox-demo.ts → src/dev-app/cdk-listbox/cdk-listbox-demo.ts
@@ -7,7 +7,7 @@
  */
 
 import {ChangeDetectionStrategy, Component} from '@angular/core';
-import {CdkListboxExamplesModule} from '@angular/components-examples/cdk-experimental/listbox';
+import {CdkListboxExamplesModule} from '@angular/components-examples/cdk/listbox';
 
 @Component({
   templateUrl: 'cdk-listbox-demo.html',

diff --git a/src/dev-app/dev-app/dev-app-layout.ts b/src/dev-app/dev-app/dev-app-layout.ts
@@ -53,9 +53,9 @@ export class DevAppLayout {
     {name: 'Button', route: '/button'},
     {name: 'Card', route: '/card'},
     {name: 'CDK Dialog', route: '/cdk-dialog'},
+    {name: 'CDK Listbox', route: '/cdk-listbox'},
     {name: 'CDK Menu', route: '/cdk-menu'},
     {name: 'CDK Experimental Combobox', route: '/cdk-experimental-combobox'},
-    {name: 'CDK Experimental Listbox', route: '/cdk-experimental-listbox'},
     {name: 'Checkbox', route: '/checkbox'},
     {name: 'Chips', route: '/chips'},
     {name: 'Clipboard', route: '/clipboard'},

diff --git a/src/dev-app/routes.ts b/src/dev-app/routes.ts
@@ -50,9 +50,8 @@ export const DEV_APP_ROUTES: Routes = [
     loadComponent: () => import('./cdk-dialog/dialog-demo').then(m => m.DialogDemo),
   },
   {
-    path: 'cdk-experimental-listbox',
-    loadComponent: () =>
-      import('./cdk-experimental-listbox/cdk-listbox-demo').then(m => m.CdkListboxDemo),
+    path: 'cdk-listbox',
+    loadComponent: () => import('./cdk-listbox/cdk-listbox-demo').then(m => m.CdkListboxDemo),
   },
   {
     path: 'cdk-menu',