rawlist - arrows doesn't work

[td-krzysiek]

Hello,

In the past rawlist supported up/down arrows to navigate through the options. Currently I can use arrows for 'select' but not for the 'rawlist'. Why this happens, please?

import { select, rawlist } from '@inquirer/prompts';

console.log(
  await select({
    message: 'Select a package manager',
    choices: [
      { name: 'npm', value: 'npm' },
      { name: 'yarn', value: 'yarn' },
      { name: 'pnpm', value: 'pnpm' },
    ],
  })
);

console.log(
  await rawlist({
    message: 'Select a package manager',
    choices: [
      { name: 'npm', value: 'npm' },
      { name: 'yarn', value: 'yarn' },
      { name: 'pnpm', value: 'pnpm' },
    ],
  })
);

[SBoudrias]

Hey @td-krzysiek, why not using a select if you want it to be navigable by arrow?

I didn't know/remember arrows were working previously, I'm not against re-adding it, but I think overall the select will just be a better experience.

[td-krzysiek]

Hi @SBoudrias, in my use case, I have a menu where most levels have just a few entries, but some options display, say, 15 entries. People usually navigate using arrows, but when many entries appear on the list, it is more convenient to enter a number (unless the option is close to the top or bottom of the list).

In worked in inquirer@9:

To reproduce:

npm init -y
npm i inquirer@9

main.mjs:

import inquirer from 'inquirer'

inquirer.prompt([
  {
    name: 'question',
    type: 'rawlist',
    choices: [
      { name: 'abc' },
      { name: 'bcd' }
    ]
  }
]);

[SBoudrias]

@td-krzysiek the latest select (either in inquirer or @inquirer/prompts or @inquirer/select) does select the input name you typed; which makes it more convenient than the one from v9.

[td-krzysiek]

Thank you, for a time being we will consider using select but with numeric keyboard it is more convenient to type numbers for larger lists, so rawlist from v9 was ideal for our use case :-)

[IhToN]

This exact use-case is happening to me right now. As a temporary solution I created a new custom prompt based on @inquirer/select.

I took the chance to add a new configurable setting called showIndex (false by default) to the current select prompt. If anything needs to be changed or you have any other suggestion please feel free to mention it and I'll try my best