@shopify/cli-kit 3.35.0 → 3.36.0

package/dist/private/node/ui/components/AutocompletePrompt.test.js

@@ -0,0 +1,473 @@
+import { AutocompletePrompt } from './AutocompletePrompt.js';
+import { getLastFrameAfterUnmount, sendInputAndWait, sendInputAndWaitForChange, sendInputAndWaitForContent, waitForContent, waitForInputsToBeReady, } from '../../../../testing/ui.js';
+import { describe, expect, test, vi } from 'vitest';
+import React from 'react';
+import { render } from 'ink-testing-library';
+const ARROW_DOWN = '\u001B[B';
+const ENTER = '\r';
+const DELETE = '\u007F';
+const DATABASE = [
+    { label: 'first', value: 'first' },
+    { label: 'second', value: 'second' },
+    { label: 'third', value: 'third' },
+    { label: 'fourth', value: 'fourth' },
+    { label: 'fifth', value: 'fifth' },
+    { label: 'sixth', value: 'sixth' },
+    { label: 'seventh', value: 'seventh' },
+    { label: 'eighth', value: 'eighth' },
+    { label: 'ninth', value: 'ninth' },
+    { label: 'tenth', value: 'tenth' },
+    { label: 'eleventh', value: 'eleventh' },
+    { label: 'twelfth', value: 'twelfth' },
+    { label: 'thirteenth', value: 'thirteenth' },
+    { label: 'fourteenth', value: 'fourteenth' },
+    { label: 'fifteenth', value: 'fifteenth' },
+    { label: 'sixteenth', value: 'sixteenth' },
+    { label: 'seventeenth', value: 'seventeenth' },
+    { label: 'eighteenth', value: 'eighteenth' },
+    { label: 'nineteenth', value: 'nineteenth' },
+    { label: 'twentieth', value: 'twentieth' },
+    { label: 'twenty-first', value: 'twenty-first' },
+    { label: 'twenty-second', value: 'twenty-second' },
+    { label: 'twenty-third', value: 'twenty-third' },
+    { label: 'twenty-fourth', value: 'twenty-fourth' },
+    { label: 'twenty-fifth', value: 'twenty-fifth' },
+    { label: 'twenty-sixth', value: 'twenty-sixth' },
+    { label: 'twenty-seventh', value: 'twenty-seventh' },
+    { label: 'twenty-eighth', value: 'twenty-eighth' },
+    { label: 'twenty-ninth', value: 'twenty-ninth' },
+    { label: 'thirtieth', value: 'thirtieth' },
+    { label: 'thirty-first', value: 'thirty-first' },
+    { label: 'thirty-second', value: 'thirty-second' },
+    { label: 'thirty-third', value: 'thirty-third' },
+    { label: 'thirty-fourth', value: 'thirty-fourth' },
+    { label: 'thirty-fifth', value: 'thirty-fifth' },
+    { label: 'thirty-sixth', value: 'thirty-sixth' },
+    { label: 'thirty-seventh', value: 'thirty-seventh' },
+    { label: 'thirty-eighth', value: 'thirty-eighth' },
+    { label: 'thirty-ninth', value: 'thirty-ninth' },
+    { label: 'fortieth', value: 'fortieth' },
+    { label: 'forty-first', value: 'forty-first' },
+    { label: 'forty-second', value: 'forty-second' },
+    { label: 'forty-third', value: 'forty-third' },
+    { label: 'forty-fourth', value: 'forty-fourth' },
+    { label: 'forty-fifth', value: 'forty-fifth' },
+    { label: 'forty-sixth', value: 'forty-sixth' },
+    { label: 'forty-seventh', value: 'forty-seventh' },
+    { label: 'forty-eighth', value: 'forty-eighth' },
+    { label: 'forty-ninth', value: 'forty-ninth' },
+    { label: 'fiftieth', value: 'fiftieth' },
+];
+describe('AutocompletePrompt', async () => {
+    test('choose an answer', async () => {
+        const onEnter = vi.fn();
+        const items = [
+            { label: 'first', value: 'first' },
+            { label: 'second', value: 'second' },
+            { label: 'third', value: 'third' },
+        ];
+        const infoTable = { Add: ['new-ext'], Remove: ['integrated-demand-ext', 'order-discount'] };
+        const renderInstance = render(React.createElement(AutocompletePrompt, { message: "Associate your project with the org Castile Ventures?", choices: items, infoTable: infoTable, onSubmit: onEnter, search: () => Promise.resolve([]) }));
+        await waitForInputsToBeReady();
+        await sendInputAndWaitForChange(renderInstance, ARROW_DOWN);
+        await sendInputAndWaitForChange(renderInstance, ENTER);
+        expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?
+      ✔  second
+      "
+    `);
+        expect(onEnter).toHaveBeenCalledWith(items[1].value);
+    });
+    test('renders groups', async () => {
+        const items = [
+            { label: 'first', value: 'first', group: 'Automations', key: 'f' },
+            { label: 'second', value: 'second', group: 'Automations', key: 's' },
+            { label: 'third', value: 'third', group: 'Merchant Admin' },
+            { label: 'fourth', value: 'fourth', group: 'Merchant Admin' },
+            { label: 'fifth', value: 'fifth', key: 'a' },
+            { label: 'sixth', value: 'sixth' },
+            { label: 'seventh', value: 'seventh' },
+            { label: 'eighth', value: 'eighth' },
+            { label: 'ninth', value: 'ninth' },
+            { label: 'tenth', value: 'tenth' },
+        ];
+        const renderInstance = render(React.createElement(AutocompletePrompt, { message: "Associate your project with the org Castile Ventures?", choices: items, onSubmit: () => { }, search: () => Promise.resolve([]) }));
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?
+
+         Automations
+      >  first
+         second
+
+         Merchant Admin
+         third
+         fourth
+
+         Other
+         fifth
+         sixth
+         seventh
+         eighth
+         ninth
+         tenth
+
+         Press ↑↓ arrows to select, enter to confirm
+      "
+    `);
+    });
+    test('supports an info table', async () => {
+        const items = [
+            { label: 'first', value: 'first' },
+            { label: 'second', value: 'second' },
+            { label: 'third', value: 'third' },
+            { label: 'fourth', value: 'fourth' },
+        ];
+        const infoTable = {
+            Add: ['new-ext'],
+            Remove: ['integrated-demand-ext', 'order-discount'],
+        };
+        const renderInstance = render(React.createElement(AutocompletePrompt, { message: "Associate your project with the org Castile Ventures?", choices: items, infoTable: infoTable, onSubmit: () => { }, search: () => Promise.resolve([]) }));
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?
+
+             Add:     • new-ext
+
+             Remove:  • integrated-demand-ext
+                      • order-discount
+
+      >  first
+         second
+         third
+         fourth
+
+         Press ↑↓ arrows to select, enter to confirm
+      "
+    `);
+    });
+    test("doesn't submit if there are no choices", async () => {
+        const onEnter = vi.fn();
+        const searchPromise = Promise.resolve([]);
+        const search = () => {
+            return searchPromise;
+        };
+        const renderInstance = render(React.createElement(AutocompletePrompt, { message: "Associate your project with the org Castile Ventures?", choices: DATABASE, onSubmit: onEnter, search: search }));
+        await waitForInputsToBeReady();
+        await sendInputAndWaitForContent(renderInstance, 'No results found', 'a');
+        // prompt doesn't change when enter is pressed
+        await sendInputAndWait(renderInstance, 100, ENTER);
+        expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?   a 
+
+         No results found.
+      "
+    `);
+        expect(onEnter).not.toHaveBeenCalled();
+    });
+    test('has a loading state', async () => {
+        const onEnter = vi.fn();
+        const searchPromise = new Promise((resolve) => {
+            setTimeout(() => resolve([{ label: 'a', value: 'b' }]), 2000);
+        });
+        const search = () => {
+            return searchPromise;
+        };
+        const renderInstance = render(React.createElement(AutocompletePrompt, { message: "Associate your project with the org Castile Ventures?", choices: DATABASE, onSubmit: onEnter, search: search }));
+        await waitForInputsToBeReady();
+        await sendInputAndWaitForContent(renderInstance, 'Loading...', 'a');
+        // prompt doesn't change when enter is pressed
+        await sendInputAndWait(renderInstance, 100, ENTER);
+        expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?   a 
+
+         Loading...
+      "
+    `);
+        expect(onEnter).not.toHaveBeenCalled();
+    });
+    test('allows searching with pagination', async () => {
+        const onEnter = vi.fn();
+        const search = async (term) => {
+            return DATABASE.filter((item) => item.label.includes(term));
+        };
+        const renderInstance = render(React.createElement(AutocompletePrompt, { message: "Associate your project with the org Castile Ventures?", choices: DATABASE, onSubmit: onEnter, search: search }));
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?   Type to search...
+
+      >  first
+         second
+         third
+         fourth
+         fifth
+         sixth
+         seventh
+         eighth
+         ninth
+         tenth
+         eleventh
+         twelfth
+         thirteenth
+         fourteenth
+         fifteenth
+         sixteenth
+         seventeenth
+         eighteenth
+         nineteenth
+         twentieth
+         twenty-first
+         twenty-second
+         twenty-third
+         twenty-fourth
+         twenty-fifth
+
+         Press ↑↓ arrows to select, enter to confirm
+      "
+    `);
+        await waitForInputsToBeReady();
+        await sendInputAndWaitForContent(renderInstance, 'thirty-sixth', 'i');
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?   i 
+
+      >  first
+         third
+         fifth
+         sixth
+         eighth
+         ninth
+         thirteenth
+         fifteenth
+         sixteenth
+         eighteenth
+         nineteenth
+         twentieth
+         twenty-first
+         twenty-third
+         twenty-fifth
+         twenty-sixth
+         twenty-eighth
+         twenty-ninth
+         thirtieth
+         thirty-first
+         thirty-second
+         thirty-third
+         thirty-fourth
+         thirty-fifth
+         thirty-sixth
+
+         Press ↑↓ arrows to select, enter to confirm
+      "
+    `);
+        await sendInputAndWaitForChange(renderInstance, DELETE);
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?   Type to search...
+
+      >  first
+         second
+         third
+         fourth
+         fifth
+         sixth
+         seventh
+         eighth
+         ninth
+         tenth
+         eleventh
+         twelfth
+         thirteenth
+         fourteenth
+         fifteenth
+         sixteenth
+         seventeenth
+         eighteenth
+         nineteenth
+         twentieth
+         twenty-first
+         twenty-second
+         twenty-third
+         twenty-fourth
+         twenty-fifth
+
+         Press ↑↓ arrows to select, enter to confirm
+      "
+    `);
+        await sendInputAndWaitForContent(renderInstance, 'thirty-sixth', 'i');
+        await sendInputAndWaitForChange(renderInstance, ARROW_DOWN);
+        await sendInputAndWaitForChange(renderInstance, ARROW_DOWN);
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?   i 
+
+         first
+         third
+      >  fifth
+         sixth
+         eighth
+         ninth
+         thirteenth
+         fifteenth
+         sixteenth
+         eighteenth
+         nineteenth
+         twentieth
+         twenty-first
+         twenty-third
+         twenty-fifth
+         twenty-sixth
+         twenty-eighth
+         twenty-ninth
+         thirtieth
+         thirty-first
+         thirty-second
+         thirty-third
+         thirty-fourth
+         thirty-fifth
+         thirty-sixth
+
+         Press ↑↓ arrows to select, enter to confirm
+      "
+    `);
+        await sendInputAndWaitForChange(renderInstance, ENTER);
+        expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?
+      ✔  fifth
+      "
+    `);
+        expect(onEnter).toHaveBeenCalledWith('fifth');
+    });
+    test('allows selecting the first item after searching and triggering the loading state', async () => {
+        const onEnter = vi.fn();
+        const search = async (term) => {
+            await new Promise((resolve) => setTimeout(resolve, 300));
+            return DATABASE.filter((item) => item.label.includes(term));
+        };
+        const renderInstance = render(React.createElement(AutocompletePrompt, { message: "Associate your project with the org Castile Ventures?", choices: DATABASE, onSubmit: onEnter, search: search }));
+        await waitForInputsToBeReady();
+        await sendInputAndWaitForContent(renderInstance, 'Loading...', 'e');
+        await waitForContent(renderInstance, 'Press ↑↓ arrows to select, enter to confirm');
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?   e 
+
+      >  second
+         seventh
+         eighth
+         tenth
+         eleventh
+         twelfth
+         thirteenth
+         fourteenth
+         fifteenth
+         sixteenth
+         seventeenth
+         eighteenth
+         nineteenth
+         twentieth
+         twenty-first
+         twenty-second
+         twenty-third
+         twenty-fourth
+         twenty-fifth
+         twenty-sixth
+         twenty-seventh
+         twenty-eighth
+         twenty-ninth
+         thirtieth
+         thirty-second
+
+         Press ↑↓ arrows to select, enter to confirm
+      "
+    `);
+        await sendInputAndWaitForChange(renderInstance, ENTER);
+        expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?
+      ✔  second
+      "
+    `);
+        expect(onEnter).toHaveBeenCalledWith('second');
+    });
+    test('displays an error message if the search fails', async () => {
+        const search = (_term) => {
+            return Promise.reject(new Error('Something went wrong'));
+        };
+        const renderInstance = render(React.createElement(AutocompletePrompt, { message: "Associate your project with the org Castile Ventures?", choices: DATABASE, onSubmit: () => { }, search: search }));
+        await waitForInputsToBeReady();
+        await sendInputAndWaitForContent(renderInstance, 'There has been an error', 'i');
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?   i 
+
+         There has been an error while searching. Please try again later.
+      "
+    `);
+    });
+    test('immediately shows the initial items if the search is empty', async () => {
+        const search = (term) => {
+            return Promise.resolve(DATABASE.filter((item) => item.label.includes(term)));
+        };
+        const renderInstance = render(React.createElement(AutocompletePrompt, { message: "Associate your project with the org Castile Ventures?", choices: DATABASE, onSubmit: () => { }, search: search }));
+        await waitForInputsToBeReady();
+        await sendInputAndWaitForContent(renderInstance, 'thirty-sixth', 'i');
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?   i 
+
+      >  first
+         third
+         fifth
+         sixth
+         eighth
+         ninth
+         thirteenth
+         fifteenth
+         sixteenth
+         eighteenth
+         nineteenth
+         twentieth
+         twenty-first
+         twenty-third
+         twenty-fifth
+         twenty-sixth
+         twenty-eighth
+         twenty-ninth
+         thirtieth
+         thirty-first
+         thirty-second
+         thirty-third
+         thirty-fourth
+         thirty-fifth
+         thirty-sixth
+
+         Press ↑↓ arrows to select, enter to confirm
+      "
+    `);
+        await sendInputAndWaitForChange(renderInstance, DELETE);
+        expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`
+      "?  Associate your project with the org Castile Ventures?   Type to search...
+
+      >  first
+         second
+         third
+         fourth
+         fifth
+         sixth
+         seventh
+         eighth
+         ninth
+         tenth
+         eleventh
+         twelfth
+         thirteenth
+         fourteenth
+         fifteenth
+         sixteenth
+         seventeenth
+         eighteenth
+         nineteenth
+         twentieth
+         twenty-first
+         twenty-second
+         twenty-third
+         twenty-fourth
+         twenty-fifth
+
+         Press ↑↓ arrows to select, enter to confirm
+      "
+    `);
+    });
+});
+//# sourceMappingURL=AutocompletePrompt.test.js.map

package/dist/private/node/ui/components/AutocompletePrompt.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompletePrompt.test.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/AutocompletePrompt.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAA;AAE1D,OAAO,EACL,wBAAwB,EACxB,gBAAgB,EAChB,yBAAyB,EACzB,0BAA0B,EAC1B,cAAc,EACd,sBAAsB,GACvB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAC,MAAM,QAAQ,CAAA;AACjD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAE1C,MAAM,UAAU,GAAG,UAAU,CAAA;AAC7B,MAAM,KAAK,GAAG,IAAI,CAAA;AAClB,MAAM,MAAM,GAAG,QAAQ,CAAA;AAEvB,MAAM,QAAQ,GAAG;IACf,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;IAChC,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;IAClC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;IAChC,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;IAClC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;IAChC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;IAChC,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAC;IACpC,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;IAClC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;IAChC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;IAChC,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAC;IACtC,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAC;IACpC,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAC;IAC1C,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAC;IAC1C,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAC;IACxC,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAC;IACxC,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAC;IAC5C,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAC;IAC1C,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAC;IAC1C,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAC;IACxC,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAC;IAC9C,EAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAC;IAChD,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAC;IAC9C,EAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAC;IAChD,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAC;IAC9C,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAC;IAC9C,EAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAC;IAClD,EAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAC;IAChD,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAC;IAC9C,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAC;IACxC,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAC;IAC9C,EAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAC;IAChD,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAC;IAC9C,EAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAC;IAChD,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAC;IAC9C,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAC;IAC9C,EAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAC;IAClD,EAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAC;IAChD,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAC;IAC9C,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAC;IACtC,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAC;IAC5C,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAC;IAC9C,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAC;IAC5C,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAC;IAC9C,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAC;IAC5C,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAC;IAC5C,EAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAC;IAChD,EAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAC;IAC9C,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAC;IAC5C,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAC;CACvC,CAAA;AAED,QAAQ,CAAC,oBAAoB,EAAE,KAAK,IAAI,EAAE;IACxC,IAAI,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAClC,MAAM,OAAO,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QAEvB,MAAM,KAAK,GAAG;YACZ,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;YAChC,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;YAClC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;SACjC,CAAA;QAED,MAAM,SAAS,GAAG,EAAC,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,EAAC,CAAA;QAEzF,MAAM,cAAc,GAAG,MAAM,CAC3B,oBAAC,kBAAkB,IACjB,OAAO,EAAC,uDAAuD,EAC/D,OAAO,EAAE,KAAK,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAoB,CAAC,GACnD,CACH,CAAA;QAED,MAAM,sBAAsB,EAAE,CAAA;QAC9B,MAAM,yBAAyB,CAAC,cAAc,EAAE,UAAU,CAAC,CAAA;QAC3D,MAAM,yBAAyB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAA;QAEtD,MAAM,CAAC,wBAAwB,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;KAItE,CAAC,CAAA;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,KAAK,CAAC,CAAA;IACvD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,KAAK,GAAG;YACZ,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,EAAC;YAChE,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,EAAC;YAClE,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAC;YACzD,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAC;YAC3D,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAC;YAC1C,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;YAChC,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAC;YACpC,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;YAClC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;YAChC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;SACjC,CAAA;QAED,MAAM,cAAc,GAAG,MAAM,CAC3B,oBAAC,kBAAkB,IACjB,OAAO,EAAC,uDAAuD,EAC/D,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAoB,CAAC,GACnD,CACH,CAAA;QAED,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;KAqBxD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,KAAK,GAAG;YACZ,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;YAChC,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;YAClC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;YAChC,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;SACnC,CAAA;QAED,MAAM,SAAS,GAAG;YAChB,GAAG,EAAE,CAAC,SAAS,CAAC;YAChB,MAAM,EAAE,CAAC,uBAAuB,EAAE,gBAAgB,CAAC;SACpD,CAAA;QAED,MAAM,cAAc,GAAG,MAAM,CAC3B,oBAAC,kBAAkB,IACjB,OAAO,EAAC,uDAAuD,EAC/D,OAAO,EAAE,KAAK,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAoB,CAAC,GACnD,CACH,CAAA;QAED,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;KAexD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,OAAO,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QACvB,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,EAAoB,CAAC,CAAA;QAC3D,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,OAAO,aAAa,CAAA;QACtB,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,MAAM,CAC3B,oBAAC,kBAAkB,IACjB,OAAO,EAAC,uDAAuD,EAC/D,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,MAAM,GACd,CACH,CAAA;QAED,MAAM,sBAAsB,EAAE,CAAA;QAC9B,MAAM,0BAA0B,CAAC,cAAc,EAAE,kBAAkB,EAAE,GAAG,CAAC,CAAA;QACzE,8CAA8C;QAC9C,MAAM,gBAAgB,CAAC,cAAc,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;QAElD,MAAM,CAAC,wBAAwB,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;KAKtE,CAAC,CAAA;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,OAAO,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QACvB,MAAM,aAAa,GAAG,IAAI,OAAO,CAAiB,CAAC,OAAO,EAAE,EAAE;YAC5D,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,EAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;QAC7D,CAAC,CAAC,CAAA;QAEF,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,OAAO,aAAa,CAAA;QACtB,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,MAAM,CAC3B,oBAAC,kBAAkB,IACjB,OAAO,EAAC,uDAAuD,EAC/D,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,MAAM,GACd,CACH,CAAA;QAED,MAAM,sBAAsB,EAAE,CAAA;QAC9B,MAAM,0BAA0B,CAAC,cAAc,EAAE,YAAY,EAAE,GAAG,CAAC,CAAA;QACnE,8CAA8C;QAC9C,MAAM,gBAAgB,CAAC,cAAc,EAAE,GAAG,EAAE,KAAK,CAAC,CAAA;QAElD,MAAM,CAAC,wBAAwB,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;;KAKtE,CAAC,CAAA;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;IACxC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,OAAO,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QAEvB,MAAM,MAAM,GAAG,KAAK,EAAE,IAAY,EAAE,EAAE;YACpC,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA;QAC7D,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,MAAM,CAC3B,oBAAC,kBAAkB,IACjB,OAAO,EAAC,uDAAuD,EAC/D,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,MAAM,GACd,CACH,CAAA;QAED,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BxD,CAAC,CAAA;QAEF,MAAM,sBAAsB,EAAE,CAAA;QAC9B,MAAM,0BAA0B,CAAC,cAAc,EAAE,uBAAuB,EAAE,GAAG,CAAC,CAAA;QAE9E,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BxD,CAAC,CAAA;QAEF,MAAM,yBAAyB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QAEvD,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BxD,CAAC,CAAA;QAEF,MAAM,0BAA0B,CAAC,cAAc,EAAE,uBAAuB,EAAE,GAAG,CAAC,CAAA;QAC9E,MAAM,yBAAyB,CAAC,cAAc,EAAE,UAAU,CAAC,CAAA;QAC3D,MAAM,yBAAyB,CAAC,cAAc,EAAE,UAAU,CAAC,CAAA;QAE3D,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BxD,CAAC,CAAA;QAEF,MAAM,yBAAyB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAA;QAEtD,MAAM,CAAC,wBAAwB,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;KAItE,CAAC,CAAA;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAA;IAC/C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,kFAAkF,EAAE,KAAK,IAAI,EAAE;QAClG,MAAM,OAAO,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QAEvB,MAAM,MAAM,GAAG,KAAK,EAAE,IAAY,EAAE,EAAE;YACpC,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;YACxD,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA;QAC7D,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,MAAM,CAC3B,oBAAC,kBAAkB,IACjB,OAAO,EAAC,uDAAuD,EAC/D,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,MAAM,GACd,CACH,CAAA;QAED,MAAM,sBAAsB,EAAE,CAAA;QAC9B,MAAM,0BAA0B,CAAC,cAAc,EAAE,YAAY,EAAE,GAAG,CAAC,CAAA;QACnE,MAAM,cAAc,CAAC,cAAc,EAAE,6CAA6C,CAAC,CAAA;QAEnF,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BxD,CAAC,CAAA;QAEF,MAAM,yBAAyB,CAAC,cAAc,EAAE,KAAK,CAAC,CAAA;QAEtD,MAAM,CAAC,wBAAwB,CAAC,cAAc,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;KAItE,CAAC,CAAA;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAA;IAChD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,EAAE;YAC/B,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAA;QAC1D,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,MAAM,CAC3B,oBAAC,kBAAkB,IACjB,OAAO,EAAC,uDAAuD,EAC/D,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,MAAM,EAAE,MAAM,GACd,CACH,CAAA;QAED,MAAM,sBAAsB,EAAE,CAAA;QAC9B,MAAM,0BAA0B,CAAC,cAAc,EAAE,yBAAyB,EAAE,GAAG,CAAC,CAAA;QAEhF,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC;;;;;KAKxD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,4DAA4D,EAAE,KAAK,IAAI,EAAE;QAC5E,MAAM,MAAM,GAAG,CAAC,IAAY,EAAE,EAAE;YAC9B,OAAO,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAC9E,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,MAAM,CAC3B,oBAAC,kBAAkB,IACjB,OAAO,EAAC,uDAAuD,EAC/D,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,MAAM,EAAE,MAAM,GACd,CACH,CAAA;QAED,MAAM,sBAAsB,EAAE,CAAA;QAC9B,MAAM,0BAA0B,CAAC,cAAc,EAAE,uBAAuB,EAAE,GAAG,CAAC,CAAA;QAE9E,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BxD,CAAC,CAAA;QAEF,MAAM,yBAAyB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;QAEvD,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+BxD,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import {AutocompletePrompt} from './AutocompletePrompt.js'\nimport {Item} from './SelectInput.js'\nimport {\n  getLastFrameAfterUnmount,\n  sendInputAndWait,\n  sendInputAndWaitForChange,\n  sendInputAndWaitForContent,\n  waitForContent,\n  waitForInputsToBeReady,\n} from '../../../../testing/ui.js'\nimport {describe, expect, test, vi} from 'vitest'\nimport React from 'react'\nimport {render} from 'ink-testing-library'\n\nconst ARROW_DOWN = '\\u001B[B'\nconst ENTER = '\\r'\nconst DELETE = '\\u007F'\n\nconst DATABASE = [\n  {label: 'first', value: 'first'},\n  {label: 'second', value: 'second'},\n  {label: 'third', value: 'third'},\n  {label: 'fourth', value: 'fourth'},\n  {label: 'fifth', value: 'fifth'},\n  {label: 'sixth', value: 'sixth'},\n  {label: 'seventh', value: 'seventh'},\n  {label: 'eighth', value: 'eighth'},\n  {label: 'ninth', value: 'ninth'},\n  {label: 'tenth', value: 'tenth'},\n  {label: 'eleventh', value: 'eleventh'},\n  {label: 'twelfth', value: 'twelfth'},\n  {label: 'thirteenth', value: 'thirteenth'},\n  {label: 'fourteenth', value: 'fourteenth'},\n  {label: 'fifteenth', value: 'fifteenth'},\n  {label: 'sixteenth', value: 'sixteenth'},\n  {label: 'seventeenth', value: 'seventeenth'},\n  {label: 'eighteenth', value: 'eighteenth'},\n  {label: 'nineteenth', value: 'nineteenth'},\n  {label: 'twentieth', value: 'twentieth'},\n  {label: 'twenty-first', value: 'twenty-first'},\n  {label: 'twenty-second', value: 'twenty-second'},\n  {label: 'twenty-third', value: 'twenty-third'},\n  {label: 'twenty-fourth', value: 'twenty-fourth'},\n  {label: 'twenty-fifth', value: 'twenty-fifth'},\n  {label: 'twenty-sixth', value: 'twenty-sixth'},\n  {label: 'twenty-seventh', value: 'twenty-seventh'},\n  {label: 'twenty-eighth', value: 'twenty-eighth'},\n  {label: 'twenty-ninth', value: 'twenty-ninth'},\n  {label: 'thirtieth', value: 'thirtieth'},\n  {label: 'thirty-first', value: 'thirty-first'},\n  {label: 'thirty-second', value: 'thirty-second'},\n  {label: 'thirty-third', value: 'thirty-third'},\n  {label: 'thirty-fourth', value: 'thirty-fourth'},\n  {label: 'thirty-fifth', value: 'thirty-fifth'},\n  {label: 'thirty-sixth', value: 'thirty-sixth'},\n  {label: 'thirty-seventh', value: 'thirty-seventh'},\n  {label: 'thirty-eighth', value: 'thirty-eighth'},\n  {label: 'thirty-ninth', value: 'thirty-ninth'},\n  {label: 'fortieth', value: 'fortieth'},\n  {label: 'forty-first', value: 'forty-first'},\n  {label: 'forty-second', value: 'forty-second'},\n  {label: 'forty-third', value: 'forty-third'},\n  {label: 'forty-fourth', value: 'forty-fourth'},\n  {label: 'forty-fifth', value: 'forty-fifth'},\n  {label: 'forty-sixth', value: 'forty-sixth'},\n  {label: 'forty-seventh', value: 'forty-seventh'},\n  {label: 'forty-eighth', value: 'forty-eighth'},\n  {label: 'forty-ninth', value: 'forty-ninth'},\n  {label: 'fiftieth', value: 'fiftieth'},\n]\n\ndescribe('AutocompletePrompt', async () => {\n  test('choose an answer', async () => {\n    const onEnter = vi.fn()\n\n    const items = [\n      {label: 'first', value: 'first'},\n      {label: 'second', value: 'second'},\n      {label: 'third', value: 'third'},\n    ]\n\n    const infoTable = {Add: ['new-ext'], Remove: ['integrated-demand-ext', 'order-discount']}\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        infoTable={infoTable}\n        onSubmit={onEnter}\n        search={() => Promise.resolve([] as Item<string>[])}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForChange(renderInstance, ARROW_DOWN)\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n\n    expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n      \u001b[36m✔\u001b[39m  \u001b[36msecond\u001b[39m\n      \"\n    `)\n\n    expect(onEnter).toHaveBeenCalledWith(items[1]!.value)\n  })\n\n  test('renders groups', async () => {\n    const items = [\n      {label: 'first', value: 'first', group: 'Automations', key: 'f'},\n      {label: 'second', value: 'second', group: 'Automations', key: 's'},\n      {label: 'third', value: 'third', group: 'Merchant Admin'},\n      {label: 'fourth', value: 'fourth', group: 'Merchant Admin'},\n      {label: 'fifth', value: 'fifth', key: 'a'},\n      {label: 'sixth', value: 'sixth'},\n      {label: 'seventh', value: 'seventh'},\n      {label: 'eighth', value: 'eighth'},\n      {label: 'ninth', value: 'ninth'},\n      {label: 'tenth', value: 'tenth'},\n    ]\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        onSubmit={() => {}}\n        search={() => Promise.resolve([] as Item<string>[])}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n         \u001b[1mAutomations\u001b[22m\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m\n         second\n\n         \u001b[1mMerchant Admin\u001b[22m\n         third\n         fourth\n\n         \u001b[1mOther\u001b[22m\n         fifth\n         sixth\n         seventh\n         eighth\n         ninth\n         tenth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm\u001b[22m\n      \"\n    `)\n  })\n\n  test('supports an info table', async () => {\n    const items = [\n      {label: 'first', value: 'first'},\n      {label: 'second', value: 'second'},\n      {label: 'third', value: 'third'},\n      {label: 'fourth', value: 'fourth'},\n    ]\n\n    const infoTable = {\n      Add: ['new-ext'],\n      Remove: ['integrated-demand-ext', 'order-discount'],\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={items}\n        infoTable={infoTable}\n        onSubmit={() => {}}\n        search={() => Promise.resolve([] as Item<string>[])}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n\n             Add:     • new-ext\n\n             Remove:  • integrated-demand-ext\n                      • order-discount\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m\n         second\n         third\n         fourth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm\u001b[22m\n      \"\n    `)\n  })\n\n  test(\"doesn't submit if there are no choices\", async () => {\n    const onEnter = vi.fn()\n    const searchPromise = Promise.resolve([] as Item<string>[])\n    const search = () => {\n      return searchPromise\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={onEnter}\n        search={search}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'No results found', 'a')\n    // prompt doesn't change when enter is pressed\n    await sendInputAndWait(renderInstance, 100, ENTER)\n\n    expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36ma\u001b[7m \u001b[27m\u001b[39m\n\n         \u001b[2mNo results found.\u001b[22m\n      \"\n    `)\n\n    expect(onEnter).not.toHaveBeenCalled()\n  })\n\n  test('has a loading state', async () => {\n    const onEnter = vi.fn()\n    const searchPromise = new Promise<Item<string>[]>((resolve) => {\n      setTimeout(() => resolve([{label: 'a', value: 'b'}]), 2000)\n    })\n\n    const search = () => {\n      return searchPromise\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={onEnter}\n        search={search}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'Loading...', 'a')\n    // prompt doesn't change when enter is pressed\n    await sendInputAndWait(renderInstance, 100, ENTER)\n\n    expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36ma\u001b[7m \u001b[27m\u001b[39m\n\n         \u001b[2mLoading...\u001b[22m\n      \"\n    `)\n\n    expect(onEnter).not.toHaveBeenCalled()\n  })\n\n  test('allows searching with pagination', async () => {\n    const onEnter = vi.fn()\n\n    const search = async (term: string) => {\n      return DATABASE.filter((item) => item.label.includes(term))\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={onEnter}\n        search={search}\n      />,\n    )\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m\n         second\n         third\n         fourth\n         fifth\n         sixth\n         seventh\n         eighth\n         ninth\n         tenth\n         eleventh\n         twelfth\n         thirteenth\n         fourteenth\n         fifteenth\n         sixteenth\n         seventeenth\n         eighteenth\n         nineteenth\n         twentieth\n         twenty-first\n         twenty-second\n         twenty-third\n         twenty-fourth\n         twenty-fifth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm\u001b[22m\n      \"\n    `)\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'th\u001b[1mi\u001b[22mrty-sixth', 'i')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36mi\u001b[7m \u001b[27m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mf\u001b[1mi\u001b[22mrst\u001b[39m\n         th\u001b[1mi\u001b[22mrd\n         f\u001b[1mi\u001b[22mfth\n         s\u001b[1mi\u001b[22mxth\n         e\u001b[1mi\u001b[22mghth\n         n\u001b[1mi\u001b[22mnth\n         th\u001b[1mi\u001b[22mrteenth\n         f\u001b[1mi\u001b[22mfteenth\n         s\u001b[1mi\u001b[22mxteenth\n         e\u001b[1mi\u001b[22mghteenth\n         n\u001b[1mi\u001b[22mneteenth\n         twent\u001b[1mi\u001b[22meth\n         twenty-f\u001b[1mi\u001b[22mrst\n         twenty-th\u001b[1mi\u001b[22mrd\n         twenty-f\u001b[1mi\u001b[22mfth\n         twenty-s\u001b[1mi\u001b[22mxth\n         twenty-e\u001b[1mi\u001b[22mghth\n         twenty-n\u001b[1mi\u001b[22mnth\n         th\u001b[1mi\u001b[22mrtieth\n         th\u001b[1mi\u001b[22mrty-first\n         th\u001b[1mi\u001b[22mrty-second\n         th\u001b[1mi\u001b[22mrty-third\n         th\u001b[1mi\u001b[22mrty-fourth\n         th\u001b[1mi\u001b[22mrty-fifth\n         th\u001b[1mi\u001b[22mrty-sixth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm\u001b[22m\n      \"\n    `)\n\n    await sendInputAndWaitForChange(renderInstance, DELETE)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m\n         second\n         third\n         fourth\n         fifth\n         sixth\n         seventh\n         eighth\n         ninth\n         tenth\n         eleventh\n         twelfth\n         thirteenth\n         fourteenth\n         fifteenth\n         sixteenth\n         seventeenth\n         eighteenth\n         nineteenth\n         twentieth\n         twenty-first\n         twenty-second\n         twenty-third\n         twenty-fourth\n         twenty-fifth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm\u001b[22m\n      \"\n    `)\n\n    await sendInputAndWaitForContent(renderInstance, 'th\u001b[1mi\u001b[22mrty-sixth', 'i')\n    await sendInputAndWaitForChange(renderInstance, ARROW_DOWN)\n    await sendInputAndWaitForChange(renderInstance, ARROW_DOWN)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36mi\u001b[7m \u001b[27m\u001b[39m\n\n         f\u001b[1mi\u001b[22mrst\n         th\u001b[1mi\u001b[22mrd\n      \u001b[36m>\u001b[39m  \u001b[36mf\u001b[1mi\u001b[22mfth\u001b[39m\n         s\u001b[1mi\u001b[22mxth\n         e\u001b[1mi\u001b[22mghth\n         n\u001b[1mi\u001b[22mnth\n         th\u001b[1mi\u001b[22mrteenth\n         f\u001b[1mi\u001b[22mfteenth\n         s\u001b[1mi\u001b[22mxteenth\n         e\u001b[1mi\u001b[22mghteenth\n         n\u001b[1mi\u001b[22mneteenth\n         twent\u001b[1mi\u001b[22meth\n         twenty-f\u001b[1mi\u001b[22mrst\n         twenty-th\u001b[1mi\u001b[22mrd\n         twenty-f\u001b[1mi\u001b[22mfth\n         twenty-s\u001b[1mi\u001b[22mxth\n         twenty-e\u001b[1mi\u001b[22mghth\n         twenty-n\u001b[1mi\u001b[22mnth\n         th\u001b[1mi\u001b[22mrtieth\n         th\u001b[1mi\u001b[22mrty-first\n         th\u001b[1mi\u001b[22mrty-second\n         th\u001b[1mi\u001b[22mrty-third\n         th\u001b[1mi\u001b[22mrty-fourth\n         th\u001b[1mi\u001b[22mrty-fifth\n         th\u001b[1mi\u001b[22mrty-sixth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm\u001b[22m\n      \"\n    `)\n\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n\n    expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n      \u001b[36m✔\u001b[39m  \u001b[36mfifth\u001b[39m\n      \"\n    `)\n\n    expect(onEnter).toHaveBeenCalledWith('fifth')\n  })\n\n  test('allows selecting the first item after searching and triggering the loading state', async () => {\n    const onEnter = vi.fn()\n\n    const search = async (term: string) => {\n      await new Promise((resolve) => setTimeout(resolve, 300))\n      return DATABASE.filter((item) => item.label.includes(term))\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={onEnter}\n        search={search}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'Loading...', 'e')\n    await waitForContent(renderInstance, 'Press ↑↓ arrows to select, enter to confirm')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36me\u001b[7m \u001b[27m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36ms\u001b[1me\u001b[22mcond\u001b[39m\n         s\u001b[1me\u001b[22mventh\n         \u001b[1me\u001b[22mighth\n         t\u001b[1me\u001b[22mnth\n         \u001b[1me\u001b[22mleventh\n         tw\u001b[1me\u001b[22mlfth\n         thirt\u001b[1me\u001b[22menth\n         fourt\u001b[1me\u001b[22menth\n         fift\u001b[1me\u001b[22menth\n         sixt\u001b[1me\u001b[22menth\n         s\u001b[1me\u001b[22mventeenth\n         \u001b[1me\u001b[22mighteenth\n         nin\u001b[1me\u001b[22mteenth\n         tw\u001b[1me\u001b[22mntieth\n         tw\u001b[1me\u001b[22mnty-first\n         tw\u001b[1me\u001b[22mnty-second\n         tw\u001b[1me\u001b[22mnty-third\n         tw\u001b[1me\u001b[22mnty-fourth\n         tw\u001b[1me\u001b[22mnty-fifth\n         tw\u001b[1me\u001b[22mnty-sixth\n         tw\u001b[1me\u001b[22mnty-seventh\n         tw\u001b[1me\u001b[22mnty-eighth\n         tw\u001b[1me\u001b[22mnty-ninth\n         thirti\u001b[1me\u001b[22mth\n         thirty-s\u001b[1me\u001b[22mcond\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm\u001b[22m\n      \"\n    `)\n\n    await sendInputAndWaitForChange(renderInstance, ENTER)\n\n    expect(getLastFrameAfterUnmount(renderInstance)).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?\n      \u001b[36m✔\u001b[39m  \u001b[36msecond\u001b[39m\n      \"\n    `)\n\n    expect(onEnter).toHaveBeenCalledWith('second')\n  })\n\n  test('displays an error message if the search fails', async () => {\n    const search = (_term: string) => {\n      return Promise.reject(new Error('Something went wrong'))\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={() => {}}\n        search={search}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'There has been an error', 'i')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36mi\u001b[7m \u001b[27m\u001b[39m\n\n         \u001b[31mThere has been an error while searching. Please try again later.\u001b[39m\n      \"\n    `)\n  })\n\n  test('immediately shows the initial items if the search is empty', async () => {\n    const search = (term: string) => {\n      return Promise.resolve(DATABASE.filter((item) => item.label.includes(term)))\n    }\n\n    const renderInstance = render(\n      <AutocompletePrompt\n        message=\"Associate your project with the org Castile Ventures?\"\n        choices={DATABASE}\n        onSubmit={() => {}}\n        search={search}\n      />,\n    )\n\n    await waitForInputsToBeReady()\n    await sendInputAndWaitForContent(renderInstance, 'th\u001b[1mi\u001b[22mrty-sixth', 'i')\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36mi\u001b[7m \u001b[27m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mf\u001b[1mi\u001b[22mrst\u001b[39m\n         th\u001b[1mi\u001b[22mrd\n         f\u001b[1mi\u001b[22mfth\n         s\u001b[1mi\u001b[22mxth\n         e\u001b[1mi\u001b[22mghth\n         n\u001b[1mi\u001b[22mnth\n         th\u001b[1mi\u001b[22mrteenth\n         f\u001b[1mi\u001b[22mfteenth\n         s\u001b[1mi\u001b[22mxteenth\n         e\u001b[1mi\u001b[22mghteenth\n         n\u001b[1mi\u001b[22mneteenth\n         twent\u001b[1mi\u001b[22meth\n         twenty-f\u001b[1mi\u001b[22mrst\n         twenty-th\u001b[1mi\u001b[22mrd\n         twenty-f\u001b[1mi\u001b[22mfth\n         twenty-s\u001b[1mi\u001b[22mxth\n         twenty-e\u001b[1mi\u001b[22mghth\n         twenty-n\u001b[1mi\u001b[22mnth\n         th\u001b[1mi\u001b[22mrtieth\n         th\u001b[1mi\u001b[22mrty-first\n         th\u001b[1mi\u001b[22mrty-second\n         th\u001b[1mi\u001b[22mrty-third\n         th\u001b[1mi\u001b[22mrty-fourth\n         th\u001b[1mi\u001b[22mrty-fifth\n         th\u001b[1mi\u001b[22mrty-sixth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm\u001b[22m\n      \"\n    `)\n\n    await sendInputAndWaitForChange(renderInstance, DELETE)\n\n    expect(renderInstance.lastFrame()).toMatchInlineSnapshot(`\n      \"?  Associate your project with the org Castile Ventures?   \u001b[36m\u001b[7mT\u001b[27m\u001b[2mype to search...\u001b[22m\u001b[39m\n\n      \u001b[36m>\u001b[39m  \u001b[36mfirst\u001b[39m\n         second\n         third\n         fourth\n         fifth\n         sixth\n         seventh\n         eighth\n         ninth\n         tenth\n         eleventh\n         twelfth\n         thirteenth\n         fourteenth\n         fifteenth\n         sixteenth\n         seventeenth\n         eighteenth\n         nineteenth\n         twentieth\n         twenty-first\n         twenty-second\n         twenty-third\n         twenty-fourth\n         twenty-fifth\n\n         \u001b[2mPress ↑↓ arrows to select, enter to confirm\u001b[22m\n      \"\n    `)\n  })\n})\n"]}

package/dist/private/node/ui/components/Banner.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 export declare type BannerType = 'success' | 'error' | 'warning' | 'info' | 'external_error';
 interface Props {
     type: BannerType;
-    marginY?: number;
 }
 declare const Banner: React.FC<Props>;
 export { Banner };

package/dist/private/node/ui/components/Banner.js

@@ -10,16 +10,16 @@ function typeToColor(type) {
         external_error: 'red',
     }[type];
 }
-const BoxWithBorder = ({ type, marginY, children }) => {
+const BoxWithBorder = ({ type, children }) => {
     const { twoThirds } = useLayout();
-    return (React.createElement(Box, { width: twoThirds, paddingY: 1, paddingX: 2, marginY: marginY, borderStyle: "round", flexDirection: "column", borderColor: typeToColor(type) },
+    return (React.createElement(Box, { width: twoThirds, paddingY: 1, paddingX: 2, marginBottom: 1, borderStyle: "round", flexDirection: "column", borderColor: typeToColor(type) },
         React.createElement(Box, { marginTop: -2, marginBottom: 1, marginLeft: -1 },
             React.createElement(Text, null, ` ${type.replace(/_/g, ' ')} `)),
         children));
 };
-const BoxWithTopBottomLines = ({ type, marginY, children }) => {
+const BoxWithTopBottomLines = ({ type, children }) => {
     const { twoThirds } = useLayout();
-    return (React.createElement(Box, { marginY: marginY, flexDirection: "column" },
+    return (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
         React.createElement(Box, { marginBottom: 1 },
             React.createElement(Text, null,
                 React.createElement(Text, { color: typeToColor(type) }, '─'.repeat(2)),

package/dist/private/node/ui/components/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,SAAS,WAAW,CAAC,IAAmB;IACtC,OAAO;QACL,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,QAAQ;QACjB,IAAI,EAAE,KAAK;QACX,cAAc,EAAE,KAAK;KACtB,CAAC,IAAI,CAAC,CAAA;AACT,CAAC;AAED,MAAM,aAAa,GAAoB,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAC,EAAE,EAAE;IACnE,MAAM,EAAC,SAAS,EAAC,GAAG,SAAS,EAAE,CAAA;IAE/B,OAAO,CACL,oBAAC,GAAG,IACF,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,WAAW,EAAC,OAAO,EACnB,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC;QAE9B,oBAAC,GAAG,IAAC,SAAS,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;YACjD,oBAAC,IAAI,QAAE,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAQ,CACzC;QACL,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAoB,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC3E,MAAM,EAAC,SAAS,EAAC,GAAG,SAAS,EAAE,CAAA;IAE/B,OAAO,CACL,oBAAC,GAAG,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAC,QAAQ;QAC3C,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC;YAClB,oBAAC,IAAI;gBACH,oBAAC,IAAI,IAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,IAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAQ;gBACtD,oBAAC,IAAI,QAAE,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAQ;gBAE7C,oBAAC,IAAI,IAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,IAAG,GAAG,CAAC,MAAM,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAQ,CAC/E,CACH;QAEL,QAAQ;QAET,oBAAC,GAAG,IAAC,SAAS,EAAE,CAAC;YACf,oBAAC,IAAI,IAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,IAAG,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAQ,CAC1D,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAoB,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACvD,IAAI,KAAK,CAAC,IAAI,KAAK,gBAAgB,EAAE;QACnC,OAAO,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;KACnE;SAAM;QACL,OAAO,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;KAC3D;AACH,CAAC,CAAA;AAED,OAAO,EAAC,MAAM,EAAC,CAAA","sourcesContent":["import useLayout from '../hooks/use-layout.js'\nimport {Box, Text} from 'ink'\nimport React from 'react'\n\nexport type BannerType = 'success' | 'error' | 'warning' | 'info' | 'external_error'\n\ninterface Props {\n  type: BannerType\n  marginY?: number\n}\n\nfunction typeToColor(type: Props['type']) {\n  return {\n    success: 'green',\n    error: 'red',\n    warning: 'yellow',\n    info: 'dim',\n    external_error: 'red',\n  }[type]\n}\n\nconst BoxWithBorder: React.FC<Props> = ({type, marginY, children}) => {\n  const {twoThirds} = useLayout()\n\n  return (\n    <Box\n      width={twoThirds}\n      paddingY={1}\n      paddingX={2}\n      marginY={marginY}\n      borderStyle=\"round\"\n      flexDirection=\"column\"\n      borderColor={typeToColor(type)}\n    >\n      <Box marginTop={-2} marginBottom={1} marginLeft={-1}>\n        <Text>{` ${type.replace(/_/g, ' ')} `}</Text>\n      </Box>\n      {children}\n    </Box>\n  )\n}\n\nconst BoxWithTopBottomLines: React.FC<Props> = ({type, marginY, children}) => {\n  const {twoThirds} = useLayout()\n\n  return (\n    <Box marginY={marginY} flexDirection=\"column\">\n      <Box marginBottom={1}>\n        <Text>\n          <Text color={typeToColor(type)}>{'─'.repeat(2)}</Text>\n          <Text>{` ${type.replace(/_/g, ' ')} `}</Text>\n          {/* 2 initial dashes + 2 spaces surrounding the type */}\n          <Text color={typeToColor(type)}>{'─'.repeat(twoThirds - 2 - type.length - 2)}</Text>\n        </Text>\n      </Box>\n\n      {children}\n\n      <Box marginTop={1}>\n        <Text color={typeToColor(type)}>{'─'.repeat(twoThirds)}</Text>\n      </Box>\n    </Box>\n  )\n}\n\nconst Banner: React.FC<Props> = ({children, ...props}) => {\n  if (props.type === 'external_error') {\n    return React.createElement(BoxWithTopBottomLines, props, children)\n  } else {\n    return React.createElement(BoxWithBorder, props, children)\n  }\n}\n\nexport {Banner}\n"]}
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../../src/private/node/ui/components/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,KAAK,CAAA;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,SAAS,WAAW,CAAC,IAAmB;IACtC,OAAO;QACL,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,QAAQ;QACjB,IAAI,EAAE,KAAK;QACX,cAAc,EAAE,KAAK;KACtB,CAAC,IAAI,CAAC,CAAA;AACT,CAAC;AAED,MAAM,aAAa,GAAoB,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;IAC1D,MAAM,EAAC,SAAS,EAAC,GAAG,SAAS,EAAE,CAAA;IAE/B,OAAO,CACL,oBAAC,GAAG,IACF,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,EACX,YAAY,EAAE,CAAC,EACf,WAAW,EAAC,OAAO,EACnB,aAAa,EAAC,QAAQ,EACtB,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC;QAE9B,oBAAC,GAAG,IAAC,SAAS,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;YACjD,oBAAC,IAAI,QAAE,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAQ,CACzC;QACL,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAoB,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;IAClE,MAAM,EAAC,SAAS,EAAC,GAAG,SAAS,EAAE,CAAA;IAE/B,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,YAAY,EAAE,CAAC;QACzC,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC;YAClB,oBAAC,IAAI;gBACH,oBAAC,IAAI,IAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,IAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAQ;gBACtD,oBAAC,IAAI,QAAE,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,CAAQ;gBAE7C,oBAAC,IAAI,IAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,IAAG,GAAG,CAAC,MAAM,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAQ,CAC/E,CACH;QAEL,QAAQ;QAET,oBAAC,GAAG,IAAC,SAAS,EAAE,CAAC;YACf,oBAAC,IAAI,IAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,IAAG,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAQ,CAC1D,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAoB,CAAC,EAAC,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACvD,IAAI,KAAK,CAAC,IAAI,KAAK,gBAAgB,EAAE;QACnC,OAAO,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;KACnE;SAAM;QACL,OAAO,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;KAC3D;AACH,CAAC,CAAA;AAED,OAAO,EAAC,MAAM,EAAC,CAAA","sourcesContent":["import useLayout from '../hooks/use-layout.js'\nimport {Box, Text} from 'ink'\nimport React from 'react'\n\nexport type BannerType = 'success' | 'error' | 'warning' | 'info' | 'external_error'\n\ninterface Props {\n  type: BannerType\n}\n\nfunction typeToColor(type: Props['type']) {\n  return {\n    success: 'green',\n    error: 'red',\n    warning: 'yellow',\n    info: 'dim',\n    external_error: 'red',\n  }[type]\n}\n\nconst BoxWithBorder: React.FC<Props> = ({type, children}) => {\n  const {twoThirds} = useLayout()\n\n  return (\n    <Box\n      width={twoThirds}\n      paddingY={1}\n      paddingX={2}\n      marginBottom={1}\n      borderStyle=\"round\"\n      flexDirection=\"column\"\n      borderColor={typeToColor(type)}\n    >\n      <Box marginTop={-2} marginBottom={1} marginLeft={-1}>\n        <Text>{` ${type.replace(/_/g, ' ')} `}</Text>\n      </Box>\n      {children}\n    </Box>\n  )\n}\n\nconst BoxWithTopBottomLines: React.FC<Props> = ({type, children}) => {\n  const {twoThirds} = useLayout()\n\n  return (\n    <Box flexDirection=\"column\" marginBottom={1}>\n      <Box marginBottom={1}>\n        <Text>\n          <Text color={typeToColor(type)}>{'─'.repeat(2)}</Text>\n          <Text>{` ${type.replace(/_/g, ' ')} `}</Text>\n          {/* 2 initial dashes + 2 spaces surrounding the type */}\n          <Text color={typeToColor(type)}>{'─'.repeat(twoThirds - 2 - type.length - 2)}</Text>\n        </Text>\n      </Box>\n\n      {children}\n\n      <Box marginTop={1}>\n        <Text color={typeToColor(type)}>{'─'.repeat(twoThirds)}</Text>\n      </Box>\n    </Box>\n  )\n}\n\nconst Banner: React.FC<Props> = ({children, ...props}) => {\n  if (props.type === 'external_error') {\n    return React.createElement(BoxWithTopBottomLines, props, children)\n  } else {\n    return React.createElement(BoxWithBorder, props, children)\n  }\n}\n\nexport {Banner}\n"]}

package/dist/private/node/ui/components/Banner.test.js

@@ -9,7 +9,8 @@ describe('Banner', async () => {
       "╭─ success ────────────────────────────────────────────────────────────────────╮
       │                                                                              │
       │                                                                              │
-      ╰──────────────────────────────────────────────────────────────────────────────╯"
+      ╰──────────────────────────────────────────────────────────────────────────────╯
+      "
     `);
     });
     test('renders with a border for info', async () => {
@@ -18,7 +19,8 @@ describe('Banner', async () => {
       "╭─ info ───────────────────────────────────────────────────────────────────────╮
       │                                                                              │
       │                                                                              │
-      ╰──────────────────────────────────────────────────────────────────────────────╯"
+      ╰──────────────────────────────────────────────────────────────────────────────╯
+      "
     `);
     });
     test('renders with a border for warning', async () => {
@@ -27,7 +29,8 @@ describe('Banner', async () => {
       "╭─ warning ────────────────────────────────────────────────────────────────────╮
       │                                                                              │
       │                                                                              │
-      ╰──────────────────────────────────────────────────────────────────────────────╯"
+      ╰──────────────────────────────────────────────────────────────────────────────╯
+      "
     `);
     });
     test('renders with a border for error', async () => {
@@ -36,7 +39,8 @@ describe('Banner', async () => {
       "╭─ error ──────────────────────────────────────────────────────────────────────╮
       │                                                                              │
       │                                                                              │
-      ╰──────────────────────────────────────────────────────────────────────────────╯"
+      ╰──────────────────────────────────────────────────────────────────────────────╯
+      "
     `);
     });
     test('renders with a top and bottom lines only for external errors', async () => {
@@ -45,7 +49,8 @@ describe('Banner', async () => {
       "── external error ──────────────────────────────────────────────────────────────
 
 
-      ────────────────────────────────────────────────────────────────────────────────"
+      ────────────────────────────────────────────────────────────────────────────────
+      "
     `);
     });
 });