Function render

packages/prompts/src/group-multi-select.ts:224–317

()

				)}`;
		},
		render() {
			const hasGuide = opts.withGuide ?? settings.withGuide;
			const title = `${hasGuide ? `${styleText('gray', S_BAR)}\n` : ''}${symbol(this.state)}  ${opts.message}\n`;
			const value = this.value ?? [];

			const styleOption = (
				option: Option<Value> & { group: string | boolean },
				active: boolean
			) => {
				const options = this.options;
				const selected =
					value.includes(option.value) ||
					(option.group === true && this.isGroupSelected(`${option.value}`));
				const groupActive =
					!active &&
					typeof option.group === 'string' &&
					this.options[this.cursor].value === option.group;
				if (groupActive) {
					return opt(option, selected ? 'group-active-selected' : 'group-active', options);
				}
				if (active && selected) {
					return opt(option, 'active-selected', options);
				}
				if (selected) {
					return opt(option, 'selected', options);
				}
				return opt(option, active ? 'active' : 'inactive', options);
			};

			switch (this.state) {
				case 'submit': {
					const selectedOptions = this.options
						.filter(({ value: optionValue }) => value.includes(optionValue))
						.map((option) => opt(option, 'submitted'));
					const optionsText =
						selectedOptions.length === 0 ? '' : `  ${selectedOptions.join(styleText('dim', ', '))}`;
					return `${title}${hasGuide ? styleText('gray', S_BAR) : ''}${optionsText}`;
				}
				case 'cancel': {
					const label = this.options
						.filter(({ value: optionValue }) => value.includes(optionValue))
						.map((option) => opt(option, 'cancelled'))
						.join(styleText('dim', ', '));
					return `${title}${hasGuide ? `${styleText('gray', S_BAR)}  ` : ''}${
						label.trim() ? `${label}${hasGuide ? `\n${styleText('gray', S_BAR)}` : ''}` : ''
					}`;
				}
				case 'error': {
					const guidePrefix = hasGuide ? `${styleText('yellow', S_BAR)}  ` : '';
					const footer = this.error
						.split('\n')
						.map((ln, i) =>
							i === 0
								? `${hasGuide ? `${styleText('yellow', S_BAR_END)}  ` : ''}${styleText('yellow', ln)}`
								: `   ${ln}`
						)
						.join('\n');
					// Calculate rowPadding: title lines + footer lines (error message + trailing newline)