feat(select): customize the display text for disabled text (#1201)

* feat(select): customize display text of disabled option * Update packages/select/src/index.mts Co-authored-by: Simon Boudrias <admin@simonboudrias.com> --------- Co-authored-by: Simon Boudrias <admin@simonboudrias.com>
SBoudrias · Mar 18, 2023 · 5b94c7e · 5b94c7e
1 parent f908b73
commit 5b94c7e
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/packages/select/src/index.mts b/packages/select/src/index.mts
@@ -17,7 +17,12 @@ import figures from 'figures';
 import ansiEscapes from 'ansi-escapes';
 
 type SelectConfig = AsyncPromptConfig & {
-  choices: { value: string; name?: string; description?: string; disabled?: boolean }[];
+  choices: {
+    value: string;
+    name?: string;
+    description?: string;
+    disabled?: boolean | string;
+  }[];
   pageSize?: number;
 };
 
@@ -79,7 +84,9 @@ export default createPrompt<string, SelectConfig>((config, done) => {
     .map(({ name, value, disabled }, index) => {
       const line = name || value;
       if (disabled) {
-        return chalk.dim(`- ${line} (disabled)`);
+        return chalk.dim(
+          `- ${line} ${typeof disabled === 'string' ? disabled : '(disabled)'}`
+        );
       }
 
       if (index === cursorPosition) {