solid-ui 3.1.0 → 3.1.1

package/dist/v2/components/forms/combobox/Combobox.test.js

@@ -0,0 +1,201 @@
+import { beforeEach, describe, expect, it, jest } from '@jest/globals';
+import { Combobox } from './Combobox';
+import './index';
+function getPortalRoot() {
+    var _a;
+    const portalHost = document.querySelector('[data-solid-ui-combobox-portal]');
+    return (_a = portalHost === null || portalHost === void 0 ? void 0 : portalHost.shadowRoot) !== null && _a !== void 0 ? _a : null;
+}
+async function flushUpdates() {
+    await Promise.resolve();
+    await Promise.resolve();
+}
+describe('SolidUICombobox', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '';
+    });
+    it('is defined as a custom element', () => {
+        expect(customElements.get('solid-ui-combobox')).toBe(Combobox);
+    });
+    it('renders the input with label and placeholder', async () => {
+        var _a, _b, _c;
+        const combobox = new Combobox();
+        combobox.label = 'Person';
+        combobox.placeholder = 'Search people';
+        document.body.appendChild(combobox);
+        await combobox.updateComplete;
+        const label = (_a = combobox.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('label.text-label');
+        const input = (_b = combobox.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('input.text-input');
+        const toggle = (_c = combobox.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('button.dropdown-toggle');
+        expect(label).not.toBeNull();
+        expect(label.textContent).toContain('Person');
+        expect(input).not.toBeNull();
+        expect(input.placeholder).toBe('Search people');
+        expect(input.getAttribute('part')).toBe('input');
+        expect(input.getAttribute('role')).toBe('combobox');
+        expect(input.getAttribute('aria-expanded')).toBe('false');
+        expect(toggle).not.toBeNull();
+    });
+    it('loads suggestions from suggestionProvider and emits input events', async () => {
+        var _a;
+        const combobox = new Combobox();
+        const inputEvents = jest.fn();
+        const suggestionProvider = jest.fn(async (query) => [
+            { label: `Alice ${query}`, value: 'alice' },
+            { label: `Bob ${query}`, value: 'bob' }
+        ]);
+        combobox.suggestionProvider = suggestionProvider;
+        combobox.addEventListener('input', (event) => {
+            inputEvents(event.detail);
+        });
+        document.body.appendChild(combobox);
+        await combobox.updateComplete;
+        const input = (_a = combobox.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('input.text-input');
+        input.value = 'al';
+        input.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
+        await flushUpdates();
+        await combobox.updateComplete;
+        const portalRoot = getPortalRoot();
+        const options = Array.from(portalRoot === null || portalRoot === void 0 ? void 0 : portalRoot.querySelectorAll('[role="option"]'));
+        expect(suggestionProvider).toHaveBeenCalledWith('al');
+        expect(inputEvents).toHaveBeenCalledWith({ value: 'al' });
+        expect(combobox.inputValue).toBe('al');
+        expect(options).toHaveLength(2);
+        expect(options[0].textContent).toContain('Alice al');
+    });
+    it('renders the selected option first in the popup', async () => {
+        var _a;
+        const combobox = new Combobox();
+        combobox.options = [
+            { label: 'English', value: 'en' },
+            { label: 'French', value: 'fr' },
+            { label: 'Spanish', value: 'es' }
+        ];
+        combobox.value = 'fr';
+        document.body.appendChild(combobox);
+        await combobox.updateComplete;
+        const input = (_a = combobox.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('input.text-input');
+        input.dispatchEvent(new Event('focus'));
+        await combobox.updateComplete;
+        const portalRoot = getPortalRoot();
+        const options = Array.from(portalRoot === null || portalRoot === void 0 ? void 0 : portalRoot.querySelectorAll('[role="option"]'));
+        expect(options).toHaveLength(3);
+        expect(options[0].textContent).toContain('French');
+        expect(options[0].getAttribute('aria-selected')).toBe('true');
+    });
+    it('updates value and emits change when an option is clicked', async () => {
+        var _a;
+        const combobox = new Combobox();
+        const changed = jest.fn();
+        combobox.options = [
+            { label: 'Alice', value: 'alice', publicId: 'https://example.com/alice' },
+            { label: 'Bob', value: 'bob' }
+        ];
+        combobox.addEventListener('change', (event) => {
+            changed(event.detail);
+        });
+        document.body.appendChild(combobox);
+        await combobox.updateComplete;
+        const input = (_a = combobox.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('input.text-input');
+        input.dispatchEvent(new Event('focus'));
+        await combobox.updateComplete;
+        const portalRoot = getPortalRoot();
+        const options = portalRoot === null || portalRoot === void 0 ? void 0 : portalRoot.querySelectorAll('[role="option"]');
+        options[1].click();
+        await combobox.updateComplete;
+        expect(combobox.value).toBe('bob');
+        expect(combobox.inputValue).toBe('Bob');
+        expect(input.getAttribute('aria-expanded')).toBe('false');
+        expect(changed).toHaveBeenCalledWith({
+            value: 'bob',
+            label: 'Bob',
+            option: { label: 'Bob', value: 'bob' }
+        });
+    });
+    it('opens the popup when clicking the dropdown toggle button', async () => {
+        var _a, _b, _c;
+        const combobox = new Combobox();
+        combobox.options = [
+            { label: 'Alice', value: 'alice' },
+            { label: 'Bob', value: 'bob' }
+        ];
+        document.body.appendChild(combobox);
+        await combobox.updateComplete;
+        const toggle = (_a = combobox.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button.dropdown-toggle');
+        expect(toggle).not.toBeNull();
+        toggle.click();
+        await combobox.updateComplete;
+        const input = (_b = combobox.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('input.text-input');
+        expect(input.getAttribute('aria-expanded')).toBe('true');
+        expect((_c = getPortalRoot()) === null || _c === void 0 ? void 0 : _c.querySelector('[role="listbox"]')).not.toBeNull();
+    });
+    it('supports keyboard selection from the input', async () => {
+        var _a;
+        const combobox = new Combobox();
+        const changed = jest.fn();
+        combobox.options = [
+            { label: 'Alice', value: 'alice' },
+            { label: 'Bob', value: 'bob' },
+            { label: 'Carol', value: 'carol' }
+        ];
+        combobox.addEventListener('change', (event) => {
+            changed(event.detail);
+        });
+        document.body.appendChild(combobox);
+        await combobox.updateComplete;
+        const input = (_a = combobox.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('input.text-input');
+        input.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
+        await combobox.updateComplete;
+        expect(input.getAttribute('aria-expanded')).toBe('true');
+        expect(input.getAttribute('aria-activedescendant')).toBeTruthy();
+        input.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
+        await combobox.updateComplete;
+        input.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
+        await combobox.updateComplete;
+        expect(combobox.value).toBe('bob');
+        expect(combobox.inputValue).toBe('Bob');
+        expect(changed).toHaveBeenCalledWith({
+            value: 'bob',
+            label: 'Bob',
+            option: { label: 'Bob', value: 'bob' }
+        });
+    });
+    it('does not treat space as a selection while typing', async () => {
+        var _a;
+        const combobox = new Combobox();
+        combobox.options = [
+            { label: 'Self Employed', value: 'self-employed' },
+            { label: 'Microsoft', value: 'microsoft' }
+        ];
+        document.body.appendChild(combobox);
+        await combobox.updateComplete;
+        const input = (_a = combobox.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('input.text-input');
+        input.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
+        await combobox.updateComplete;
+        const event = new KeyboardEvent('keydown', { key: ' ', bubbles: true, cancelable: true });
+        input.dispatchEvent(event);
+        await combobox.updateComplete;
+        expect(event.defaultPrevented).toBe(false);
+        expect(combobox.value).toBe('');
+        expect(input.getAttribute('aria-expanded')).toBe('true');
+    });
+    it('closes the popup when clicking outside the component', async () => {
+        var _a;
+        const combobox = new Combobox();
+        combobox.options = [
+            { label: 'Alice', value: 'alice' },
+            { label: 'Bob', value: 'bob' }
+        ];
+        document.body.appendChild(combobox);
+        await combobox.updateComplete;
+        const input = (_a = combobox.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('input.text-input');
+        input.dispatchEvent(new Event('focus'));
+        await combobox.updateComplete;
+        expect(input.getAttribute('aria-expanded')).toBe('true');
+        expect(getPortalRoot()).not.toBeNull();
+        document.body.dispatchEvent(new Event('pointerdown', { bubbles: true, composed: true }));
+        await combobox.updateComplete;
+        expect(input.getAttribute('aria-expanded')).toBe('false');
+    });
+});
+//# sourceMappingURL=Combobox.test.js.map

package/dist/v2/components/forms/combobox/Combobox.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.test.js","sourceRoot":"","sources":["../../../../../src/v2/components/forms/combobox/Combobox.test.ts"],"names":[],"mappings":"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"}

package/dist/v2/components/forms/combobox/comboboxTypes.d.ts

@@ -0,0 +1,6 @@
+import { SelectOption } from '../shared/optionTypes';
+export interface ComboboxSuggestion extends SelectOption {
+    publicId?: string;
+    meta?: Record<string, unknown>;
+}
+//# sourceMappingURL=comboboxTypes.d.ts.map

package/dist/v2/components/forms/combobox/comboboxTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"comboboxTypes.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/forms/combobox/comboboxTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC/B"}

package/dist/v2/components/forms/combobox/comboboxTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=comboboxTypes.js.map

package/dist/v2/components/forms/combobox/comboboxTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"comboboxTypes.js","sourceRoot":"","sources":["../../../../../src/v2/components/forms/combobox/comboboxTypes.ts"],"names":[],"mappings":""}

package/dist/v2/components/forms/combobox/index.d.ts

@@ -0,0 +1,3 @@
+import { Combobox } from './Combobox';
+export { Combobox };
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/components/forms/combobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/forms/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/v2/components/forms/combobox/index.js

@@ -0,0 +1,7 @@
+import { Combobox } from './Combobox';
+export { Combobox };
+const COMBOBOX_TAG_NAME = 'solid-ui-combobox';
+if (!customElements.get(COMBOBOX_TAG_NAME)) {
+    customElements.define(COMBOBOX_TAG_NAME, Combobox);
+}
+//# sourceMappingURL=index.js.map

package/dist/v2/components/forms/combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/v2/components/forms/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,QAAQ,EAAE,CAAA;AAEnB,MAAM,iBAAiB,GAAG,mBAAmB,CAAA;AAE7C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC3C,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAA;AACpD,CAAC"}

package/dist/v2/components/forms/select/Select.d.ts

@@ -0,0 +1,68 @@
+import { LitElement } from 'lit';
+import { SelectOption } from '../shared/optionTypes';
+export declare class Select extends LitElement {
+    private static _nextId;
+    private _popupPortalHost;
+    private _popupPortalRoot;
+    private _popupPortalContainer;
+    private readonly _handleDocumentPointerDown;
+    private readonly _handleViewportChange;
+    static properties: {
+        label: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        theme: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        options: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+        layout: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        _popupOpen: {
+            state: boolean;
+        };
+        _activeIndex: {
+            state: boolean;
+        };
+    };
+    static styles: import("lit").CSSResult[];
+    label: string;
+    theme: 'light' | 'dark';
+    options: Array<SelectOption>;
+    layout: 'desktop' | 'mobile';
+    value: string;
+    _popupOpen: boolean;
+    _activeIndex: number;
+    private readonly _listboxId;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(): void;
+    private _getPopupPortalContainer;
+    private _ensurePopupPortal;
+    private _detachPopupPortal;
+    private _updatePopupPosition;
+    private _closePopup;
+    private _getSelectedIndex;
+    private _getSelectedOption;
+    private _getDisplayedOptions;
+    private _getActiveOption;
+    private _selectValueFromDropdown;
+    private _selectActiveOption;
+    private _openPopup;
+    private _handleTriggerKeydown;
+    private _getOptionId;
+    private _renderPopup;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=Select.d.ts.map

package/dist/v2/components/forms/select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/forms/select/Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAA;AAI3C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAapD,qBAAa,MAAO,SAAQ,UAAU;IACpC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAI;IAC1B,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,gBAAgB,CAA0B;IAClD,OAAO,CAAC,qBAAqB,CAAuB;IACpD,OAAO,CAAC,QAAQ,CAAC,0BAA0B,CA4B1C;IAED,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAGrC;IAED,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;MAQhB;IAED,MAAM,CAAC,MAAM,4BA+LZ;IAEO,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,GAAG,MAAM,CAAA;IACvB,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAA;IAC5B,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IAE5B,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAgD;;IAa3E,iBAAiB;IAOjB,oBAAoB;IAQpB,SAAS,CAAC,OAAO;IAajB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,kBAAkB;IAkC1B,OAAO,CAAC,kBAAkB;IAc1B,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,wBAAwB;IAYhC,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,qBAAqB;IA4D7B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;IAsBpB,MAAM;CA0CP"}