[READ-ONLY] Mirror of https://github.com/bombshell-dev/clack. Effortlessly build beautiful command-line apps
bomb.sh/docs/clack/basics/getting-started/
cli
command-line
command-line-app
node
prompt
prompts
feat(prompts): support maxItems in groupMultiselect (#528)
+788
-98
+5
.changeset/tame-beds-kiss.md
+5
.changeset/tame-beds-kiss.md
+55
-54
packages/prompts/src/group-multi-select.ts
+55
-54
packages/prompts/src/group-multi-select.ts
···
9
9
S_CHECKBOX_SELECTED,
10
10
symbol,
11
11
} from './common.js';
12
+
import { limitOptions } from './limit-options.js';
12
13
import type { Option } from './select.js';
13
14
14
15
export interface GroupMultiSelectOptions<Value> extends CommonOptions {
15
16
message: string;
16
17
options: Record<string, Option<Value>[]>;
17
18
initialValues?: Value[];
19
+
maxItems?: number;
18
20
required?: boolean;
19
21
cursorAt?: Value;
20
22
selectableGroups?: boolean;
···
42
44
const prefix = isItem ? (selectableGroups ? `${isLast ? S_BAR_END : S_BAR} ` : ' ') : '';
43
45
let spacingPrefix = '';
44
46
if (groupSpacing > 0 && !isItem) {
45
-
const spacingPrefixText = `\n${styleText('cyan', S_BAR)}`;
46
-
spacingPrefix = `${spacingPrefixText.repeat(groupSpacing - 1)}${spacingPrefixText} `;
47
+
spacingPrefix = '\n'.repeat(groupSpacing);
47
48
}
48
49
49
50
if (state === 'active') {
···
108
109
const title = `${hasGuide ? `${styleText('gray', S_BAR)}\n` : ''}${symbol(this.state)} ${opts.message}\n`;
109
110
const value = this.value ?? [];
110
111
112
+
const styleOption = (
113
+
option: Option<Value> & { group: string | boolean },
114
+
active: boolean
115
+
) => {
116
+
const options = this.options;
117
+
const selected =
118
+
value.includes(option.value) ||
119
+
(option.group === true && this.isGroupSelected(`${option.value}`));
120
+
const groupActive =
121
+
!active &&
122
+
typeof option.group === 'string' &&
123
+
this.options[this.cursor].value === option.group;
124
+
if (groupActive) {
125
+
return opt(option, selected ? 'group-active-selected' : 'group-active', options);
126
+
}
127
+
if (active && selected) {
128
+
return opt(option, 'active-selected', options);
129
+
}
130
+
if (selected) {
131
+
return opt(option, 'selected', options);
132
+
}
133
+
return opt(option, active ? 'active' : 'inactive', options);
134
+
};
135
+
111
136
switch (this.state) {
112
137
case 'submit': {
113
138
const selectedOptions = this.options
···
127
152
}`;
128
153
}
129
154
case 'error': {
155
+
const guidePrefix = hasGuide ? `${styleText('yellow', S_BAR)} ` : '';
130
156
const footer = this.error
131
157
.split('\n')
132
158
.map((ln, i) =>
···
135
161
: ` ${ln}`
136
162
)
137
163
.join('\n');
138
-
return `${title}${hasGuide ? `${styleText('yellow', S_BAR)} ` : ''}${this.options
139
-
.map((option, i, options) => {
140
-
const selected =
141
-
value.includes(option.value) ||
142
-
(option.group === true && this.isGroupSelected(`${option.value}`));
143
-
const active = i === this.cursor;
144
-
const groupActive =
145
-
!active &&
146
-
typeof option.group === 'string' &&
147
-
this.options[this.cursor].value === option.group;
148
-
if (groupActive) {
149
-
return opt(option, selected ? 'group-active-selected' : 'group-active', options);
150
-
}
151
-
if (active && selected) {
152
-
return opt(option, 'active-selected', options);
153
-
}
154
-
if (selected) {
155
-
return opt(option, 'selected', options);
156
-
}
157
-
return opt(option, active ? 'active' : 'inactive', options);
158
-
})
159
-
.join(`\n${hasGuide ? `${styleText('yellow', S_BAR)} ` : ''}`)}\n${footer}\n`;
164
+
// Calculate rowPadding: title lines + footer lines (error message + trailing newline)
165
+
const titleLineCount = title.split('\n').length;
166
+
const footerLineCount = footer.split('\n').length + 1; // footer + trailing newline
167
+
const optionsText = limitOptions({
168
+
output: opts.output,
169
+
options: this.options,
170
+
cursor: this.cursor,
171
+
maxItems: opts.maxItems,
172
+
columnPadding: guidePrefix.length,
173
+
rowPadding: titleLineCount + footerLineCount,
174
+
style: styleOption,
175
+
}).join(`\n${guidePrefix}`);
176
+
return `${title}${guidePrefix}${optionsText}\n${footer}\n`;
160
177
}
161
178
default: {
162
-
const optionsText = this.options
163
-
.map((option, i, options) => {
164
-
const selected =
165
-
value.includes(option.value) ||
166
-
(option.group === true && this.isGroupSelected(`${option.value}`));
167
-
const active = i === this.cursor;
168
-
const groupActive =
169
-
!active &&
170
-
typeof option.group === 'string' &&
171
-
this.options[this.cursor].value === option.group;
172
-
let optionText = '';
173
-
if (groupActive) {
174
-
optionText = opt(
175
-
option,
176
-
selected ? 'group-active-selected' : 'group-active',
177
-
options
178
-
);
179
-
} else if (active && selected) {
180
-
optionText = opt(option, 'active-selected', options);
181
-
} else if (selected) {
182
-
optionText = opt(option, 'selected', options);
183
-
} else {
184
-
optionText = opt(option, active ? 'active' : 'inactive', options);
185
-
}
186
-
const prefix = i !== 0 && !optionText.startsWith('\n') ? ' ' : '';
187
-
return `${prefix}${optionText}`;
188
-
})
189
-
.join(`\n${hasGuide ? styleText('cyan', S_BAR) : ''}`);
190
-
const optionsPrefix = optionsText.startsWith('\n') ? '' : ' ';
191
-
return `${title}${hasGuide ? styleText('cyan', S_BAR) : ''}${optionsPrefix}${optionsText}\n${
179
+
const guidePrefix = hasGuide ? `${styleText('cyan', S_BAR)} ` : '';
180
+
// Calculate rowPadding: title lines + footer lines (S_BAR_END + trailing newline)
181
+
const titleLineCount = title.split('\n').length;
182
+
const footerLineCount = (hasGuide ? 1 : 0) + 1; // guide line + trailing newline
183
+
const optionsText = limitOptions({
184
+
output: opts.output,
185
+
options: this.options,
186
+
cursor: this.cursor,
187
+
maxItems: opts.maxItems,
188
+
columnPadding: guidePrefix.length,
189
+
rowPadding: titleLineCount + footerLineCount,
190
+
style: styleOption,
191
+
}).join(`\n${guidePrefix}`);
192
+
return `${title}${guidePrefix}${optionsText}\n${
192
193
hasGuide ? styleText('cyan', S_BAR_END) : ''
193
194
}\n`;
194
195
}
+658
-44
packages/prompts/test/__snapshots__/group-multi-select.test.ts.snap
+658
-44
packages/prompts/test/__snapshots__/group-multi-select.test.ts.snap
···
252
252
[
253
253
"<cursor.hide>",
254
254
"[36m◆[39m foo
255
-
[2m[22m[36m◻[39m group1
256
-
│ [36m◻[39m [2mgroup1value0[22m
257
-
└ [36m◻[39m [2mgroup1value1[22m
255
+
[2m[22m[36m◻[39m group1
256
+
│ [36m◻[39m [2mgroup1value0[22m
257
+
└ [36m◻[39m [2mgroup1value1[22m
258
258
259
259
",
260
260
"<cursor.backward count=999><cursor.up count=5>",
261
261
"<cursor.down count=1>",
262
262
"<erase.down>",
263
-
" [2m[22m[2m◻[22m [2mgroup1[22m
264
-
[2m│ [22m[36m◻[39m group1value0
265
-
[2m└ [22m[2m◻[22m [2mgroup1value1[22m
263
+
"[2m[22m[2m◻[22m [2mgroup1[22m
264
+
[2m│ [22m[36m◻[39m group1value0
265
+
[2m└ [22m[2m◻[22m [2mgroup1value1[22m
266
266
267
267
",
268
268
"<cursor.backward count=999><cursor.up count=5>",
269
269
"<cursor.down count=2>",
270
270
"<erase.line><cursor.left count=1>",
271
-
" [2m│ [22m[32m◼[39m group1value0",
271
+
"[2m│ [22m[32m◼[39m group1value0",
272
272
"<cursor.down count=3>",
273
273
"<cursor.backward count=999><cursor.up count=5>",
274
274
"<erase.down>",
···
325
325
"<cursor.hide>",
326
326
"[90m│[39m
327
327
[36m◆[39m foo
328
-
[36m│[39m
329
-
[36m│[39m
328
+
[36m│[39m
329
+
[36m│[39m
330
330
[36m│[39m [2m[22m[36m◻[39m group1
331
331
[36m│[39m └ [36m◻[39m [2mgroup1value0[22m
332
-
[36m│[39m
333
-
[36m│[39m
332
+
[36m│[39m
333
+
[36m│[39m
334
334
[36m│[39m [2m[22m[2m◻[22m [2mgroup2[22m
335
335
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup2value0[22m
336
336
[36m└[39m
···
340
340
"<erase.down>",
341
341
"[36m│[39m [2m[22m[2m◻[22m [2mgroup1[22m
342
342
[36m│[39m [2m└ [22m[36m◻[39m group1value0
343
-
[36m│[39m
344
-
[36m│[39m
343
+
[36m│[39m
344
+
[36m│[39m
345
345
[36m│[39m [2m[22m[2m◻[22m [2mgroup2[22m
346
346
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup2value0[22m
347
347
[36m└[39m
···
351
351
"<erase.down>",
352
352
"[36m│[39m [2m[22m[32m◼[39m [2mgroup1[22m
353
353
[36m│[39m [2m└ [22m[32m◼[39m group1value0
354
-
[36m│[39m
355
-
[36m│[39m
354
+
[36m│[39m
355
+
[36m│[39m
356
356
[36m│[39m [2m[22m[2m◻[22m [2mgroup2[22m
357
357
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup2value0[22m
358
358
[36m└[39m
···
389
389
]
390
390
`;
391
391
392
+
exports[`groupMultiselect (isCI = false) > maxItems renders a sliding window 1`] = `
393
+
[
394
+
"<cursor.hide>",
395
+
"[90m│[39m
396
+
[36m◆[39m foo
397
+
[36m│[39m [2m[22m[36m◻[39m group1
398
+
[36m│[39m │ [36m◻[39m [2mgroup1value0[22m
399
+
[36m│[39m │ [36m◻[39m [2mgroup1value1[22m
400
+
[36m│[39m │ [36m◻[39m [2mgroup1value2[22m
401
+
[36m│[39m │ [36m◻[39m [2mgroup1value3[22m
402
+
[36m│[39m [2m...[22m
403
+
[36m└[39m
404
+
",
405
+
"<cursor.backward count=999><cursor.up count=9>",
406
+
"<cursor.down count=2>",
407
+
"<erase.down>",
408
+
"[36m│[39m [2m[22m[2m◻[22m [2mgroup1[22m
409
+
[36m│[39m [2m│ [22m[36m◻[39m group1value0
410
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value1[22m
411
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
412
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
413
+
[36m│[39m [2m...[22m
414
+
[36m└[39m
415
+
",
416
+
"<cursor.backward count=999><cursor.up count=9>",
417
+
"<cursor.down count=3>",
418
+
"<erase.down>",
419
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value0[22m
420
+
[36m│[39m [2m│ [22m[36m◻[39m group1value1
421
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
422
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
423
+
[36m│[39m [2m...[22m
424
+
[36m└[39m
425
+
",
426
+
"<cursor.backward count=999><cursor.up count=9>",
427
+
"<cursor.down count=4>",
428
+
"<erase.down>",
429
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value1[22m
430
+
[36m│[39m [2m│ [22m[36m◻[39m group1value2
431
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
432
+
[36m│[39m [2m...[22m
433
+
[36m└[39m
434
+
",
435
+
"<cursor.backward count=999><cursor.up count=9>",
436
+
"<cursor.down count=2>",
437
+
"<erase.down>",
438
+
"[36m│[39m [2m...[22m
439
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value1[22m
440
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
441
+
[36m│[39m [2m│ [22m[36m◻[39m group1value3
442
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value4[22m
443
+
[36m│[39m [2m...[22m
444
+
[36m└[39m
445
+
",
446
+
"<cursor.backward count=999><cursor.up count=9>",
447
+
"<cursor.down count=3>",
448
+
"<erase.down>",
449
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
450
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
451
+
[36m│[39m [2m│ [22m[36m◻[39m group1value4
452
+
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup1value5[22m
453
+
[36m│[39m [2m...[22m
454
+
[36m└[39m
455
+
",
456
+
"<cursor.backward count=999><cursor.up count=9>",
457
+
"<cursor.down count=3>",
458
+
"<erase.down>",
459
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
460
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value4[22m
461
+
[36m│[39m [2m└ [22m[36m◻[39m group1value5
462
+
[36m│[39m [2m[22m[2m◻[22m [2mgroup2[22m
463
+
[36m│[39m [2m...[22m
464
+
[36m└[39m
465
+
",
466
+
"<cursor.backward count=999><cursor.up count=9>",
467
+
"<cursor.down count=5>",
468
+
"<erase.line><cursor.left count=1>",
469
+
"[36m│[39m [2m└ [22m[32m◼[39m group1value5",
470
+
"<cursor.down count=4>",
471
+
"<cursor.backward count=999><cursor.up count=9>",
472
+
"<cursor.down count=1>",
473
+
"<erase.down>",
474
+
"[32m◇[39m foo
475
+
[90m│[39m [2mgroup1value5[22m",
476
+
"
477
+
",
478
+
"<cursor.show>",
479
+
]
480
+
`;
481
+
392
482
exports[`groupMultiselect (isCI = false) > renders error when nothing selected 1`] = `
393
483
[
394
484
"<cursor.hide>",
···
536
626
]
537
627
`;
538
628
629
+
exports[`groupMultiselect (isCI = false) > sliding window loops downwards 1`] = `
630
+
[
631
+
"<cursor.hide>",
632
+
"[90m│[39m
633
+
[36m◆[39m foo
634
+
[36m│[39m [2m[22m[36m◻[39m group1
635
+
[36m│[39m │ [36m◻[39m [2mgroup1value0[22m
636
+
[36m│[39m │ [36m◻[39m [2mgroup1value1[22m
637
+
[36m│[39m │ [36m◻[39m [2mgroup1value2[22m
638
+
[36m│[39m │ [36m◻[39m [2mgroup1value3[22m
639
+
[36m│[39m [2m...[22m
640
+
[36m└[39m
641
+
",
642
+
"<cursor.backward count=999><cursor.up count=9>",
643
+
"<cursor.down count=2>",
644
+
"<erase.down>",
645
+
"[36m│[39m [2m[22m[2m◻[22m [2mgroup1[22m
646
+
[36m│[39m [2m│ [22m[36m◻[39m group1value0
647
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value1[22m
648
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
649
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
650
+
[36m│[39m [2m...[22m
651
+
[36m└[39m
652
+
",
653
+
"<cursor.backward count=999><cursor.up count=9>",
654
+
"<cursor.down count=3>",
655
+
"<erase.down>",
656
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value0[22m
657
+
[36m│[39m [2m│ [22m[36m◻[39m group1value1
658
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
659
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
660
+
[36m│[39m [2m...[22m
661
+
[36m└[39m
662
+
",
663
+
"<cursor.backward count=999><cursor.up count=9>",
664
+
"<cursor.down count=4>",
665
+
"<erase.down>",
666
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value1[22m
667
+
[36m│[39m [2m│ [22m[36m◻[39m group1value2
668
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
669
+
[36m│[39m [2m...[22m
670
+
[36m└[39m
671
+
",
672
+
"<cursor.backward count=999><cursor.up count=9>",
673
+
"<cursor.down count=2>",
674
+
"<erase.down>",
675
+
"[36m│[39m [2m...[22m
676
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value1[22m
677
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
678
+
[36m│[39m [2m│ [22m[36m◻[39m group1value3
679
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value4[22m
680
+
[36m│[39m [2m...[22m
681
+
[36m└[39m
682
+
",
683
+
"<cursor.backward count=999><cursor.up count=9>",
684
+
"<cursor.down count=3>",
685
+
"<erase.down>",
686
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
687
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
688
+
[36m│[39m [2m│ [22m[36m◻[39m group1value4
689
+
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup1value5[22m
690
+
[36m│[39m [2m...[22m
691
+
[36m└[39m
692
+
",
693
+
"<cursor.backward count=999><cursor.up count=9>",
694
+
"<cursor.down count=3>",
695
+
"<erase.down>",
696
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
697
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value4[22m
698
+
[36m│[39m [2m└ [22m[36m◻[39m group1value5
699
+
[36m│[39m [2m[22m[2m◻[22m [2mgroup2[22m
700
+
[36m│[39m [2m...[22m
701
+
[36m└[39m
702
+
",
703
+
"<cursor.backward count=999><cursor.up count=9>",
704
+
"<cursor.down count=3>",
705
+
"<erase.down>",
706
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value4[22m
707
+
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup1value5[22m
708
+
[36m│[39m [2m[22m[36m◻[39m group2
709
+
[36m│[39m │ [36m◻[39m [2mgroup2value0[22m
710
+
[36m│[39m [2m...[22m
711
+
[36m└[39m
712
+
",
713
+
"<cursor.backward count=999><cursor.up count=9>",
714
+
"<cursor.down count=3>",
715
+
"<erase.down>",
716
+
"[36m│[39m [2m└ [22m[2m◻[22m [2mgroup1value5[22m
717
+
[36m│[39m [2m[22m[2m◻[22m [2mgroup2[22m
718
+
[36m│[39m [2m│ [22m[36m◻[39m group2value0
719
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value1[22m
720
+
[36m│[39m [2m...[22m
721
+
[36m└[39m
722
+
",
723
+
"<cursor.backward count=999><cursor.up count=9>",
724
+
"<cursor.down count=3>",
725
+
"<erase.down>",
726
+
"[36m│[39m [2m[22m[2m◻[22m [2mgroup2[22m
727
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value0[22m
728
+
[36m│[39m [2m│ [22m[36m◻[39m group2value1
729
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value2[22m
730
+
[36m│[39m [2m...[22m
731
+
[36m└[39m
732
+
",
733
+
"<cursor.backward count=999><cursor.up count=9>",
734
+
"<cursor.down count=3>",
735
+
"<erase.down>",
736
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value0[22m
737
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value1[22m
738
+
[36m│[39m [2m│ [22m[36m◻[39m group2value2
739
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value3[22m
740
+
[36m│[39m [2m...[22m
741
+
[36m└[39m
742
+
",
743
+
"<cursor.backward count=999><cursor.up count=9>",
744
+
"<cursor.down count=3>",
745
+
"<erase.down>",
746
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value1[22m
747
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value2[22m
748
+
[36m│[39m [2m│ [22m[36m◻[39m group2value3
749
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value4[22m
750
+
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup2value5[22m
751
+
[36m└[39m
752
+
",
753
+
"<cursor.backward count=999><cursor.up count=9>",
754
+
"<cursor.down count=5>",
755
+
"<erase.down>",
756
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value3[22m
757
+
[36m│[39m [2m│ [22m[36m◻[39m group2value4
758
+
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup2value5[22m
759
+
[36m└[39m
760
+
",
761
+
"<cursor.backward count=999><cursor.up count=9>",
762
+
"<cursor.down count=6>",
763
+
"<erase.down>",
764
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value4[22m
765
+
[36m│[39m [2m└ [22m[36m◻[39m group2value5
766
+
[36m└[39m
767
+
",
768
+
"<cursor.backward count=999><cursor.up count=9>",
769
+
"<cursor.down count=2>",
770
+
"<erase.down>",
771
+
"[36m│[39m [2m[22m[36m◻[39m group1
772
+
[36m│[39m │ [36m◻[39m [2mgroup1value0[22m
773
+
[36m│[39m │ [36m◻[39m [2mgroup1value1[22m
774
+
[36m│[39m │ [36m◻[39m [2mgroup1value2[22m
775
+
[36m│[39m │ [36m◻[39m [2mgroup1value3[22m
776
+
[36m│[39m [2m...[22m
777
+
[36m└[39m
778
+
",
779
+
"<cursor.backward count=999><cursor.up count=9>",
780
+
"<cursor.down count=2>",
781
+
"<erase.down>",
782
+
"[36m│[39m [2m[22m[2m◻[22m [2mgroup1[22m
783
+
[36m│[39m [2m│ [22m[36m◻[39m group1value0
784
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value1[22m
785
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
786
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
787
+
[36m│[39m [2m...[22m
788
+
[36m└[39m
789
+
",
790
+
"<cursor.backward count=999><cursor.up count=9>",
791
+
"<cursor.down count=3>",
792
+
"<erase.line><cursor.left count=1>",
793
+
"[36m│[39m [2m│ [22m[32m◼[39m group1value0",
794
+
"<cursor.down count=6>",
795
+
"<cursor.backward count=999><cursor.up count=9>",
796
+
"<cursor.down count=1>",
797
+
"<erase.down>",
798
+
"[32m◇[39m foo
799
+
[90m│[39m [2mgroup1value0[22m",
800
+
"
801
+
",
802
+
"<cursor.show>",
803
+
]
804
+
`;
805
+
806
+
exports[`groupMultiselect (isCI = false) > sliding window loops upwards 1`] = `
807
+
[
808
+
"<cursor.hide>",
809
+
"[90m│[39m
810
+
[36m◆[39m foo
811
+
[36m│[39m [2m[22m[36m◻[39m group1
812
+
[36m│[39m │ [36m◻[39m [2mgroup1value0[22m
813
+
[36m│[39m │ [36m◻[39m [2mgroup1value1[22m
814
+
[36m│[39m │ [36m◻[39m [2mgroup1value2[22m
815
+
[36m│[39m │ [36m◻[39m [2mgroup1value3[22m
816
+
[36m│[39m [2m...[22m
817
+
[36m└[39m
818
+
",
819
+
"<cursor.backward count=999><cursor.up count=9>",
820
+
"<cursor.down count=2>",
821
+
"<erase.down>",
822
+
"[36m│[39m [2m...[22m
823
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value1[22m
824
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value2[22m
825
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value3[22m
826
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value4[22m
827
+
[36m│[39m [2m└ [22m[36m◻[39m group2value5
828
+
[36m└[39m
829
+
",
830
+
"<cursor.backward count=999><cursor.up count=9>",
831
+
"<cursor.down count=7>",
832
+
"<erase.line><cursor.left count=1>",
833
+
"[36m│[39m [2m└ [22m[32m◼[39m group2value5",
834
+
"<cursor.down count=2>",
835
+
"<cursor.backward count=999><cursor.up count=9>",
836
+
"<cursor.down count=1>",
837
+
"<erase.down>",
838
+
"[32m◇[39m foo
839
+
[90m│[39m [2mgroup2value5[22m",
840
+
"
841
+
",
842
+
"<cursor.show>",
843
+
]
844
+
`;
845
+
539
846
exports[`groupMultiselect (isCI = false) > values can be non-primitive 1`] = `
540
847
[
541
848
"<cursor.hide>",
···
574
881
[
575
882
"<cursor.hide>",
576
883
"[36m◆[39m foo
577
-
[2m[22m[36m◻[39m group1
578
-
│ [36m◻[39m [2mgroup1value0[22m
579
-
└ [36m◻[39m [2mgroup1value1[22m
884
+
[2m[22m[36m◻[39m group1
885
+
│ [36m◻[39m [2mgroup1value0[22m
886
+
└ [36m◻[39m [2mgroup1value1[22m
580
887
581
888
",
582
889
"<cursor.backward count=999><cursor.up count=5>",
583
890
"<cursor.down count=1>",
584
891
"<erase.down>",
585
-
" [2m[22m[2m◻[22m [2mgroup1[22m
586
-
[2m│ [22m[36m◻[39m group1value0
587
-
[2m└ [22m[2m◻[22m [2mgroup1value1[22m
892
+
"[2m[22m[2m◻[22m [2mgroup1[22m
893
+
[2m│ [22m[36m◻[39m group1value0
894
+
[2m└ [22m[2m◻[22m [2mgroup1value1[22m
588
895
589
896
",
590
897
"<cursor.backward count=999><cursor.up count=5>",
591
898
"<cursor.down count=2>",
592
899
"<erase.line><cursor.left count=1>",
593
-
" [2m│ [22m[32m◼[39m group1value0",
900
+
"[2m│ [22m[32m◼[39m group1value0",
594
901
"<cursor.down count=3>",
595
902
"<cursor.backward count=999><cursor.up count=5>",
596
903
"<erase.down>",
···
854
1161
[
855
1162
"<cursor.hide>",
856
1163
"[36m◆[39m foo
857
-
[2m[22m[36m◻[39m group1
858
-
│ [36m◻[39m [2mgroup1value0[22m
859
-
└ [36m◻[39m [2mgroup1value1[22m
1164
+
[2m[22m[36m◻[39m group1
1165
+
│ [36m◻[39m [2mgroup1value0[22m
1166
+
└ [36m◻[39m [2mgroup1value1[22m
860
1167
861
1168
",
862
1169
"<cursor.backward count=999><cursor.up count=5>",
863
1170
"<cursor.down count=1>",
864
1171
"<erase.down>",
865
-
" [2m[22m[2m◻[22m [2mgroup1[22m
866
-
[2m│ [22m[36m◻[39m group1value0
867
-
[2m└ [22m[2m◻[22m [2mgroup1value1[22m
1172
+
"[2m[22m[2m◻[22m [2mgroup1[22m
1173
+
[2m│ [22m[36m◻[39m group1value0
1174
+
[2m└ [22m[2m◻[22m [2mgroup1value1[22m
868
1175
869
1176
",
870
1177
"<cursor.backward count=999><cursor.up count=5>",
871
1178
"<cursor.down count=2>",
872
1179
"<erase.line><cursor.left count=1>",
873
-
" [2m│ [22m[32m◼[39m group1value0",
1180
+
"[2m│ [22m[32m◼[39m group1value0",
874
1181
"<cursor.down count=3>",
875
1182
"<cursor.backward count=999><cursor.up count=5>",
876
1183
"<erase.down>",
···
927
1234
"<cursor.hide>",
928
1235
"[90m│[39m
929
1236
[36m◆[39m foo
930
-
[36m│[39m
931
-
[36m│[39m
1237
+
[36m│[39m
1238
+
[36m│[39m
932
1239
[36m│[39m [2m[22m[36m◻[39m group1
933
1240
[36m│[39m └ [36m◻[39m [2mgroup1value0[22m
934
-
[36m│[39m
935
-
[36m│[39m
1241
+
[36m│[39m
1242
+
[36m│[39m
936
1243
[36m│[39m [2m[22m[2m◻[22m [2mgroup2[22m
937
1244
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup2value0[22m
938
1245
[36m└[39m
···
942
1249
"<erase.down>",
943
1250
"[36m│[39m [2m[22m[2m◻[22m [2mgroup1[22m
944
1251
[36m│[39m [2m└ [22m[36m◻[39m group1value0
945
-
[36m│[39m
946
-
[36m│[39m
1252
+
[36m│[39m
1253
+
[36m│[39m
947
1254
[36m│[39m [2m[22m[2m◻[22m [2mgroup2[22m
948
1255
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup2value0[22m
949
1256
[36m└[39m
···
953
1260
"<erase.down>",
954
1261
"[36m│[39m [2m[22m[32m◼[39m [2mgroup1[22m
955
1262
[36m│[39m [2m└ [22m[32m◼[39m group1value0
956
-
[36m│[39m
957
-
[36m│[39m
1263
+
[36m│[39m
1264
+
[36m│[39m
958
1265
[36m│[39m [2m[22m[2m◻[22m [2mgroup2[22m
959
1266
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup2value0[22m
960
1267
[36m└[39m
···
991
1298
]
992
1299
`;
993
1300
1301
+
exports[`groupMultiselect (isCI = true) > maxItems renders a sliding window 1`] = `
1302
+
[
1303
+
"<cursor.hide>",
1304
+
"[90m│[39m
1305
+
[36m◆[39m foo
1306
+
[36m│[39m [2m[22m[36m◻[39m group1
1307
+
[36m│[39m │ [36m◻[39m [2mgroup1value0[22m
1308
+
[36m│[39m │ [36m◻[39m [2mgroup1value1[22m
1309
+
[36m│[39m │ [36m◻[39m [2mgroup1value2[22m
1310
+
[36m│[39m │ [36m◻[39m [2mgroup1value3[22m
1311
+
[36m│[39m [2m...[22m
1312
+
[36m└[39m
1313
+
",
1314
+
"<cursor.backward count=999><cursor.up count=9>",
1315
+
"<cursor.down count=2>",
1316
+
"<erase.down>",
1317
+
"[36m│[39m [2m[22m[2m◻[22m [2mgroup1[22m
1318
+
[36m│[39m [2m│ [22m[36m◻[39m group1value0
1319
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value1[22m
1320
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
1321
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
1322
+
[36m│[39m [2m...[22m
1323
+
[36m└[39m
1324
+
",
1325
+
"<cursor.backward count=999><cursor.up count=9>",
1326
+
"<cursor.down count=3>",
1327
+
"<erase.down>",
1328
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value0[22m
1329
+
[36m│[39m [2m│ [22m[36m◻[39m group1value1
1330
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
1331
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
1332
+
[36m│[39m [2m...[22m
1333
+
[36m└[39m
1334
+
",
1335
+
"<cursor.backward count=999><cursor.up count=9>",
1336
+
"<cursor.down count=4>",
1337
+
"<erase.down>",
1338
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value1[22m
1339
+
[36m│[39m [2m│ [22m[36m◻[39m group1value2
1340
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
1341
+
[36m│[39m [2m...[22m
1342
+
[36m└[39m
1343
+
",
1344
+
"<cursor.backward count=999><cursor.up count=9>",
1345
+
"<cursor.down count=2>",
1346
+
"<erase.down>",
1347
+
"[36m│[39m [2m...[22m
1348
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value1[22m
1349
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
1350
+
[36m│[39m [2m│ [22m[36m◻[39m group1value3
1351
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value4[22m
1352
+
[36m│[39m [2m...[22m
1353
+
[36m└[39m
1354
+
",
1355
+
"<cursor.backward count=999><cursor.up count=9>",
1356
+
"<cursor.down count=3>",
1357
+
"<erase.down>",
1358
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
1359
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
1360
+
[36m│[39m [2m│ [22m[36m◻[39m group1value4
1361
+
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup1value5[22m
1362
+
[36m│[39m [2m...[22m
1363
+
[36m└[39m
1364
+
",
1365
+
"<cursor.backward count=999><cursor.up count=9>",
1366
+
"<cursor.down count=3>",
1367
+
"<erase.down>",
1368
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
1369
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value4[22m
1370
+
[36m│[39m [2m└ [22m[36m◻[39m group1value5
1371
+
[36m│[39m [2m[22m[2m◻[22m [2mgroup2[22m
1372
+
[36m│[39m [2m...[22m
1373
+
[36m└[39m
1374
+
",
1375
+
"<cursor.backward count=999><cursor.up count=9>",
1376
+
"<cursor.down count=5>",
1377
+
"<erase.line><cursor.left count=1>",
1378
+
"[36m│[39m [2m└ [22m[32m◼[39m group1value5",
1379
+
"<cursor.down count=4>",
1380
+
"<cursor.backward count=999><cursor.up count=9>",
1381
+
"<cursor.down count=1>",
1382
+
"<erase.down>",
1383
+
"[32m◇[39m foo
1384
+
[90m│[39m [2mgroup1value5[22m",
1385
+
"
1386
+
",
1387
+
"<cursor.show>",
1388
+
]
1389
+
`;
1390
+
994
1391
exports[`groupMultiselect (isCI = true) > renders error when nothing selected 1`] = `
995
1392
[
996
1393
"<cursor.hide>",
···
1138
1535
]
1139
1536
`;
1140
1537
1538
+
exports[`groupMultiselect (isCI = true) > sliding window loops downwards 1`] = `
1539
+
[
1540
+
"<cursor.hide>",
1541
+
"[90m│[39m
1542
+
[36m◆[39m foo
1543
+
[36m│[39m [2m[22m[36m◻[39m group1
1544
+
[36m│[39m │ [36m◻[39m [2mgroup1value0[22m
1545
+
[36m│[39m │ [36m◻[39m [2mgroup1value1[22m
1546
+
[36m│[39m │ [36m◻[39m [2mgroup1value2[22m
1547
+
[36m│[39m │ [36m◻[39m [2mgroup1value3[22m
1548
+
[36m│[39m [2m...[22m
1549
+
[36m└[39m
1550
+
",
1551
+
"<cursor.backward count=999><cursor.up count=9>",
1552
+
"<cursor.down count=2>",
1553
+
"<erase.down>",
1554
+
"[36m│[39m [2m[22m[2m◻[22m [2mgroup1[22m
1555
+
[36m│[39m [2m│ [22m[36m◻[39m group1value0
1556
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value1[22m
1557
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
1558
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
1559
+
[36m│[39m [2m...[22m
1560
+
[36m└[39m
1561
+
",
1562
+
"<cursor.backward count=999><cursor.up count=9>",
1563
+
"<cursor.down count=3>",
1564
+
"<erase.down>",
1565
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value0[22m
1566
+
[36m│[39m [2m│ [22m[36m◻[39m group1value1
1567
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
1568
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
1569
+
[36m│[39m [2m...[22m
1570
+
[36m└[39m
1571
+
",
1572
+
"<cursor.backward count=999><cursor.up count=9>",
1573
+
"<cursor.down count=4>",
1574
+
"<erase.down>",
1575
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value1[22m
1576
+
[36m│[39m [2m│ [22m[36m◻[39m group1value2
1577
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
1578
+
[36m│[39m [2m...[22m
1579
+
[36m└[39m
1580
+
",
1581
+
"<cursor.backward count=999><cursor.up count=9>",
1582
+
"<cursor.down count=2>",
1583
+
"<erase.down>",
1584
+
"[36m│[39m [2m...[22m
1585
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value1[22m
1586
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
1587
+
[36m│[39m [2m│ [22m[36m◻[39m group1value3
1588
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value4[22m
1589
+
[36m│[39m [2m...[22m
1590
+
[36m└[39m
1591
+
",
1592
+
"<cursor.backward count=999><cursor.up count=9>",
1593
+
"<cursor.down count=3>",
1594
+
"<erase.down>",
1595
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
1596
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
1597
+
[36m│[39m [2m│ [22m[36m◻[39m group1value4
1598
+
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup1value5[22m
1599
+
[36m│[39m [2m...[22m
1600
+
[36m└[39m
1601
+
",
1602
+
"<cursor.backward count=999><cursor.up count=9>",
1603
+
"<cursor.down count=3>",
1604
+
"<erase.down>",
1605
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
1606
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value4[22m
1607
+
[36m│[39m [2m└ [22m[36m◻[39m group1value5
1608
+
[36m│[39m [2m[22m[2m◻[22m [2mgroup2[22m
1609
+
[36m│[39m [2m...[22m
1610
+
[36m└[39m
1611
+
",
1612
+
"<cursor.backward count=999><cursor.up count=9>",
1613
+
"<cursor.down count=3>",
1614
+
"<erase.down>",
1615
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value4[22m
1616
+
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup1value5[22m
1617
+
[36m│[39m [2m[22m[36m◻[39m group2
1618
+
[36m│[39m │ [36m◻[39m [2mgroup2value0[22m
1619
+
[36m│[39m [2m...[22m
1620
+
[36m└[39m
1621
+
",
1622
+
"<cursor.backward count=999><cursor.up count=9>",
1623
+
"<cursor.down count=3>",
1624
+
"<erase.down>",
1625
+
"[36m│[39m [2m└ [22m[2m◻[22m [2mgroup1value5[22m
1626
+
[36m│[39m [2m[22m[2m◻[22m [2mgroup2[22m
1627
+
[36m│[39m [2m│ [22m[36m◻[39m group2value0
1628
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value1[22m
1629
+
[36m│[39m [2m...[22m
1630
+
[36m└[39m
1631
+
",
1632
+
"<cursor.backward count=999><cursor.up count=9>",
1633
+
"<cursor.down count=3>",
1634
+
"<erase.down>",
1635
+
"[36m│[39m [2m[22m[2m◻[22m [2mgroup2[22m
1636
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value0[22m
1637
+
[36m│[39m [2m│ [22m[36m◻[39m group2value1
1638
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value2[22m
1639
+
[36m│[39m [2m...[22m
1640
+
[36m└[39m
1641
+
",
1642
+
"<cursor.backward count=999><cursor.up count=9>",
1643
+
"<cursor.down count=3>",
1644
+
"<erase.down>",
1645
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value0[22m
1646
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value1[22m
1647
+
[36m│[39m [2m│ [22m[36m◻[39m group2value2
1648
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value3[22m
1649
+
[36m│[39m [2m...[22m
1650
+
[36m└[39m
1651
+
",
1652
+
"<cursor.backward count=999><cursor.up count=9>",
1653
+
"<cursor.down count=3>",
1654
+
"<erase.down>",
1655
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value1[22m
1656
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value2[22m
1657
+
[36m│[39m [2m│ [22m[36m◻[39m group2value3
1658
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value4[22m
1659
+
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup2value5[22m
1660
+
[36m└[39m
1661
+
",
1662
+
"<cursor.backward count=999><cursor.up count=9>",
1663
+
"<cursor.down count=5>",
1664
+
"<erase.down>",
1665
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value3[22m
1666
+
[36m│[39m [2m│ [22m[36m◻[39m group2value4
1667
+
[36m│[39m [2m└ [22m[2m◻[22m [2mgroup2value5[22m
1668
+
[36m└[39m
1669
+
",
1670
+
"<cursor.backward count=999><cursor.up count=9>",
1671
+
"<cursor.down count=6>",
1672
+
"<erase.down>",
1673
+
"[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value4[22m
1674
+
[36m│[39m [2m└ [22m[36m◻[39m group2value5
1675
+
[36m└[39m
1676
+
",
1677
+
"<cursor.backward count=999><cursor.up count=9>",
1678
+
"<cursor.down count=2>",
1679
+
"<erase.down>",
1680
+
"[36m│[39m [2m[22m[36m◻[39m group1
1681
+
[36m│[39m │ [36m◻[39m [2mgroup1value0[22m
1682
+
[36m│[39m │ [36m◻[39m [2mgroup1value1[22m
1683
+
[36m│[39m │ [36m◻[39m [2mgroup1value2[22m
1684
+
[36m│[39m │ [36m◻[39m [2mgroup1value3[22m
1685
+
[36m│[39m [2m...[22m
1686
+
[36m└[39m
1687
+
",
1688
+
"<cursor.backward count=999><cursor.up count=9>",
1689
+
"<cursor.down count=2>",
1690
+
"<erase.down>",
1691
+
"[36m│[39m [2m[22m[2m◻[22m [2mgroup1[22m
1692
+
[36m│[39m [2m│ [22m[36m◻[39m group1value0
1693
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value1[22m
1694
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value2[22m
1695
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup1value3[22m
1696
+
[36m│[39m [2m...[22m
1697
+
[36m└[39m
1698
+
",
1699
+
"<cursor.backward count=999><cursor.up count=9>",
1700
+
"<cursor.down count=3>",
1701
+
"<erase.line><cursor.left count=1>",
1702
+
"[36m│[39m [2m│ [22m[32m◼[39m group1value0",
1703
+
"<cursor.down count=6>",
1704
+
"<cursor.backward count=999><cursor.up count=9>",
1705
+
"<cursor.down count=1>",
1706
+
"<erase.down>",
1707
+
"[32m◇[39m foo
1708
+
[90m│[39m [2mgroup1value0[22m",
1709
+
"
1710
+
",
1711
+
"<cursor.show>",
1712
+
]
1713
+
`;
1714
+
1715
+
exports[`groupMultiselect (isCI = true) > sliding window loops upwards 1`] = `
1716
+
[
1717
+
"<cursor.hide>",
1718
+
"[90m│[39m
1719
+
[36m◆[39m foo
1720
+
[36m│[39m [2m[22m[36m◻[39m group1
1721
+
[36m│[39m │ [36m◻[39m [2mgroup1value0[22m
1722
+
[36m│[39m │ [36m◻[39m [2mgroup1value1[22m
1723
+
[36m│[39m │ [36m◻[39m [2mgroup1value2[22m
1724
+
[36m│[39m │ [36m◻[39m [2mgroup1value3[22m
1725
+
[36m│[39m [2m...[22m
1726
+
[36m└[39m
1727
+
",
1728
+
"<cursor.backward count=999><cursor.up count=9>",
1729
+
"<cursor.down count=2>",
1730
+
"<erase.down>",
1731
+
"[36m│[39m [2m...[22m
1732
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value1[22m
1733
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value2[22m
1734
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value3[22m
1735
+
[36m│[39m [2m│ [22m[2m◻[22m [2mgroup2value4[22m
1736
+
[36m│[39m [2m└ [22m[36m◻[39m group2value5
1737
+
[36m└[39m
1738
+
",
1739
+
"<cursor.backward count=999><cursor.up count=9>",
1740
+
"<cursor.down count=7>",
1741
+
"<erase.line><cursor.left count=1>",
1742
+
"[36m│[39m [2m└ [22m[32m◼[39m group2value5",
1743
+
"<cursor.down count=2>",
1744
+
"<cursor.backward count=999><cursor.up count=9>",
1745
+
"<cursor.down count=1>",
1746
+
"<erase.down>",
1747
+
"[32m◇[39m foo
1748
+
[90m│[39m [2mgroup2value5[22m",
1749
+
"
1750
+
",
1751
+
"<cursor.show>",
1752
+
]
1753
+
`;
1754
+
1141
1755
exports[`groupMultiselect (isCI = true) > values can be non-primitive 1`] = `
1142
1756
[
1143
1757
"<cursor.hide>",
···
1176
1790
[
1177
1791
"<cursor.hide>",
1178
1792
"[36m◆[39m foo
1179
-
[2m[22m[36m◻[39m group1
1180
-
│ [36m◻[39m [2mgroup1value0[22m
1181
-
└ [36m◻[39m [2mgroup1value1[22m
1793
+
[2m[22m[36m◻[39m group1
1794
+
│ [36m◻[39m [2mgroup1value0[22m
1795
+
└ [36m◻[39m [2mgroup1value1[22m
1182
1796
1183
1797
",
1184
1798
"<cursor.backward count=999><cursor.up count=5>",
1185
1799
"<cursor.down count=1>",
1186
1800
"<erase.down>",
1187
-
" [2m[22m[2m◻[22m [2mgroup1[22m
1188
-
[2m│ [22m[36m◻[39m group1value0
1189
-
[2m└ [22m[2m◻[22m [2mgroup1value1[22m
1801
+
"[2m[22m[2m◻[22m [2mgroup1[22m
1802
+
[2m│ [22m[36m◻[39m group1value0
1803
+
[2m└ [22m[2m◻[22m [2mgroup1value1[22m
1190
1804
1191
1805
",
1192
1806
"<cursor.backward count=999><cursor.up count=5>",
1193
1807
"<cursor.down count=2>",
1194
1808
"<erase.line><cursor.left count=1>",
1195
-
" [2m│ [22m[32m◼[39m group1value0",
1809
+
"[2m│ [22m[32m◼[39m group1value0",
1196
1810
"<cursor.down count=3>",
1197
1811
"<cursor.backward count=999><cursor.up count=5>",
1198
1812
"<erase.down>",
+70
packages/prompts/test/group-multi-select.test.ts
+70
packages/prompts/test/group-multi-select.test.ts
···
306
306
expect(output.buffer).toMatchSnapshot();
307
307
});
308
308
309
+
test('maxItems renders a sliding window', async () => {
310
+
const result = prompts.groupMultiselect({
311
+
message: 'foo',
312
+
input,
313
+
output,
314
+
options: {
315
+
group1: [...Array(6).keys()].map((k) => ({ value: `group1value${k}` })),
316
+
group2: [...Array(6).keys()].map((k) => ({ value: `group2value${k}` })),
317
+
},
318
+
maxItems: 6,
319
+
});
320
+
321
+
for (let i = 0; i < 6; i++) {
322
+
input.emit('keypress', '', { name: 'down' });
323
+
}
324
+
input.emit('keypress', '', { name: 'space' });
325
+
input.emit('keypress', '', { name: 'return' });
326
+
327
+
const value = await result;
328
+
329
+
expect(value).toEqual(['group1value5']);
330
+
expect(output.buffer).toMatchSnapshot();
331
+
});
332
+
333
+
test('sliding window loops upwards', async () => {
334
+
const result = prompts.groupMultiselect({
335
+
message: 'foo',
336
+
input,
337
+
output,
338
+
options: {
339
+
group1: [...Array(6).keys()].map((k) => ({ value: `group1value${k}` })),
340
+
group2: [...Array(6).keys()].map((k) => ({ value: `group2value${k}` })),
341
+
},
342
+
maxItems: 6,
343
+
});
344
+
345
+
input.emit('keypress', '', { name: 'up' });
346
+
input.emit('keypress', '', { name: 'space' });
347
+
input.emit('keypress', '', { name: 'return' });
348
+
349
+
const value = await result;
350
+
351
+
expect(value).toEqual(['group2value5']);
352
+
expect(output.buffer).toMatchSnapshot();
353
+
});
354
+
355
+
test('sliding window loops downwards', async () => {
356
+
const result = prompts.groupMultiselect({
357
+
message: 'foo',
358
+
input,
359
+
output,
360
+
options: {
361
+
group1: [...Array(6).keys()].map((k) => ({ value: `group1value${k}` })),
362
+
group2: [...Array(6).keys()].map((k) => ({ value: `group2value${k}` })),
363
+
},
364
+
maxItems: 6,
365
+
});
366
+
367
+
for (let i = 0; i < 15; i++) {
368
+
input.emit('keypress', '', { name: 'down' });
369
+
}
370
+
input.emit('keypress', '', { name: 'space' });
371
+
input.emit('keypress', '', { name: 'return' });
372
+
373
+
const value = await result;
374
+
375
+
expect(value).toEqual(['group1value0']);
376
+
expect(output.buffer).toMatchSnapshot();
377
+
});
378
+
309
379
describe('groupSpacing', () => {
310
380
test('renders spaced groups', async () => {
311
381
const result = prompts.groupMultiselect({