Merge pull request #339 from josemarluedke/feat/searchable-select

Feat: Filterable Select

package.json

@@ -14,7 +14,9 @@
     "start": "pnpm --filter test-app start",
     "test": "pnpm --filter test-app test",
     "try:one": "pnpm --filter test-app try:one",
-    "clean:declarations": "rm -rf packages/*/declarations"
+    "clean:declarations": "rm -rf packages/*/declarations",
+    "clean:dist": "rm -rf packages/*/dist && rm -rf test-app/dist && rm -rf site/dist",
+    "clean": "concurrently 'npm:clean:*'"
   },
   "resolutions": {
     "@ember/test-waiters": "^4.0.0",
@@ -26,20 +28,21 @@
     "@embroider/test-setup": "^4.0.0"
   },
   "devDependencies": {
-    "@glint/core": "1.5.0",
-    "@glint/environment-ember-loose": "1.5.0",
-    "@glint/environment-ember-template-imports": "1.5.0",
+    "@glint/core": "1.5.2",
+    "@glint/environment-ember-loose": "1.5.2",
+    "@glint/environment-ember-template-imports": "1.5.2",
     "@underline/eslint-config-ember-typescript": "^0.16.0",
     "@underline/eslint-config-node": "^0.16.0",
     "ember-source-channel-url": "^3.0.0",
-    "ember-template-lint": "^6.0.0",
+    "ember-template-lint": "^6.1.0",
     "eslint": "^8.57.1",
     "eslint-plugin-ember": "^12.3.3",
     "eslint-plugin-prettier": "^5.2.1",
     "lerna": "^8.1.9",
     "prettier": "^3.4.2",
+    "concurrently": "^9.1.0",
     "prettier-plugin-ember-template-tag": "^2.0.4",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.3"
   },
   "engines": {
     "node": ">= 10.*"

packages/addon-blueprint/package.json

@@ -53,19 +53,19 @@
     "@embroider/addon-dev": "7.1.1",
     "@glimmer/component": "^2.0.0",
     "@glimmer/tracking": "^1.1.2",
-    "@glint/core": "1.5.0",
-    "@glint/environment-ember-loose": "1.5.0",
-    "@glint/environment-ember-template-imports": "1.5.0",
-    "@glint/template": "1.5.0",
+    "@glint/core": "1.5.2",
+    "@glint/environment-ember-loose": "1.5.2",
+    "@glint/environment-ember-template-imports": "1.5.2",
+    "@glint/template": "1.5.2",
     "@rollup/plugin-node-resolve": "^16.0.0",
-    "@tsconfig/ember": "^3.0.5",
+    "@tsconfig/ember": "^3.0.9",
     "babel-plugin-ember-template-compilation": "^2.2.1",
     "concurrently": "^9.1.0",
     "ember-source": "^6.1.0",
     "rollup": "^4.29.1",
     "rollup-plugin-ts": "^3.4.5",
     "tailwindcss": "^3.4.17",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.3"
   },
   "engines": {
     "node": ">= 10.*"

packages/buttons/package.json

@@ -54,19 +54,19 @@
     "@embroider/addon-dev": "7.1.1",
     "@glimmer/component": "^2.0.0",
     "@glimmer/tracking": "^1.1.2",
-    "@glint/core": "1.5.0",
-    "@glint/environment-ember-loose": "1.5.0",
-    "@glint/environment-ember-template-imports": "1.5.0",
-    "@glint/template": "1.5.0",
+    "@glint/core": "1.5.2",
+    "@glint/environment-ember-loose": "1.5.2",
+    "@glint/environment-ember-template-imports": "1.5.2",
+    "@glint/template": "1.5.2",
     "@rollup/plugin-node-resolve": "^16.0.0",
-    "@tsconfig/ember": "^3.0.5",
+    "@tsconfig/ember": "^3.0.9",
     "babel-plugin-ember-template-compilation": "^2.2.1",
     "concurrently": "^9.1.0",
     "ember-source": "^6.1.0",
     "rollup": "^4.29.1",
     "rollup-plugin-ts": "^3.4.5",
     "tailwindcss": "^3.4.17",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.3"
   },
   "engines": {
     "node": "10.* || >= 12"

packages/changeset-form/package.json

@@ -39,7 +39,7 @@
   "dependencies": {
     "@embroider/addon-shim": "^1.9.0",
     "@frontile/forms-legacy": "workspace:0.17.0-beta.5",
-    "@glint/template": "1.5.0",
+    "@glint/template": "1.5.2",
     "ember-changeset": "^4.1.2",
     "ember-changeset-validations": "^4.1.1"
   },
@@ -52,19 +52,19 @@
     "@embroider/addon-dev": "7.1.1",
     "@glimmer/component": "^2.0.0",
     "@glimmer/tracking": "^1.1.2",
-    "@glint/core": "1.5.0",
-    "@glint/environment-ember-loose": "1.5.0",
-    "@glint/environment-ember-template-imports": "1.5.0",
+    "@glint/core": "1.5.2",
+    "@glint/environment-ember-loose": "1.5.2",
+    "@glint/environment-ember-template-imports": "1.5.2",
     "@rollup/plugin-node-resolve": "^16.0.0",
-    "@tsconfig/ember": "^3.0.5",
+    "@tsconfig/ember": "^3.0.9",
     "babel-plugin-ember-template-compilation": "^2.2.1",
     "concurrently": "^9.1.0",
     "ember-concurrency": "^4.0.2",
     "ember-source": "^6.1.0",
     "rollup": "^4.29.1",
     "rollup-plugin-ts": "^3.4.5",
     "tailwindcss": "^3.4.17",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.3"
   },
   "engines": {
     "node": ">= 10.*"

packages/collections/package.json

@@ -57,19 +57,19 @@
     "@embroider/addon-dev": "7.1.1",
     "@glimmer/component": "^2.0.0",
     "@glimmer/tracking": "^1.1.2",
-    "@glint/core": "1.5.0",
-    "@glint/environment-ember-loose": "1.5.0",
-    "@glint/environment-ember-template-imports": "1.5.0",
-    "@glint/template": "1.5.0",
+    "@glint/core": "1.5.2",
+    "@glint/environment-ember-loose": "1.5.2",
+    "@glint/environment-ember-template-imports": "1.5.2",
+    "@glint/template": "1.5.2",
     "@rollup/plugin-node-resolve": "^16.0.0",
-    "@tsconfig/ember": "^3.0.5",
+    "@tsconfig/ember": "^3.0.9",
     "babel-plugin-ember-template-compilation": "^2.2.1",
     "concurrently": "^9.1.0",
     "ember-source": "^6.1.0",
     "rollup": "^4.29.1",
     "rollup-plugin-ts": "^3.4.5",
     "tailwindcss": "^3.4.17",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.3"
   },
   "engines": {
     "node": ">= 10.*"

packages/collections/src/components/dropdown.gts

@@ -269,7 +269,7 @@ class Menu extends Component<MenuSignature> {
         @selectedKeys={{@selectedKeys}}
         @selectionMode={{if @selectionMode @selectionMode "none"}}
         @type="menu"
-        @autoActivateFirstItem={{false}}
+        @autoActivateMode="none"
         ...attributes
         as |l|
       >

packages/collections/src/components/listbox/listbox.gts

@@ -36,9 +36,9 @@ interface ListboxSignature<T> {
     elementToAddKeyboardEvents?: HTMLElement;
 
     /**
-     * @edefaultValue true
+     * @edefaultValue 'frist'
      */
-    autoActivateFirstItem?: boolean;
+    autoActivateMode?: 'none' | 'first' | 'selected';
 
     onAction?: (key: string) => void;
     onSelectionChange?: (key: string[]) => void;
@@ -80,9 +80,9 @@ class Listbox<T = unknown> extends Component<ListboxSignature<T>> {
     onSelectionChange: this.args.onSelectionChange,
     onAction: this.args.onAction,
     onActiveItemChange: this.args.onActiveItemChange,
-    autoActivateFirstItem: isUndefined(this.args.autoActivateFirstItem)
-      ? true
-      : this.args.autoActivateFirstItem
+    autoActivateMode: isUndefined(this.args.autoActivateMode)
+      ? 'first'
+      : this.args.autoActivateMode
   });
 
   handleKeyPress = (event: KeyboardEvent) => {
@@ -192,8 +192,8 @@ class Listbox<T = unknown> extends Component<ListboxSignature<T>> {
         disabledKeys=@disabledKeys
         selectionMode=@selectionMode
         allowEmpty=@allowEmpty
-        autoActivateFirstItem=(if
-          (isUndefined @autoActivateFirstItem) true @autoActivateFirstItem
+        autoActivateMode=(if
+          (isUndefined @autoActivateMode) "first" @autoActivateMode
         )
       }}
       {{on "keypress" this.onKeyPress}}