feat: add the possibility to select directories

The `type` option is added to define the type selection, either `file`, `directory`, or both `file+directory`. By default the value will be `file` following the expected behavior so far.
In addition, from now on the `backspace` key will be used to navigate within directories.

Author: br14n-sol

src/index.ts

@@ -5,6 +5,7 @@ import {
   isBackspaceKey,
   isDownKey,
   isEnterKey,
+  isSpaceKey,
   isUpKey,
   makeTheme,
   useKeypress,
@@ -55,6 +56,7 @@ const fileSelectorTheme: FileSelectorTheme = {
 
 export default createPrompt<string, FileSelectorConfig>((config, done) => {
   const {
+    type = 'file',
     pageSize = 10,
     loop = false,
     showExcluded = false,
@@ -101,13 +103,19 @@ export default createPrompt<string, FileSelectorConfig>((config, done) => {
 
   useKeypress((key, rl) => {
     if (isEnterKey(key)) {
-      if (activeItem.isDirectory()) {
-        setCurrentDir(activeItem.path)
-        setActive(bounds.first)
-      } else if (!activeItem.isDisabled) {
-        setStatus('done')
-        done(activeItem.path)
+      if (
+        activeItem.isDisabled ||
+        (type === 'file' && activeItem.isDirectory()) ||
+        (type === 'directory' && !activeItem.isDirectory())
+      ) {
+        return
       }
+
+      setStatus('done')
+      done(activeItem.path)
+    } else if (isSpaceKey(key) && activeItem.isDirectory()) {
+      setCurrentDir(activeItem.path)
+      setActive(bounds.first)
     } else if (isUpKey(key) || isDownKey(key)) {
       rl.clearLine(0)
 
@@ -173,8 +181,8 @@ export default createPrompt<string, FileSelectorConfig>((config, done) => {
   const header = theme.style.currentDir(ensureTrailingSlash(currentDir))
   const helpTip = useMemo(() => {
     const helpTipLines = [
-      `${theme.style.key(figures.arrowUp + figures.arrowDown)} navigate, ${theme.style.key('<enter>')} select or open directory`,
-      `${theme.style.key('<backspace>')} go back${allowCancel ? `, ${theme.style.key('<esc>')} cancel` : ''}`
+      `${theme.style.key(figures.arrowUp + figures.arrowDown)} navigate, ${theme.style.key('<enter>')} select${allowCancel ? `, ${theme.style.key('<esc>')} cancel` : ''}`,
+      `${theme.style.key('<space>')} open directory, ${theme.style.key('<backspace>')} go back`
     ]
 
     const helpTipMaxLength = getMaxLength(helpTipLines)

src/types.ts

@@ -105,6 +105,11 @@ export type FileSelectorConfig = {
    * @default process.cwd()
    */
   basePath?: string
+  /**
+   * The type of elements that are valid selection options.
+   * @default 'file'
+   */
+  type?: 'file' | 'directory' | 'file+directory'
   /**
    * The maximum number of items to display in the list.
    * @default 10