@inquirer/select 1.2.12 → 1.3.0

package/dist/cjs/index.js

@@ -26,16 +26,19 @@ function renderItem({ item, isActive }) {
     return color(`${prefix} ${line}`);
 }
 exports.default = (0, core_1.createPrompt)((config, done) => {
-    const { choices: items, pageSize } = config;
+    const { choices: items, loop = true, pageSize } = config;
     const firstRender = (0, core_1.useRef)(true);
     const prefix = (0, core_1.usePrefix)();
     const [status, setStatus] = (0, core_1.useState)('pending');
-    const [active, setActive] = (0, core_1.useState)(() => {
-        const selected = items.findIndex(isSelectable);
-        if (selected < 0)
+    const bounds = (0, core_1.useMemo)(() => {
+        const first = items.findIndex(isSelectable);
+        // TODO: Replace with `findLastIndex` when it's available.
+        const last = items.length - 1 - [...items].reverse().findIndex(isSelectable);
+        if (first < 0)
             throw new Error('[select prompt] No selectable choices. All choices are disabled.');
-        return selected;
-    });
+        return { first, last };
+    }, [items]);
+    const [active, setActive] = (0, core_1.useState)(bounds.first);
     // Safe to assume the cursor position always point to a Choice.
     const selectedChoice = items[active];
     (0, core_1.useKeypress)((key) => {
@@ -44,6 +47,10 @@ exports.default = (0, core_1.createPrompt)((config, done) => {
             done(selectedChoice.value);
         }
         else if ((0, core_1.isUpKey)(key) || (0, core_1.isDownKey)(key)) {
+            if (!loop && active === bounds.first && (0, core_1.isUpKey)(key))
+                return;
+            if (!loop && active === bounds.last && (0, core_1.isDownKey)(key))
+                return;
             const offset = (0, core_1.isUpKey)(key) ? -1 : 1;
             let next = active;
             do {
@@ -64,12 +71,12 @@ exports.default = (0, core_1.createPrompt)((config, done) => {
         firstRender.current = false;
         message += chalk_1.default.dim(' (Use arrow keys)');
     }
-    const lines = items
-        .map((item, index) => renderItem({ item, isActive: index === active }))
-        .join('\n');
-    const page = (0, core_1.usePagination)(lines, {
+    const page = (0, core_1.usePagination)({
+        items,
         active,
+        renderItem,
         pageSize,
+        loop,
     });
     if (status === 'done') {
         return `${prefix} ${message} ${chalk_1.default.cyan(selectedChoice.name || selectedChoice.value)}`;

package/dist/cjs/types/index.d.ts

@@ -10,6 +10,7 @@ declare const _default: <Value extends unknown>(config: {
     message: string | Promise<string> | (() => Promise<string>);
     choices: readonly (Separator | Choice<Value>)[];
     pageSize?: number | undefined;
+    loop?: boolean | undefined;
 }, context?: import("@inquirer/type").Context | undefined) => import("@inquirer/type").CancelablePromise<Value>;
 export default _default;
 export { Separator };

package/dist/esm/index.mjs

@@ -1,4 +1,4 @@
-import { createPrompt, useState, useKeypress, usePrefix, usePagination, useRef, isEnterKey, isUpKey, isDownKey, isNumberKey, Separator, } from '@inquirer/core';
+import { createPrompt, useState, useKeypress, usePrefix, usePagination, useRef, useMemo, isEnterKey, isUpKey, isDownKey, isNumberKey, Separator, } from '@inquirer/core';
 import chalk from 'chalk';
 import figures from 'figures';
 import ansiEscapes from 'ansi-escapes';
@@ -19,16 +19,19 @@ function renderItem({ item, isActive }) {
     return color(`${prefix} ${line}`);
 }
 export default createPrompt((config, done) => {
-    const { choices: items, pageSize } = config;
+    const { choices: items, loop = true, pageSize } = config;
     const firstRender = useRef(true);
     const prefix = usePrefix();
     const [status, setStatus] = useState('pending');
-    const [active, setActive] = useState(() => {
-        const selected = items.findIndex(isSelectable);
-        if (selected < 0)
+    const bounds = useMemo(() => {
+        const first = items.findIndex(isSelectable);
+        // TODO: Replace with `findLastIndex` when it's available.
+        const last = items.length - 1 - [...items].reverse().findIndex(isSelectable);
+        if (first < 0)
             throw new Error('[select prompt] No selectable choices. All choices are disabled.');
-        return selected;
-    });
+        return { first, last };
+    }, [items]);
+    const [active, setActive] = useState(bounds.first);
     // Safe to assume the cursor position always point to a Choice.
     const selectedChoice = items[active];
     useKeypress((key) => {
@@ -37,6 +40,10 @@ export default createPrompt((config, done) => {
             done(selectedChoice.value);
         }
         else if (isUpKey(key) || isDownKey(key)) {
+            if (!loop && active === bounds.first && isUpKey(key))
+                return;
+            if (!loop && active === bounds.last && isDownKey(key))
+                return;
             const offset = isUpKey(key) ? -1 : 1;
             let next = active;
             do {
@@ -57,12 +64,12 @@ export default createPrompt((config, done) => {
         firstRender.current = false;
         message += chalk.dim(' (Use arrow keys)');
     }
-    const lines = items
-        .map((item, index) => renderItem({ item, isActive: index === active }))
-        .join('\n');
-    const page = usePagination(lines, {
+    const page = usePagination({
+        items,
         active,
+        renderItem,
         pageSize,
+        loop,
     });
     if (status === 'done') {
         return `${prefix} ${message} ${chalk.cyan(selectedChoice.name || selectedChoice.value)}`;

package/dist/esm/types/index.d.mts

@@ -10,6 +10,7 @@ declare const _default: <Value extends unknown>(config: {
     message: string | Promise<string> | (() => Promise<string>);
     choices: readonly (Separator | Choice<Value>)[];
     pageSize?: number | undefined;
+    loop?: boolean | undefined;
 }, context?: import("@inquirer/type").Context | undefined) => import("@inquirer/type").CancelablePromise<Value>;
 export default _default;
 export { Separator };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inquirer/select",
-  "version": "1.2.12",
+  "version": "1.3.0",
   "description": "Inquirer select/list prompt",
   "main": "./dist/cjs/index.js",
   "typings": "./dist/cjs/types/index.d.ts",
@@ -54,14 +54,14 @@
   "license": "MIT",
   "homepage": "https://github.com/SBoudrias/Inquirer.js/blob/master/packages/select/README.md",
   "dependencies": {
-    "@inquirer/core": "^5.0.1",
+    "@inquirer/core": "^5.1.0",
     "@inquirer/type": "^1.1.5",
     "ansi-escapes": "^4.3.2",
     "chalk": "^4.1.2",
     "figures": "^3.2.0"
   },
   "devDependencies": {
-    "@inquirer/testing": "^2.1.7"
+    "@inquirer/testing": "^2.1.8"
   },
   "scripts": {
     "tsc": "yarn run tsc:esm && yarn run tsc:cjs",
@@ -86,5 +86,5 @@
       }
     }
   },
-  "gitHead": "85784061d702778bc9dd48ca08f09ee9976b06ee"
+  "gitHead": "c88aaca660e58aa0fb079fe656c1004855e029da"
 }