@happyvertical/smrt-ui 0.53.1 → 0.53.3

package/dist/components/feedback/__tests__/WorkingStrip.test.js

@@ -1,172 +0,0 @@
-import { render, screen } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it, vi } from 'vitest';
-import WorkingStrip from '../WorkingStrip.svelte';
-describe('WorkingStrip', () => {
-    it('renders nothing but an empty live region while idle', () => {
-        const { container } = render(WorkingStrip, {
-            props: { status: { phase: 'idle', label: null } },
-        });
-        expect(screen.queryByTestId('working-strip')).toBeNull();
-        const live = container.querySelector('[aria-live="polite"]');
-        expect(live?.textContent?.trim()).toBe('');
-    });
-    it('announces the status and reopens the surface from the strip', async () => {
-        const onopen = vi.fn();
-        const onstop = vi.fn();
-        const { container } = render(WorkingStrip, {
-            props: {
-                status: { phase: 'working', label: 'Writing the summary' },
-                canStop: true,
-                onopen,
-                onstop,
-                openLabel: 'Open the assistant',
-            },
-        });
-        expect(container.querySelector('[aria-live="polite"]')?.textContent).toContain('Writing the summary');
-        await userEvent.click(screen.getByRole('button', {
-            name: 'Writing the summary. Open the assistant',
-        }));
-        expect(onopen).toHaveBeenCalledTimes(1);
-        await userEvent.click(screen.getByRole('button', { name: 'Stop' }));
-        expect(onstop).toHaveBeenCalledTimes(1);
-    });
-    it('falls back to default labels and hides Stop unless it can stop', () => {
-        render(WorkingStrip, {
-            props: { status: { phase: 'working', label: null } },
-        });
-        expect(screen.getByTestId('working-strip').textContent).toContain('Working…');
-        expect(screen.queryByRole('button', { name: 'Stop' })).toBeNull();
-    });
-    it('shows Done without a spinner or Stop', () => {
-        const { container } = render(WorkingStrip, {
-            props: {
-                status: { phase: 'done', label: null },
-                canStop: true,
-                variant: 'inline',
-            },
-        });
-        const strip = screen.getByTestId('working-strip');
-        expect(strip).toHaveAttribute('data-phase', 'done');
-        expect(strip.textContent).toContain('Done');
-        expect(container.querySelector('.working-strip__spinner')).toBeNull();
-        expect(screen.queryByRole('button', { name: 'Stop' })).toBeNull();
-    });
-    it('goes green with a check once done, red with a cross once failed', () => {
-        const { rerender } = render(WorkingStrip, {
-            props: {
-                status: { phase: 'done', label: null, goal: 'Show me meetings' },
-                variant: 'floating',
-            },
-        });
-        const strip = screen.getByTestId('working-strip');
-        expect(strip).toHaveAttribute('data-phase', 'done');
-        expect(strip.textContent).toContain('Show me meetings');
-        expect(strip.textContent).toContain('✓');
-        rerender({
-            status: { phase: 'failed', label: null, goal: 'Show me meetings' },
-            variant: 'floating',
-        });
-        expect(screen.getByTestId('working-strip')).toHaveAttribute('data-phase', 'failed');
-        expect(screen.getByTestId('working-strip').textContent).toContain("Couldn't finish");
-    });
-    it('offers Pause while working, Continue while paused, and Esc pauses', async () => {
-        const onpause = vi.fn();
-        const onresume = vi.fn();
-        const onstop = vi.fn();
-        const { rerender } = render(WorkingStrip, {
-            props: {
-                status: { phase: 'working', label: 'Opening Events' },
-                variant: 'floating',
-                canStop: true,
-                onpause,
-                onresume,
-                onstop,
-            },
-        });
-        await userEvent.click(screen.getByRole('button', { name: 'Pause' }));
-        expect(onpause).toHaveBeenCalledTimes(1);
-        screen.getByRole('button', { name: 'Pause' }).focus();
-        await userEvent.keyboard('{Escape}');
-        expect(onpause).toHaveBeenCalledTimes(2);
-        rerender({
-            status: { phase: 'paused', label: null },
-            variant: 'floating',
-            canStop: true,
-            onpause,
-            onresume,
-            onstop,
-        });
-        expect(screen.queryByRole('button', { name: 'Pause' })).toBeNull();
-        await userEvent.click(screen.getByRole('button', { name: 'Continue' }));
-        expect(onresume).toHaveBeenCalledTimes(1);
-        await userEvent.click(screen.getByRole('button', { name: 'Stop' }));
-        expect(onstop).toHaveBeenCalledTimes(1);
-    });
-    it('asks for the person assertively while waiting, with Review', async () => {
-        const onreview = vi.fn();
-        const { container } = render(WorkingStrip, {
-            props: {
-                status: {
-                    phase: 'waiting',
-                    label: 'A change is ready for you',
-                    goal: 'Fill the event form',
-                },
-                variant: 'floating',
-                onreview,
-            },
-        });
-        expect(container.querySelector('[aria-live="assertive"]')?.textContent).toContain('A change is ready for you');
-        expect(container.querySelector('[aria-live="polite"]')?.textContent?.trim()).toBe('');
-        await userEvent.click(screen.getByRole('button', { name: 'Review' }));
-        expect(onreview).toHaveBeenCalledTimes(1);
-    });
-    it('never takes focus by itself', async () => {
-        const outside = document.createElement('button');
-        document.body.append(outside);
-        outside.focus();
-        const { rerender } = render(WorkingStrip, {
-            props: {
-                status: { phase: 'working', label: 'Step one' },
-                variant: 'floating',
-                onpause: vi.fn(),
-                onopen: vi.fn(),
-            },
-        });
-        rerender({
-            status: { phase: 'waiting', label: 'Your turn' },
-            variant: 'floating',
-            onreview: vi.fn(),
-            onopen: vi.fn(),
-        });
-        expect(document.activeElement).toBe(outside);
-        outside.remove();
-    });
-    it('throttles polite step announcements', async () => {
-        vi.useFakeTimers();
-        try {
-            const { container, rerender } = render(WorkingStrip, {
-                props: {
-                    status: { phase: 'working', label: 'Step one' },
-                    announceIntervalMs: 2000,
-                },
-            });
-            const live = () => container.querySelector('[aria-live="polite"]')?.textContent?.trim();
-            expect(live()).toBe('Step one');
-            await rerender({
-                status: { phase: 'working', label: 'Step two' },
-                announceIntervalMs: 2000,
-            });
-            await rerender({
-                status: { phase: 'working', label: 'Step three' },
-                announceIntervalMs: 2000,
-            });
-            expect(live()).toBe('Step one');
-            await vi.advanceTimersByTimeAsync(2000);
-            expect(live()).toBe('Step three');
-        }
-        finally {
-            vi.useRealTimers();
-        }
-    });
-});

package/dist/components/feedback/__tests__/confirm-message.fixture.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-import ConfirmDialog from '../ConfirmDialog.svelte';
-</script>
-
-{#snippet message()}
-  Remove <strong>Record name</strong>?
-  <ul><li>Notes</li><li>Attachments</li></ul>
-{/snippet}
-<ConfirmDialog open title="Rich confirmation" {message} />

package/dist/components/feedback/__tests__/confirm-message.fixture.svelte.d.ts

@@ -1,19 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ConfirmMessage: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ConfirmMessage = InstanceType<typeof ConfirmMessage>;
-export default ConfirmMessage;
-//# sourceMappingURL=confirm-message.fixture.svelte.d.ts.map

package/dist/components/feedback/__tests__/confirm-message.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm-message.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/__tests__/confirm-message.fixture.svelte.ts"],"names":[],"mappings":"AAgBA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,cAAc;;kBAA+E,CAAC;AAClF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC5D,eAAe,cAAc,CAAC"}

package/dist/components/feedback/__tests__/toast.test.js

@@ -1,190 +0,0 @@
-import { act, fireEvent, render, screen } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it, vi } from 'vitest';
-import ToastViewport from '../ToastViewport.svelte';
-import { createToaster } from '../toast.js';
-describe('toast', () => {
-    it('publishes, acts on, and dismisses notifications', async () => {
-        const toaster = createToaster();
-        const action = vi.fn();
-        render(ToastViewport, { props: { toaster } });
-        toaster.show({
-            message: 'Draft restored',
-            duration: 0,
-            action: { label: 'Undo', run: action },
-        });
-        expect(await screen.findByText('Draft restored')).toBeInTheDocument();
-        await userEvent.click(screen.getByRole('button', { name: 'Undo' }));
-        expect(action).toHaveBeenCalledTimes(1);
-        expect(screen.queryByText('Draft restored')).not.toBeInTheDocument();
-    });
-    it('provides success and error conveniences', () => {
-        const toaster = createToaster();
-        const seen = [];
-        toaster.subscribe((toasts) => seen.push(...toasts.map((toast) => toast.variant)));
-        toaster.success('Saved', { duration: 0 });
-        toaster.error('Failed', { duration: 0 });
-        expect(seen).toEqual(expect.arrayContaining(['success', 'error']));
-    });
-    it('restarts dismissal timing when a toast id is reused', () => {
-        vi.useFakeTimers();
-        try {
-            const toaster = createToaster();
-            let visibleIds = [];
-            toaster.subscribe((toasts) => {
-                visibleIds = toasts.map((toast) => toast.id);
-            });
-            toaster.show({ id: 'saving', message: 'Saving', duration: 1000 });
-            vi.advanceTimersByTime(500);
-            toaster.show({ id: 'saving', message: 'Still saving', duration: 1000 });
-            vi.advanceTimersByTime(500);
-            expect(visibleIds).toEqual(['saving']);
-            vi.advanceTimersByTime(500);
-            expect(visibleIds).toEqual([]);
-        }
-        finally {
-            vi.useRealTimers();
-        }
-    });
-});
-describe('toast dismissal interactions', () => {
-    it('preserves the remaining duration until every pause reason clears', () => {
-        vi.useFakeTimers();
-        try {
-            const toaster = createToaster();
-            let visible = 0;
-            toaster.subscribe((toasts) => {
-                visible = toasts.length;
-            });
-            const id = toaster.show({ message: 'Saved', duration: 1000 });
-            vi.advanceTimersByTime(300);
-            toaster.pause?.(id, 'hover');
-            toaster.pause?.(id, 'focus');
-            vi.advanceTimersByTime(5000);
-            expect(visible).toBe(1);
-            toaster.resume?.(id, 'hover');
-            vi.advanceTimersByTime(5000);
-            expect(visible).toBe(1);
-            toaster.resume?.(id, 'focus');
-            toaster.resume?.(id, 'focus');
-            vi.advanceTimersByTime(699);
-            expect(visible).toBe(1);
-            vi.advanceTimersByTime(1);
-            expect(visible).toBe(0);
-        }
-        finally {
-            vi.useRealTimers();
-        }
-    });
-    it('replacing a paused id resets its duration without losing interaction pause', () => {
-        vi.useFakeTimers();
-        try {
-            const toaster = createToaster();
-            let message = '';
-            toaster.subscribe((toasts) => {
-                message = toasts[0]?.message ?? '';
-            });
-            toaster.show({ id: 'save', message: 'Saving', duration: 1000 });
-            toaster.pause?.('save', 'hover');
-            toaster.show({ id: 'save', message: 'Saved', duration: 2000 });
-            vi.advanceTimersByTime(5000);
-            expect(message).toBe('Saved');
-            toaster.resume?.('save', 'hover');
-            vi.advanceTimersByTime(1999);
-            expect(message).toBe('Saved');
-            vi.advanceTimersByTime(1);
-            expect(message).toBe('');
-        }
-        finally {
-            vi.useRealTimers();
-        }
-    });
-    it('can keep success notifications persistent while other notifications expire', () => {
-        vi.useFakeTimers();
-        try {
-            const toaster = createToaster({ successDuration: 0, duration: 1000 });
-            let messages = [];
-            toaster.subscribe((toasts) => {
-                messages = toasts.map((toast) => toast.message);
-            });
-            const id = toaster.success('Only record of approval');
-            toaster.show('Temporary');
-            toaster.success('Explicit duration wins', { duration: 500 });
-            vi.advanceTimersByTime(10000);
-            expect(messages).toEqual(['Only record of approval']);
-            toaster.dismiss(id);
-            expect(messages).toEqual([]);
-            toaster.show('Cleared');
-            toaster.clear();
-            expect(vi.getTimerCount()).toBe(0);
-        }
-        finally {
-            vi.useRealTimers();
-        }
-    });
-    it('viewport hover and focus pause independently, including focus movement within a toast', async () => {
-        vi.useFakeTimers();
-        try {
-            const toaster = createToaster();
-            render(ToastViewport, { props: { toaster } });
-            await act(() => {
-                toaster.show({
-                    message: 'Stay visible',
-                    duration: 1000,
-                    action: { label: 'Undo', run: () => { } },
-                });
-            });
-            const group = screen.getByRole('group', { name: 'Notification' });
-            await fireEvent.mouseEnter(group);
-            await fireEvent.focusIn(screen.getByRole('button', { name: 'Undo' }));
-            await fireEvent.mouseLeave(group);
-            await fireEvent.focusOut(screen.getByRole('button', { name: 'Undo' }), {
-                relatedTarget: screen.getByRole('button', { name: 'Dismiss' }),
-            });
-            await act(() => vi.advanceTimersByTime(5000));
-            expect(screen.getByText('Stay visible')).toBeInTheDocument();
-            await fireEvent.focusOut(group, { relatedTarget: document.body });
-            await act(() => vi.advanceTimersByTime(1000));
-            expect(screen.queryByText('Stay visible')).not.toBeInTheDocument();
-        }
-        finally {
-            vi.useRealTimers();
-        }
-    });
-    it('releases its interaction pauses when the viewport unmounts', async () => {
-        vi.useFakeTimers();
-        try {
-            const toaster = createToaster();
-            let count = 0;
-            toaster.subscribe((toasts) => {
-                count = toasts.length;
-            });
-            const { unmount } = render(ToastViewport, { props: { toaster } });
-            await act(() => {
-                toaster.show({ message: 'Paused', duration: 1000 });
-            });
-            await fireEvent.mouseEnter(screen.getByRole('group', { name: 'Notification' }));
-            await act(() => vi.advanceTimersByTime(5000));
-            expect(count).toBe(1);
-            await unmount();
-            vi.advanceTimersByTime(1000);
-            expect(count).toBe(0);
-            expect(document.querySelector('.viewport')).toBeNull();
-        }
-        finally {
-            vi.useRealTimers();
-        }
-    });
-    it('retains compatibility with injected toasters without pause/resume methods', async () => {
-        const legacy = { ...createToaster(), pause: undefined, resume: undefined };
-        const { unmount } = render(ToastViewport, { props: { toaster: legacy } });
-        legacy.success('Legacy', { duration: 0 });
-        const group = await screen.findByRole('group', { name: 'Notification' });
-        await fireEvent.mouseEnter(group);
-        await fireEvent.mouseLeave(group);
-        await userEvent.click(screen.getByRole('button', { name: 'Dismiss' }));
-        expect(screen.queryByText('Legacy')).not.toBeInTheDocument();
-        await unmount();
-        expect(document.querySelector('.viewport')).toBeNull();
-    });
-});