@inquirer/select 5.0.6 → 5.1.0

package/dist/index.d.ts

@@ -9,6 +9,9 @@ type SelectTheme = {
         description: (text: string) => string;
         keysHelpTip: (keys: [key: string, action: string][]) => string | undefined;
     };
+    i18n: {
+        disabledError: string;
+    };
     indexMode: 'hidden' | 'number';
     keybindings: ReadonlyArray<Keybinding>;
 };

package/dist/index.js

@@ -5,18 +5,22 @@ import figures from '@inquirer/figures';
 const selectTheme = {
     icon: { cursor: figures.pointer },
     style: {
-        disabled: (text) => styleText('dim', `- ${text}`),
+        disabled: (text) => styleText('dim', text),
         description: (text) => styleText('cyan', text),
         keysHelpTip: (keys) => keys
             .map(([key, action]) => `${styleText('bold', key)} ${styleText('dim', action)}`)
             .join(styleText('dim', ' • ')),
     },
+    i18n: { disabledError: 'This option is disabled and cannot be selected.' },
     indexMode: 'hidden',
     keybindings: [],
 };
 function isSelectable(item) {
     return !Separator.isSeparator(item) && !item.disabled;
 }
+function isNavigable(item) {
+    return !Separator.isSeparator(item);
+}
 function normalizeChoices(choices) {
     return choices.map((choice) => {
         if (Separator.isSeparator(choice))
@@ -56,8 +60,8 @@ export default createPrompt((config, done) => {
     const searchEnabled = !keybindings.includes('vim');
     const items = useMemo(() => normalizeChoices(config.choices), [config.choices]);
     const bounds = useMemo(() => {
-        const first = items.findIndex(isSelectable);
-        const last = items.findLastIndex(isSelectable);
+        const first = items.findIndex(isNavigable);
+        const last = items.findLastIndex(isNavigable);
         if (first === -1) {
             throw new ValidationError('[select prompt] No selectable choices. All choices are disabled.');
         }
@@ -71,11 +75,20 @@ export default createPrompt((config, done) => {
     const [active, setActive] = useState(defaultItemIndex === -1 ? bounds.first : defaultItemIndex);
     // Safe to assume the cursor position always point to a Choice.
     const selectedChoice = items[active];
+    const [errorMsg, setError] = useState();
     useKeypress((key, rl) => {
         clearTimeout(searchTimeoutRef.current);
+        if (errorMsg) {
+            setError(undefined);
+        }
         if (isEnterKey(key)) {
-            setStatus('done');
-            done(selectedChoice.value);
+            if (selectedChoice.disabled) {
+                setError(theme.i18n.disabledError);
+            }
+            else {
+                setStatus('done');
+                done(selectedChoice.value);
+            }
         }
         else if (isUpKey(key, keybindings) || isDownKey(key, keybindings)) {
             rl.clearLine(0);
@@ -86,7 +99,7 @@ export default createPrompt((config, done) => {
                 let next = active;
                 do {
                     next = (next + offset + items.length) % items.length;
-                } while (!isSelectable(items[next]));
+                } while (!isNavigable(items[next]));
                 setActive(next);
             }
         }
@@ -143,13 +156,14 @@ export default createPrompt((config, done) => {
                 separatorCount++;
                 return ` ${item.separator}`;
             }
+            const cursor = isActive ? theme.icon.cursor : ' ';
             const indexLabel = theme.indexMode === 'number' ? `${index + 1 - separatorCount}. ` : '';
             if (item.disabled) {
                 const disabledLabel = typeof item.disabled === 'string' ? item.disabled : '(disabled)';
-                return theme.style.disabled(`${indexLabel}${item.name} ${disabledLabel}`);
+                const disabledCursor = isActive ? theme.icon.cursor : '-';
+                return theme.style.disabled(`${disabledCursor} ${indexLabel}${item.name} ${disabledLabel}`);
             }
             const color = isActive ? theme.style.highlight : (x) => x;
-            const cursor = isActive ? theme.icon.cursor : ` `;
             return color(`${cursor} ${indexLabel}${item.name}`);
         },
         pageSize,
@@ -166,6 +180,7 @@ export default createPrompt((config, done) => {
         page,
         ' ',
         description ? theme.style.description(description) : '',
+        errorMsg ? theme.style.error(errorMsg) : '',
         helpLine,
     ]
         .filter(Boolean)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inquirer/select",
-  "version": "5.0.6",
+  "version": "5.1.0",
   "description": "Inquirer select/list prompt",
   "keywords": [
     "answer",
@@ -68,12 +68,12 @@
   },
   "dependencies": {
     "@inquirer/ansi": "^2.0.3",
-    "@inquirer/core": "^11.1.3",
+    "@inquirer/core": "^11.1.5",
     "@inquirer/figures": "^2.0.3",
     "@inquirer/type": "^4.0.3"
   },
   "devDependencies": {
-    "@inquirer/testing": "^3.1.1",
+    "@inquirer/testing": "^3.3.0",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
@@ -89,5 +89,5 @@
   },
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "gitHead": "48b5d7e8b14d5c9fc4a19a8f1ead20a7593b29e1"
+  "gitHead": "526eca2e64853510821ffd457561840ec0cbfb93"
 }