termcast 1.3.21 → 1.3.24

package/dist/examples/list-dropdown-default.vitest.js

@@ -0,0 +1,234 @@
+import { test, expect, afterEach, beforeEach } from 'vitest';
+import { launchTerminal } from 'tuistory/src';
+let session;
+beforeEach(async () => {
+    session = await launchTerminal({
+        command: 'bun',
+        args: ['src/examples/list-dropdown-default.tsx'],
+        cols: 80,
+        rows: 30,
+    });
+});
+afterEach(() => {
+    session?.close();
+});
+test('dropdown defaults to first item when no value is provided', async () => {
+    await session.text({
+        waitFor: (text) => {
+            return /Dropdown Default Value Example/i.test(text);
+        },
+    });
+    await session.waitIdle();
+    const initialSnapshot = await session.text();
+    expect(initialSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+     Dropdown Default Value Example ───────────────────────────────────────────
+
+
+     Search...                                                          Apple ▾
+
+    ›First Item This list has a dropdown
+     Second Item The dropdown should default to first item
+     Vegetables
+     Carrot With another dropdown
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
+  `);
+}, 10000);
+test('dropdown opens and shows items', async () => {
+    await session.text({
+        waitFor: (text) => {
+            return /Dropdown Default Value Example/i.test(text);
+        },
+    });
+    await session.press(['ctrl', 'p']);
+    const dropdownOpenSnapshot = await session.text();
+    expect(dropdownOpenSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+     Dropdown Default Value Example ───────────────────────────────────────────
+    ┃                                                                          ┃
+    ┃   Filter by category                                               esc   ┃
+    ┃                                                                          ┃
+    ┃   Select category...                                                     ┃
+    ┃                                                                          ┃
+    ┃  ›Apple                                                                  ┃
+    ┃   Banana                                                                 ┃
+    ┃   Orange                                                                 ┃
+    ┃   Grape                                                                  ┃
+    ┃                                                                          ┃
+    ┃                                                                          ┃
+    ┃   ↵ select   ↑↓ navigate                                                 ┃
+    ┃                                                                          ┃
+
+
+
+
+
+
+
+
+
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
+  `);
+    await session.press('down');
+    const afterDownSnapshot = await session.text();
+    expect(afterDownSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+     Dropdown Default Value Example ───────────────────────────────────────────
+    ┃                                                                          ┃
+    ┃   Filter by category                                               esc   ┃
+    ┃                                                                          ┃
+    ┃   Select category...                                                     ┃
+    ┃                                                                          ┃
+    ┃   Apple                                                                  ┃
+    ┃  ›Banana                                                                 ┃
+    ┃   Orange                                                                 ┃
+    ┃   Grape                                                                  ┃
+    ┃                                                                          ┃
+    ┃                                                                          ┃
+    ┃   ↵ select   ↑↓ navigate                                                 ┃
+    ┃                                                                          ┃
+
+
+
+
+
+
+
+
+
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
+  `);
+    await session.press('enter');
+    const afterSelectSnapshot = await session.text();
+    expect(afterSelectSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+     Dropdown Default Value Example ───────────────────────────────────────────
+
+
+     Search...                                                         Banana ▾
+
+    ›First Item This list has a dropdown
+     Second Item The dropdown should default to first item
+     Vegetables
+     Carrot With another dropdown
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
+  `);
+}, 10000);
+test('clicking dropdown opens it', async () => {
+    await session.text({
+        waitFor: (text) => {
+            return /Dropdown Default Value Example/i.test(text);
+        },
+    });
+    await session.click('Apple', { first: true });
+    const afterClickSnapshot = await session.text();
+    expect(afterClickSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+     Dropdown Default Value Example ───────────────────────────────────────────
+    ┃                                                                          ┃
+    ┃   Filter by category                                               esc   ┃
+    ┃                                                                          ┃
+    ┃   Select category...                                                     ┃
+    ┃                                                                          ┃
+    ┃  ›Apple                                                                  ┃
+    ┃   Banana                                                                 ┃
+    ┃   Orange                                                                 ┃
+    ┃   Grape                                                                  ┃
+    ┃                                                                          ┃
+    ┃                                                                          ┃
+    ┃   ↵ select   ↑↓ navigate                                                 ┃
+    ┃                                                                          ┃
+
+
+
+
+
+
+
+
+
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
+  `);
+    await session.click('Orange', { first: true });
+    const afterSelectOrangeSnapshot = await session.text();
+    expect(afterSelectOrangeSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+     Dropdown Default Value Example ───────────────────────────────────────────
+
+
+     Search...                                                         Orange ▾
+
+    ›First Item This list has a dropdown
+     Second Item The dropdown should default to first item
+     Vegetables
+     Carrot With another dropdown
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
+  `);
+}, 10000);
+//# sourceMappingURL=list-dropdown-default.vitest.js.map

package/dist/examples/list-dropdown-default.vitest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-dropdown-default.vitest.js","sourceRoot":"","sources":["../../src/examples/list-dropdown-default.vitest.tsx"],"names":[],"mappings":"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"}

package/dist/examples/list-fetch-data.vitest.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list-fetch-data.vitest.d.ts.map

package/dist/examples/list-fetch-data.vitest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-fetch-data.vitest.d.ts","sourceRoot":"","sources":["../../src/examples/list-fetch-data.vitest.tsx"],"names":[],"mappings":""}

package/dist/examples/list-fetch-data.vitest.js

@@ -0,0 +1,111 @@
+import { test, expect, beforeEach, afterEach } from 'vitest';
+import { launchTerminal } from 'tuistory/src';
+let session;
+beforeEach(async () => {
+    session = await launchTerminal({
+        command: 'bun',
+        args: ['src/examples/list-fetch-data.tsx'],
+        cols: 70,
+        rows: 25,
+    });
+});
+afterEach(() => {
+    session?.close();
+});
+test('list shows initial items after fetch', async () => {
+    await session.text({
+        waitFor: (text) => {
+            return /SVG Library/i.test(text);
+        },
+    });
+    const afterFetchSnapshot = await session.text({
+        waitFor: (text) => {
+            return text.includes('Icons') || text.includes('Home Icon');
+        },
+        timeout: 2000,
+    });
+    expect(afterFetchSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+     SVG Library ────────────────────────────────────────────────────
+
+     Search...
+
+     Icons
+    ›Home Icon Category: Icons
+     User Icon Category: Icons
+     Settings Icon Category: Icons
+
+     Illustrations
+     Welcome Banner Category: Illustrations
+     Hero
+
+
+
+
+
+
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
+  `);
+    await session.press('down');
+    const afterDownSnapshot = await session.text();
+    expect(afterDownSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+     SVG Library ────────────────────────────────────────────────────
+
+     Search...
+
+     Icons
+     Home Icon Category: Icons
+    ›User Icon Category: Icons
+     Settings Icon Category: Icons
+
+     Illustrations
+     Welcome Banner Category: Illustrations
+     Hero Image Category: Illustrations
+
+
+
+
+
+
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
+  `);
+    await session.press('down');
+    await session.press('down');
+    const afterThreeDownsSnapshot = await session.text();
+    expect(afterThreeDownsSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+     SVG Library ────────────────────────────────────────────────────
+
+     Search...
+
+     Icons
+     Home Icon Category: Icons
+     User Icon Category: Icons
+     Settings Icon Category: Icons
+
+     Illustrations
+    ›Welcome Banner Category: Illustrations
+     Hero Image Category: Illustrations
+
+
+
+
+
+
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
+  `);
+}, 10000);
+//# sourceMappingURL=list-fetch-data.vitest.js.map

package/dist/examples/list-fetch-data.vitest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-fetch-data.vitest.js","sourceRoot":"","sources":["../../src/examples/list-fetch-data.vitest.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAW,MAAM,cAAc,CAAA;AAEtD,IAAI,OAAgB,CAAA;AAEpB,UAAU,CAAC,KAAK,IAAI,EAAE;IACpB,OAAO,GAAG,MAAM,cAAc,CAAC;QAC7B,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,CAAC,kCAAkC,CAAC;QAC1C,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,EAAE;KACT,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,GAAG,EAAE;IACb,OAAO,EAAE,KAAK,EAAE,CAAA;AAClB,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;IACtD,MAAM,OAAO,CAAC,IAAI,CAAC;QACjB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YAChB,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAClC,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC;QAC5C,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YAChB,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;QAC7D,CAAC;QACD,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IACF,MAAM,CAAC,kBAAkB,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBhD,CAAC,CAAA;IAIF,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAC3B,MAAM,iBAAiB,GAAG,MAAM,OAAO,CAAC,IAAI,EAAE,CAAA;IAC9C,MAAM,CAAC,iBAAiB,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;GAyB/C,CAAC,CAAA;IAEF,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAC3B,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAC3B,MAAM,uBAAuB,GAAG,MAAM,OAAO,CAAC,IAAI,EAAE,CAAA;IACpD,MAAM,CAAC,uBAAuB,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBrD,CAAC,CAAA;AACJ,CAAC,EAAE,KAAK,CAAC,CAAA"}

package/dist/examples/list-filter-navigation.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list-filter-navigation.d.ts.map

package/dist/examples/list-filter-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-filter-navigation.d.ts","sourceRoot":"","sources":["../../src/examples/list-filter-navigation.tsx"],"names":[],"mappings":""}

package/dist/examples/list-filter-navigation.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@opentui/react/jsx-runtime";
+import { List } from '@termcast/cli';
+import { renderWithProviders } from '@termcast/cli/src/utils';
+const FilteredList = () => {
+    return (_jsxs(List, { navigationTitle: "Filtered List Example", children: [_jsx(List.Item, { title: "Apple", subtitle: "Fruit", keywords: ["red", "sweet"] }), _jsx(List.Item, { title: "Banana", subtitle: "Fruit", keywords: ["yellow", "tropical"] }), _jsx(List.Item, { title: "Carrot", subtitle: "Vegetable", keywords: ["orange", "root"] }), _jsx(List.Item, { title: "Date", subtitle: "Fruit", keywords: ["brown", "sweet"] }), _jsx(List.Item, { title: "Eggplant", subtitle: "Vegetable", keywords: ["purple"] }), _jsx(List.Item, { title: "Fig", subtitle: "Fruit", keywords: ["sweet"] })] }));
+};
+renderWithProviders(_jsx(FilteredList, {}));
+//# sourceMappingURL=list-filter-navigation.js.map

package/dist/examples/list-filter-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-filter-navigation.js","sourceRoot":"","sources":["../../src/examples/list-filter-navigation.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,OAAO,CACL,MAAC,IAAI,IAAC,eAAe,EAAC,uBAAuB,aAC3C,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,GAAI,EACxE,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAI,EAC/E,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAI,EAC/E,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,GAAI,EACzE,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,WAAW,EAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,GAAI,EACzE,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,GAAI,IAC1D,CACR,CAAA;AACH,CAAC,CAAA;AAED,mBAAmB,CAAC,KAAC,YAAY,KAAG,CAAC,CAAA"}

package/dist/examples/list-scrollbox.vitest.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list-scrollbox.vitest.d.ts.map

package/dist/examples/list-scrollbox.vitest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-scrollbox.vitest.d.ts","sourceRoot":"","sources":["../../src/examples/list-scrollbox.vitest.tsx"],"names":[],"mappings":""}

package/dist/examples/list-scrollbox.vitest.js

@@ -0,0 +1,93 @@
+import { test, expect, afterEach, beforeEach } from 'vitest';
+import { launchTerminal } from 'tuistory/src';
+let session;
+beforeEach(async () => {
+    session = await launchTerminal({
+        command: 'bun',
+        args: ['src/examples/list-scrollbox.tsx'],
+        cols: 50,
+        rows: 12,
+    });
+});
+afterEach(() => {
+    session?.close();
+});
+test('list scrollbox auto-scrolls when navigating down', async () => {
+    await session.text({
+        waitFor: (text) => {
+            return /Item 1/i.test(text);
+        },
+    });
+    const initialSnapshot = await session.text();
+    expect(initialSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+     Scrollbox Test ─────────────────────────────
+     Search items...
+
+    ›♠ Item 1 Description for item 1             ▲
+     ■ Item 2 Description for item 2             ▼
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
+  `);
+    await session.press('down');
+    await session.press('down');
+    await session.press('down');
+    await session.press('down');
+    await session.press('down');
+    const afterFiveDownsSnapshot = await session.text();
+    expect(afterFiveDownsSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+     Scrollbox Test ─────────────────────────────
+     Search items...
+
+     ▼ Item 5 Description for item 5             ▲
+    ›♦ Item 6 Description for item 6             ▼
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
+  `);
+    await session.press('down');
+    await session.press('down');
+    await session.press('down');
+    const afterEightDownsSnapshot = await session.text();
+    expect(afterEightDownsSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+     Scrollbox Test ─────────────────────────────
+     Search items...
+
+     ★ Item 8 Description for item 8             ▲
+    ›■ Item 9 Description for item 9             ▼
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
+  `);
+    await session.press('up');
+    await session.press('up');
+    await session.press('up');
+    await session.press('up');
+    await session.press('up');
+    await session.press('up');
+    await session.press('up');
+    const afterScrollBackUpSnapshot = await session.text();
+    expect(afterScrollBackUpSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+     Scrollbox Test ─────────────────────────────
+     Search items...
+
+    ›■ Item 2 Description for item 2             ▲
+     ♠ Item 3 Description for item 3             ▼
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
+  `);
+}, 15000);
+//# sourceMappingURL=list-scrollbox.vitest.js.map

package/dist/examples/list-scrollbox.vitest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-scrollbox.vitest.js","sourceRoot":"","sources":["../../src/examples/list-scrollbox.vitest.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAW,MAAM,cAAc,CAAA;AAEtD,IAAI,OAAgB,CAAA;AAEpB,UAAU,CAAC,KAAK,IAAI,EAAE;IACpB,OAAO,GAAG,MAAM,cAAc,CAAC;QAC7B,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,CAAC,iCAAiC,CAAC;QACzC,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,EAAE;KACT,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,GAAG,EAAE;IACb,OAAO,EAAE,KAAK,EAAE,CAAA;AAClB,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;IAClE,MAAM,OAAO,CAAC,IAAI,CAAC;QACjB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YAChB,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC7B,CAAC;KACF,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,MAAM,OAAO,CAAC,IAAI,EAAE,CAAA;IAC5C,MAAM,CAAC,eAAe,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;GAY7C,CAAC,CAAA;IAEF,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAC3B,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAC3B,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAC3B,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAC3B,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAE3B,MAAM,sBAAsB,GAAG,MAAM,OAAO,CAAC,IAAI,EAAE,CAAA;IACnD,MAAM,CAAC,sBAAsB,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;GAYpD,CAAC,CAAA;IAEF,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAC3B,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAC3B,MAAM,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IAE3B,MAAM,uBAAuB,GAAG,MAAM,OAAO,CAAC,IAAI,EAAE,CAAA;IACpD,MAAM,CAAC,uBAAuB,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;GAYrD,CAAC,CAAA;IAEF,MAAM,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACzB,MAAM,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACzB,MAAM,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACzB,MAAM,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACzB,MAAM,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACzB,MAAM,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACzB,MAAM,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAEzB,MAAM,yBAAyB,GAAG,MAAM,OAAO,CAAC,IAAI,EAAE,CAAA;IACtD,MAAM,CAAC,yBAAyB,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;GAYvD,CAAC,CAAA;AACJ,CAAC,EAAE,KAAK,CAAC,CAAA"}

package/dist/examples/list-with-detail-long.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list-with-detail-long.d.ts.map

package/dist/examples/list-with-detail-long.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-with-detail-long.d.ts","sourceRoot":"","sources":["../../src/examples/list-with-detail-long.tsx"],"names":[],"mappings":""}

package/dist/examples/list-with-detail-long.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "@opentui/react/jsx-runtime";
+import { List } from 'termcast';
+import { renderWithProviders } from '../utils';
+const items = [
+    {
+        id: 'short',
+        title: 'Short Detail',
+        markdown: `# Brief content
+
+This is short.`,
+    },
+    {
+        id: 'long',
+        title: 'Long Detail',
+        markdown: `# This item has extensive detail content
+
+## Section 1
+This is a very long description that contains multiple paragraphs and sections to test how the layout behaves when the detail panel content overflows.
+
+## Section 2
+More content here to ensure we have enough text to cause vertical overflow in the detail panel scrollbox.
+
+## Section 3
+Even more content. We want to make sure the detail panel definitely needs to scroll.
+
+## Section 4
+Additional paragraphs to push the content height beyond what fits in the viewport.
+
+## Section 5
+The goal is to have the scrollbar appear in the detail panel.
+
+## Section 6
+This should be enough content now to cause overflow.
+
+## Section 7
+Just a bit more to be safe.
+
+## Section 8
+And some final content here.`,
+    },
+    {
+        id: 'another',
+        title: 'Another Item',
+        markdown: `# Another
+
+Some content.`,
+    },
+];
+const ListWithDetailLongExample = () => {
+    return (_jsx(List, { navigationTitle: "Detail Length Test", searchBarPlaceholder: "Search...", isShowingDetail: true, children: items.map((item) => (_jsx(List.Item, { id: item.id, title: item.title, detail: _jsx(List.Item.Detail, { markdown: item.markdown }) }, item.id))) }));
+};
+await renderWithProviders(_jsx(ListWithDetailLongExample, {}));
+//# sourceMappingURL=list-with-detail-long.js.map

package/dist/examples/list-with-detail-long.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-with-detail-long.js","sourceRoot":"","sources":["../../src/examples/list-with-detail-long.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,KAAK,GAAG;IACZ;QACE,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE;;eAEC;KACZ;IACD;QACE,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;6BAwBe;KAC1B;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE;;cAEA;KACX;CACF,CAAA;AAED,MAAM,yBAAyB,GAAG,GAAG,EAAE;IACrC,OAAO,CACL,KAAC,IAAI,IACH,eAAe,EAAC,oBAAoB,EACpC,oBAAoB,EAAC,WAAW,EAChC,eAAe,EAAE,IAAI,YAEpB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,IAAI,CAAC,IAAI,IAER,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,KAAC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,IAHhD,IAAI,CAAC,EAAE,CAIZ,CACH,CAAC,GACG,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,mBAAmB,CAAC,KAAC,yBAAyB,KAAG,CAAC,CAAA"}

package/dist/examples/list-with-detail.vitest.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list-with-detail.vitest.d.ts.map

package/dist/examples/list-with-detail.vitest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-with-detail.vitest.d.ts","sourceRoot":"","sources":["../../src/examples/list-with-detail.vitest.tsx"],"names":[],"mappings":""}