@syntrologie/adapt-nav 2.5.1 → 2.6.0-canary.2

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/ElementHighlight.test.js

@@ -1,176 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { fireEvent, render } from '@testing-library/react';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { ElementHighlight } from '../components/ElementHighlight';
-// Mock ResizeObserver for jsdom
-class MockResizeObserver {
-    observe() { }
-    unobserve() { }
-    disconnect() { }
-}
-vi.stubGlobal('ResizeObserver', MockResizeObserver);
-vi.stubGlobal('requestAnimationFrame', (cb) => {
-    cb(0);
-    return 0;
-});
-vi.stubGlobal('cancelAnimationFrame', () => { });
-describe('ElementHighlight', () => {
-    let mockElement;
-    let mockRect;
-    beforeEach(() => {
-        mockRect = {
-            top: 100,
-            left: 200,
-            width: 300,
-            height: 150,
-            bottom: 250,
-            right: 500,
-            x: 200,
-            y: 100,
-            toJSON: () => ({}),
-        };
-        mockElement = document.createElement('div');
-        vi.spyOn(mockElement, 'getBoundingClientRect').mockReturnValue(mockRect);
-    });
-    it('renders portal to document.body', () => {
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#3b82f6" }));
-        // The highlight is portaled to document.body — check body has the overlay
-        const overlay = document.body.querySelector('[data-syntro-highlight]');
-        expect(overlay).toBeTruthy();
-    });
-    it('positions at element bounding rect', () => {
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#3b82f6", padding: 2 }));
-        const overlay = document.body.querySelector('[data-syntro-highlight]');
-        expect(overlay).toBeTruthy();
-        // Fixed positioning with padding
-        expect(overlay.style.top).toBe('98px'); // 100 - 2
-        expect(overlay.style.left).toBe('198px'); // 200 - 2
-        expect(overlay.style.width).toBe('304px'); // 300 + 2*2
-        expect(overlay.style.height).toBe('154px'); // 150 + 2*2
-    });
-    it('shows label text and icon', () => {
-        const icon = _jsx("span", { "data-testid": "icon", children: "I" });
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#ef4444", label: "Sensitive", labelIcon: icon }));
-        const label = document.body.querySelector('[data-syntro-highlight-label]');
-        expect(label).toBeTruthy();
-        expect(label.textContent).toContain('Sensitive');
-        expect(document.body.querySelector('[data-testid="icon"]')).toBeTruthy();
-    });
-    it('shows remove button when showRemove is true', () => {
-        const onRemove = vi.fn();
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#ef4444", label: "Test", showRemove: true, onRemove: onRemove }));
-        const removeBtn = document.body.querySelector('[data-syntro-highlight-remove]');
-        expect(removeBtn).toBeTruthy();
-    });
-    it('calls onClick when clicked', () => {
-        const onClick = vi.fn();
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#3b82f6", onClick: onClick }));
-        const overlay = document.body.querySelector('[data-syntro-highlight]');
-        fireEvent.click(overlay);
-        expect(onClick).toHaveBeenCalledTimes(1);
-    });
-    it('calls onRemove when remove button is clicked', () => {
-        const onRemove = vi.fn();
-        const onClick = vi.fn();
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#ef4444", label: "Test", showRemove: true, onRemove: onRemove, onClick: onClick }));
-        const removeBtn = document.body.querySelector('[data-syntro-highlight-remove]');
-        fireEvent.click(removeBtn);
-        expect(onRemove).toHaveBeenCalledTimes(1);
-        // onClick should not fire when clicking remove
-        expect(onClick).not.toHaveBeenCalled();
-    });
-    it('shows dimensions when showDimensions is true', () => {
-        mockElement = document.createElement('section');
-        mockElement.id = 'hero';
-        vi.spyOn(mockElement, 'getBoundingClientRect').mockReturnValue(mockRect);
-        render(_jsx(ElementHighlight, { element: mockElement, color: "rgba(99,102,241,0.6)", showDimensions: true }));
-        const label = document.body.querySelector('[data-syntro-highlight-label]');
-        expect(label).toBeTruthy();
-        // Should contain tag name and dimensions
-        expect(label.textContent).toContain('section');
-        expect(label.textContent).toContain('#hero');
-        expect(label.textContent).toContain('300');
-        expect(label.textContent).toContain('150');
-    });
-    it('uses at least 11px font for highlight labels', () => {
-        render(_jsx(ElementHighlight, { element: mockElement, color: "rgba(99,102,241,0.6)", showDimensions: true }));
-        const label = document.body.querySelector('[data-syntro-highlight-label]');
-        expect(label).toBeTruthy();
-        // showDimensions uses the smaller size (11px); non-dimensions uses 12px
-        expect(label.style.fontSize).toBe('11px');
-    });
-    it('uses 12px font for non-dimensions labels', () => {
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#ef4444", label: "Test Label" }));
-        const label = document.body.querySelector('[data-syntro-highlight-label]');
-        expect(label).toBeTruthy();
-        expect(label.style.fontSize).toBe('12px');
-    });
-    it('uses 12px font for remove button', () => {
-        const onRemove = vi.fn();
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#ef4444", label: "Test", showRemove: true, onRemove: onRemove }));
-        const removeBtn = document.body.querySelector('[data-syntro-highlight-remove]');
-        expect(removeBtn).toBeTruthy();
-        expect(removeBtn.style.fontSize).toBe('12px');
-        expect(removeBtn.style.width).toBe('16px');
-        expect(removeBtn.style.height).toBe('16px');
-    });
-    it('does not show remove button when showRemove is false', () => {
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#3b82f6", label: "Test" }));
-        const removeBtn = document.body.querySelector('[data-syntro-highlight-remove]');
-        expect(removeBtn).toBeNull();
-    });
-    it('calls onClick when Enter key is pressed', () => {
-        const onClick = vi.fn();
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#3b82f6", onClick: onClick }));
-        const overlay = document.body.querySelector('[data-syntro-highlight]');
-        fireEvent.keyDown(overlay, { key: 'Enter' });
-        expect(onClick).toHaveBeenCalledTimes(1);
-    });
-    it('calls onClick when Space key is pressed', () => {
-        const onClick = vi.fn();
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#3b82f6", onClick: onClick }));
-        const overlay = document.body.querySelector('[data-syntro-highlight]');
-        fireEvent.keyDown(overlay, { key: ' ' });
-        expect(onClick).toHaveBeenCalledTimes(1);
-    });
-    it('does not fire onClick on other key presses', () => {
-        const onClick = vi.fn();
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#3b82f6", onClick: onClick }));
-        const overlay = document.body.querySelector('[data-syntro-highlight]');
-        fireEvent.keyDown(overlay, { key: 'Tab' });
-        expect(onClick).not.toHaveBeenCalled();
-    });
-    it('does not attach onKeyDown when onClick is not provided', () => {
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#3b82f6" }));
-        const overlay = document.body.querySelector('[data-syntro-highlight]');
-        // Should not throw and should have no role/tabIndex
-        expect(overlay.getAttribute('role')).toBeNull();
-        expect(overlay.getAttribute('tabindex')).toBeNull();
-    });
-    it('has role="button" and tabIndex when onClick is provided', () => {
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#3b82f6", onClick: () => { } }));
-        const overlay = document.body.querySelector('[data-syntro-highlight]');
-        expect(overlay.getAttribute('role')).toBe('button');
-        expect(overlay.getAttribute('tabindex')).toBe('0');
-    });
-    it('sets pointer cursor when onClick is provided', () => {
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#3b82f6", onClick: () => { } }));
-        const overlay = document.body.querySelector('[data-syntro-highlight]');
-        expect(overlay.style.cursor).toBe('pointer');
-    });
-    it('sets default cursor when onClick is not provided', () => {
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#3b82f6" }));
-        const overlay = document.body.querySelector('[data-syntro-highlight]');
-        expect(overlay.style.cursor).toBe('default');
-    });
-    it('sets pointerEvents to auto when onClick is provided', () => {
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#3b82f6", onClick: () => { } }));
-        const overlay = document.body.querySelector('[data-syntro-highlight]');
-        expect(overlay.style.pointerEvents).toBe('auto');
-    });
-    it('sets pointerEvents to none when no onClick or onRemove', () => {
-        render(_jsx(ElementHighlight, { element: mockElement, color: "#3b82f6" }));
-        const overlay = document.body.querySelector('[data-syntro-highlight]');
-        expect(overlay.style.pointerEvents).toBe('none');
-    });
-});

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/EmptyState.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=EmptyState.test.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/EmptyState.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/EmptyState.test.tsx"],"names":[],"mappings":""}

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/EmptyState.test.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
-import { EmptyState } from '../components/EmptyState';
-describe('EmptyState', () => {
-    it('renders the message text', () => {
-        const { getByText } = render(_jsx(EmptyState, { message: "No items found" }));
-        expect(getByText('No items found')).toBeTruthy();
-    });
-});

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/GroupHeader.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=GroupHeader.test.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/GroupHeader.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupHeader.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/GroupHeader.test.tsx"],"names":[],"mappings":""}

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/GroupHeader.test.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
-import { GroupHeader } from '../components/GroupHeader';
-describe('GroupHeader', () => {
-    it('renders the label', () => {
-        const { getByText } = render(_jsx(GroupHeader, { label: "Active", count: 5 }));
-        expect(getByText('Active')).toBeTruthy();
-    });
-    it('renders the count badge', () => {
-        const { getByText } = render(_jsx(GroupHeader, { label: "Items", count: 12 }));
-        expect(getByText('12')).toBeTruthy();
-    });
-});

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/TriggerJourney.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=TriggerJourney.test.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/TriggerJourney.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TriggerJourney.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/TriggerJourney.test.tsx"],"names":[],"mappings":""}

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/TriggerJourney.test.js

@@ -1,189 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
-import { TriggerJourney } from '../components/TriggerJourney';
-describe('TriggerJourney', () => {
-    it('renders "Always Present" when status is null', () => {
-        render(_jsx(TriggerJourney, { status: null }));
-        expect(screen.getByText('Always Present')).toBeTruthy();
-    });
-    it('renders "Always Present" when conditions array is empty', () => {
-        const status = { visible: true, isFallback: true, conditions: [] };
-        render(_jsx(TriggerJourney, { status: status }));
-        expect(screen.getByText('Always Present')).toBeTruthy();
-    });
-    it('renders a single node for one condition', () => {
-        const status = {
-            visible: true,
-            isFallback: false,
-            conditions: [
-                {
-                    type: 'page_url',
-                    passed: true,
-                    formatted: { label: '/pricing', instruction: 'Visit /pricing', shortLabel: '/pricing' },
-                },
-            ],
-        };
-        render(_jsx(TriggerJourney, { status: status }));
-        expect(screen.getByText('/pricing')).toBeTruthy();
-    });
-    it('renders multiple connected nodes', () => {
-        const status = {
-            visible: false,
-            isFallback: false,
-            conditions: [
-                {
-                    type: 'page_url',
-                    passed: true,
-                    formatted: {
-                        label: '/fine-arts/',
-                        instruction: 'Visit a /fine-arts/ page',
-                        shortLabel: '/fine-arts/',
-                    },
-                },
-                {
-                    type: 'event_count',
-                    passed: false,
-                    formatted: {
-                        label: 'views >= 2',
-                        instruction: 'View pages 2+ times',
-                        shortLabel: 'View 2+ times',
-                        progress: { current: 1, target: 2, operator: 'gte' },
-                    },
-                },
-            ],
-        };
-        const { container } = render(_jsx(TriggerJourney, { status: status }));
-        expect(screen.getByText('/fine-arts/')).toBeTruthy();
-        expect(screen.getByText('View 2+ times')).toBeTruthy();
-        const lines = container.querySelectorAll('[data-journey-line]');
-        expect(lines.length).toBe(1);
-    });
-    it('shows progress bar for event_count conditions', () => {
-        const status = {
-            visible: false,
-            isFallback: false,
-            conditions: [
-                {
-                    type: 'event_count',
-                    passed: false,
-                    formatted: {
-                        label: 'clicks >= 3',
-                        instruction: 'Reach 3+ click events',
-                        shortLabel: '3+ clicks',
-                        progress: { current: 1, target: 3, operator: 'gte' },
-                    },
-                },
-            ],
-        };
-        render(_jsx(TriggerJourney, { status: status }));
-        expect(screen.getByText('1/3')).toBeTruthy();
-    });
-    it('marks passed nodes with data-passed attribute', () => {
-        const status = {
-            visible: false,
-            isFallback: false,
-            conditions: [
-                { type: 'a', passed: true, formatted: { label: 'a', instruction: 'A', shortLabel: 'A' } },
-                { type: 'b', passed: false, formatted: { label: 'b', instruction: 'B', shortLabel: 'B' } },
-            ],
-        };
-        const { container } = render(_jsx(TriggerJourney, { status: status }));
-        const nodes = container.querySelectorAll('[data-journey-node]');
-        expect(nodes.length).toBe(2);
-        expect(nodes[0].getAttribute('data-passed')).toBe('true');
-        expect(nodes[1].getAttribute('data-passed')).toBe('false');
-    });
-    it('shows "All conditions met" when all passed and multiple conditions', () => {
-        const status = {
-            visible: true,
-            isFallback: false,
-            conditions: [
-                { type: 'a', passed: true, formatted: { label: 'a', instruction: 'A', shortLabel: 'A' } },
-                { type: 'b', passed: true, formatted: { label: 'b', instruction: 'B', shortLabel: 'B' } },
-            ],
-        };
-        render(_jsx(TriggerJourney, { status: status }));
-        expect(screen.getByText('All conditions met')).toBeTruthy();
-    });
-    it('does NOT show "All conditions met" for single condition', () => {
-        const status = {
-            visible: true,
-            isFallback: false,
-            conditions: [
-                { type: 'a', passed: true, formatted: { label: 'a', instruction: 'A', shortLabel: 'A' } },
-            ],
-        };
-        render(_jsx(TriggerJourney, { status: status }));
-        expect(screen.queryByText('All conditions met')).toBeNull();
-    });
-    it('uses secondary text color and medium weight for node labels', () => {
-        const status = {
-            visible: false,
-            isFallback: false,
-            conditions: [
-                {
-                    type: 'page_url',
-                    passed: false,
-                    formatted: { label: '/p', instruction: 'Visit pricing', shortLabel: '/pricing' },
-                },
-            ],
-        };
-        render(_jsx(TriggerJourney, { status: status }));
-        const label = screen.getByText('/pricing');
-        expect(label.className).toContain('se-text-text-secondary');
-        expect(label.className).not.toContain('se-text-text-tertiary');
-        expect(label.className).toContain('se-font-medium');
-    });
-    it('uses at least 11px font size for node labels', () => {
-        const status = {
-            visible: false,
-            isFallback: false,
-            conditions: [
-                {
-                    type: 'page_url',
-                    passed: false,
-                    formatted: { label: '/p', instruction: 'Visit pricing', shortLabel: '/pricing' },
-                },
-            ],
-        };
-        render(_jsx(TriggerJourney, { status: status }));
-        const label = screen.getByText('/pricing');
-        expect(label.className).toContain('se-text-[11px]');
-    });
-    it('uses secondary text color for "Always Present" label', () => {
-        render(_jsx(TriggerJourney, { status: null }));
-        const label = screen.getByText('Always Present');
-        expect(label.className).toContain('se-text-text-secondary');
-        expect(label.className).not.toContain('se-text-text-tertiary');
-    });
-    it('uses at least 12px for "All conditions met" text', () => {
-        const status = {
-            visible: true,
-            isFallback: false,
-            conditions: [
-                { type: 'a', passed: true, formatted: { label: 'a', instruction: 'A', shortLabel: 'A' } },
-                { type: 'b', passed: true, formatted: { label: 'b', instruction: 'B', shortLabel: 'B' } },
-            ],
-        };
-        const { container } = render(_jsx(TriggerJourney, { status: status }));
-        const badge = screen.getByText('All conditions met').closest('div');
-        expect(badge.className).toContain('se-text-[12px]');
-    });
-    it('uses instruction as title attribute for tooltip', () => {
-        const status = {
-            visible: false,
-            isFallback: false,
-            conditions: [
-                {
-                    type: 'page_url',
-                    passed: false,
-                    formatted: { label: '/p', instruction: 'Visit /pricing page', shortLabel: '/pricing' },
-                },
-            ],
-        };
-        render(_jsx(TriggerJourney, { status: status }));
-        const label = screen.getByText('/pricing');
-        expect(label.getAttribute('title')).toBe('Visit /pricing page');
-    });
-});

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/cn.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=cn.test.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/cn.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cn.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/cn.test.ts"],"names":[],"mappings":""}

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/cn.test.js

@@ -1,16 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { cn } from '../cn';
-describe('cn', () => {
-    it('joins multiple classes', () => {
-        expect(cn('a', 'b', 'c')).toBe('a b c');
-    });
-    it('filters out false, null, and undefined values', () => {
-        expect(cn('a', false, null, undefined, 'b')).toBe('a b');
-    });
-    it('returns empty string for no args', () => {
-        expect(cn()).toBe('');
-    });
-    it('handles a single class', () => {
-        expect(cn('only')).toBe('only');
-    });
-});

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/formatConditionLabel.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=formatConditionLabel.test.d.ts.map

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/formatConditionLabel.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"formatConditionLabel.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/formatConditionLabel.test.ts"],"names":[],"mappings":""}