fix(prompts): render falsy options in limitOptions (#628)

Author: imharjot

.changeset/quiet-options-render.md

@@ -0,0 +1,5 @@
+---
+'@clack/prompts': patch
+---
+
+Render falsy primitive options through the `limitOptions` style callback instead of leaving blank rows.

packages/prompts/src/limit-options.ts

@@ -149,7 +149,7 @@ export const limitOptions = <TOption>({
 
 	for (let i = slidingWindowLocationWithEllipsis; i < slidingWindowLocationEndWithEllipsis; i++) {
 		const option = options[i];
-		const styledOption = option ? style(option, i === cursor) : '';
+		const styledOption = option !== undefined ? style(option, i === cursor) : '';
 		const wrappedLines = wrapAnsi(styledOption, maxWidth, {
 			hard: true,
 			trim: false,

packages/prompts/test/limit-options.test.ts

@@ -93,6 +93,16 @@ describe('limitOptions', () => {
 		expect(result).toEqual([]);
 	});
 
+	test('styles falsy primitive options and identifies the active option', () => {
+		const result = limitOptions({
+			output,
+			options: [0, false, '', 1],
+			cursor: 1,
+			style: (option, active) => `${active ? '> ' : ''}[${String(option)}]`,
+		});
+		expect(result).toEqual(['[0]', '> [false]', '[]', '[1]']);
+	});
+
 	test('if items exceed output height, clamp to fit', async () => {
 		options.options = [
 			{ value: 'Item 1' },