@inquirer/select 4.0.10 → 4.1.0

package/README.md

@@ -144,6 +144,7 @@ type Theme = {
     cursor: string;
   };
   helpMode: 'always' | 'never' | 'auto';
+  indexMode: 'hidden' | 'number';
 };
 ```
 
@@ -153,6 +154,13 @@ type Theme = {
 - `always`: The help tips will always show and never hide.
 - `never`: The help tips will never show.
 
+### `theme.indexMode`
+
+Controls how indices are displayed before each choice:
+
+- `hidden` (default): No indices are shown
+- `number`: Display a number before each choice (e.g. "1. Option A")
+
 # License
 
 Copyright (c) 2023 Simon Boudrias (twitter: [@vaxilart](https://twitter.com/Vaxilart))<br/>

package/dist/commonjs/index.d.ts

@@ -9,6 +9,7 @@ type SelectTheme = {
         description: (text: string) => string;
     };
     helpMode: 'always' | 'never' | 'auto';
+    indexMode: 'hidden' | 'number';
 };
 type Choice<Value> = {
     value: Value;

package/dist/commonjs/index.js

@@ -15,6 +15,7 @@ const selectTheme = {
         description: (text) => yoctocolors_cjs_1.default.cyan(text),
     },
     helpMode: 'auto',
+    indexMode: 'hidden',
 };
 function isSelectable(item) {
     return !core_1.Separator.isSeparator(item) && !item.disabled;
@@ -84,13 +85,15 @@ exports.default = (0, core_1.createPrompt)((config, done) => {
                 setActive(next);
             }
         }
-        else if ((0, core_1.isNumberKey)(key)) {
-            rl.clearLine(0);
-            const position = Number(key.name) - 1;
+        else if ((0, core_1.isNumberKey)(key) && !Number.isNaN(Number(rl.line))) {
+            const position = Number(rl.line) - 1;
             const item = items[position];
             if (item != null && isSelectable(item)) {
                 setActive(position);
             }
+            searchTimeoutRef.current = setTimeout(() => {
+                rl.clearLine(0);
+            }, 700);
         }
         else if ((0, core_1.isBackspaceKey)(key)) {
             rl.clearLine(0);
@@ -130,17 +133,18 @@ exports.default = (0, core_1.createPrompt)((config, done) => {
     const page = (0, core_1.usePagination)({
         items,
         active,
-        renderItem({ item, isActive }) {
+        renderItem({ item, isActive, index }) {
             if (core_1.Separator.isSeparator(item)) {
                 return ` ${item.separator}`;
             }
+            const indexLabel = theme.indexMode === 'number' ? `${index + 1}. ` : '';
             if (item.disabled) {
                 const disabledLabel = typeof item.disabled === 'string' ? item.disabled : '(disabled)';
-                return theme.style.disabled(`${item.name} ${disabledLabel}`);
+                return theme.style.disabled(`${indexLabel}${item.name} ${disabledLabel}`);
             }
             const color = isActive ? theme.style.highlight : (x) => x;
             const cursor = isActive ? theme.icon.cursor : ` `;
-            return color(`${cursor} ${item.name}`);
+            return color(`${cursor} ${indexLabel}${item.name}`);
         },
         pageSize,
         loop,

package/dist/esm/index.d.ts

@@ -9,6 +9,7 @@ type SelectTheme = {
         description: (text: string) => string;
     };
     helpMode: 'always' | 'never' | 'auto';
+    indexMode: 'hidden' | 'number';
 };
 type Choice<Value> = {
     value: Value;

package/dist/esm/index.js

@@ -9,6 +9,7 @@ const selectTheme = {
         description: (text) => colors.cyan(text),
     },
     helpMode: 'auto',
+    indexMode: 'hidden',
 };
 function isSelectable(item) {
     return !Separator.isSeparator(item) && !item.disabled;
@@ -78,13 +79,15 @@ export default createPrompt((config, done) => {
                 setActive(next);
             }
         }
-        else if (isNumberKey(key)) {
-            rl.clearLine(0);
-            const position = Number(key.name) - 1;
+        else if (isNumberKey(key) && !Number.isNaN(Number(rl.line))) {
+            const position = Number(rl.line) - 1;
             const item = items[position];
             if (item != null && isSelectable(item)) {
                 setActive(position);
             }
+            searchTimeoutRef.current = setTimeout(() => {
+                rl.clearLine(0);
+            }, 700);
         }
         else if (isBackspaceKey(key)) {
             rl.clearLine(0);
@@ -124,17 +127,18 @@ export default createPrompt((config, done) => {
     const page = usePagination({
         items,
         active,
-        renderItem({ item, isActive }) {
+        renderItem({ item, isActive, index }) {
             if (Separator.isSeparator(item)) {
                 return ` ${item.separator}`;
             }
+            const indexLabel = theme.indexMode === 'number' ? `${index + 1}. ` : '';
             if (item.disabled) {
                 const disabledLabel = typeof item.disabled === 'string' ? item.disabled : '(disabled)';
-                return theme.style.disabled(`${item.name} ${disabledLabel}`);
+                return theme.style.disabled(`${indexLabel}${item.name} ${disabledLabel}`);
             }
             const color = isActive ? theme.style.highlight : (x) => x;
             const cursor = isActive ? theme.icon.cursor : ` `;
-            return color(`${cursor} ${item.name}`);
+            return color(`${cursor} ${indexLabel}${item.name}`);
         },
         pageSize,
         loop,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inquirer/select",
-  "version": "4.0.10",
+  "version": "4.1.0",
   "description": "Inquirer select/list prompt",
   "keywords": [
     "answer",
@@ -74,7 +74,7 @@
     "tsc": "tshy"
   },
   "dependencies": {
-    "@inquirer/core": "^10.1.8",
+    "@inquirer/core": "^10.1.9",
     "@inquirer/figures": "^1.0.11",
     "@inquirer/type": "^3.0.5",
     "ansi-escapes": "^4.3.2",
@@ -109,5 +109,5 @@
       "optional": true
     }
   },
-  "gitHead": "79a0b3e7446b4a3de09445bf2f4031e4190b6382"
+  "gitHead": "83508f90ca65d26abc1408e4209e4f8fc73e43fe"
 }