@furystack/shades-common-components 11.0.0 → 12.0.0

package/esm/components/inputs/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/components/inputs/radio.tsx"],"names":[],"mappings":"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"}

package/esm/components/inputs/radio.spec.d.ts

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

package/esm/components/inputs/radio.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.spec.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/radio.spec.tsx"],"names":[],"mappings":""}

package/esm/components/inputs/radio.spec.js

@@ -0,0 +1,211 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, initializeShadeRoot } from '@furystack/shades';
+import { sleepAsync, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { ThemeProviderService } from '../../services/theme-provider-service.js';
+import { Form, FormService } from '../form.js';
+import { Radio } from './radio.js';
+describe('Radio', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+        vi.restoreAllMocks();
+    });
+    it('should render with shadow DOM', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Radio, { value: "option1" }),
+            });
+            await sleepAsync(50);
+            const radio = document.querySelector('shade-radio');
+            expect(radio).not.toBeNull();
+        });
+    });
+    it('should render the inner radio input element', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Radio, { value: "option1", name: "test-group" }),
+            });
+            await sleepAsync(50);
+            const input = document.querySelector('shade-radio input[type="radio"]');
+            expect(input).not.toBeNull();
+            expect(input.value).toBe('option1');
+            expect(input.name).toBe('test-group');
+        });
+    });
+    it('should render the label title', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Radio, { value: "option1", labelTitle: "Option 1" }),
+            });
+            await sleepAsync(50);
+            const label = document.querySelector('shade-radio label');
+            expect(label).not.toBeNull();
+            expect(label.textContent).toContain('Option 1');
+        });
+    });
+    it('should not render label span when labelTitle is not provided', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(Radio, { value: "option1" }),
+            });
+            await sleepAsync(50);
+            const labelSpan = document.querySelector('shade-radio .radio-label');
+            expect(labelSpan).toBeNull();
+        });
+    });
+    describe('checked state', () => {
+        it('should render as checked when checked prop is true', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(Radio, { value: "option1", checked: true }),
+                });
+                await sleepAsync(50);
+                const input = document.querySelector('shade-radio input[type="radio"]');
+                expect(input.checked).toBe(true);
+            });
+        });
+        it('should render as unchecked when checked prop is false', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(Radio, { value: "option1", checked: false }),
+                });
+                await sleepAsync(50);
+                const input = document.querySelector('shade-radio input[type="radio"]');
+                expect(input.checked).toBe(false);
+            });
+        });
+    });
+    describe('disabled state', () => {
+        it('should set data-disabled attribute when disabled', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(Radio, { value: "option1", disabled: true }),
+                });
+                await sleepAsync(50);
+                const radio = document.querySelector('shade-radio');
+                expect(radio.hasAttribute('data-disabled')).toBe(true);
+                const input = radio.querySelector('input[type="radio"]');
+                expect(input.disabled).toBe(true);
+            });
+        });
+        it('should not have data-disabled attribute when not disabled', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(Radio, { value: "option1", disabled: false }),
+                });
+                await sleepAsync(50);
+                const radio = document.querySelector('shade-radio');
+                expect(radio.hasAttribute('data-disabled')).toBe(false);
+            });
+        });
+    });
+    describe('theme integration', () => {
+        it('should set CSS color variable from theme', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(Radio, { value: "option1" }),
+                });
+                await sleepAsync(50);
+                const radio = document.querySelector('shade-radio');
+                const themeService = injector.getInstance(ThemeProviderService);
+                expect(radio.style.getPropertyValue('--radio-color')).toBe(themeService.theme.palette.primary.main);
+            });
+        });
+        it('should use custom color from color prop', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(Radio, { value: "option1", color: "secondary" }),
+                });
+                await sleepAsync(50);
+                const radio = document.querySelector('shade-radio');
+                const themeService = injector.getInstance(ThemeProviderService);
+                expect(radio.style.getPropertyValue('--radio-color')).toBe(themeService.theme.palette.secondary.main);
+            });
+        });
+    });
+    describe('callbacks', () => {
+        it('should call onchange when radio is clicked', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const onchange = vi.fn();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(Radio, { value: "option1", name: "test", onchange: onchange }),
+                });
+                await sleepAsync(50);
+                const input = document.querySelector('shade-radio input[type="radio"]');
+                input.dispatchEvent(new Event('change', { bubbles: true }));
+                await sleepAsync(50);
+                expect(onchange).toHaveBeenCalled();
+            });
+        });
+    });
+    describe('FormService integration', () => {
+        it('should register input with FormService when inside a Form', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Form, { onSubmit: () => { }, validate: (_data) => true },
+                        createComponent(Radio, { value: "option1", name: "choice", labelTitle: "Option 1" }))),
+                });
+                await sleepAsync(50);
+                const form = document.querySelector('form[is="shade-form"]');
+                const formInjector = form.injector;
+                const formService = formInjector.getInstance(FormService);
+                expect(formService.inputs.size).toBe(1);
+            });
+        });
+    });
+    describe('labelProps', () => {
+        it('should pass labelProps to the label element', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(Radio, { value: "option1", labelProps: { className: 'custom-label' } }),
+                });
+                await sleepAsync(50);
+                const label = document.querySelector('shade-radio label');
+                expect(label.className).toContain('custom-label');
+            });
+        });
+    });
+});
+//# sourceMappingURL=radio.spec.js.map

package/esm/components/inputs/radio.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.spec.js","sourceRoot":"","sources":["../../../src/components/inputs/radio.spec.tsx"],"names":[],"mappings":"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"}

package/esm/components/inputs/select.d.ts

@@ -0,0 +1,67 @@
+import type { PartialElement } from '@furystack/shades';
+import type { Palette } from '../../services/theme-provider-service.js';
+import type { InputValidationResult } from './input.js';
+export type SelectOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+export type SelectOptionGroup = {
+    label: string;
+    options: SelectOption[];
+};
+export type SelectState = {
+    value: string | string[];
+    isOpen: boolean;
+    highlightedIndex: number;
+    searchText: string;
+};
+export type SelectProps = {
+    /** The list of options available in the select */
+    options?: SelectOption[];
+    /** Grouped options (alternative to flat options) */
+    optionGroups?: SelectOptionGroup[];
+    /** The selection mode: 'single' (default) or 'multiple' */
+    mode?: 'single' | 'multiple';
+    /** The currently selected value (string for single, string[] for multiple) */
+    value?: string | string[];
+    /** Placeholder text shown when no option is selected */
+    placeholder?: string;
+    /** Whether the select is disabled */
+    disabled?: boolean;
+    /** Whether a value is required */
+    required?: boolean;
+    /** An optional label title */
+    labelTitle?: JSX.Element | string;
+    /** Optional props for the label element */
+    labelProps?: PartialElement<HTMLLabelElement>;
+    /** The visual variant of the select */
+    variant?: 'contained' | 'outlined';
+    /** The default color of the select */
+    defaultColor?: keyof Palette;
+    /** The name attribute for form integration */
+    name?: string;
+    /** Whether to show a search/filter input */
+    showSearch?: boolean;
+    /** Custom filter function for search (defaults to case-insensitive label match) */
+    filterOption?: (searchText: string, option: SelectOption) => boolean;
+    /** Callback when the selected value changes (single mode) */
+    onValueChange?: (value: string) => void;
+    /** Callback when the selected values change (multiple mode) */
+    onMultiValueChange?: (values: string[]) => void;
+    /** Callback for retrieving the custom validation result */
+    getValidationResult?: (options: {
+        state: SelectState;
+    }) => InputValidationResult;
+    /** Optional callback for the helper text */
+    getHelperText?: (options: {
+        state: SelectState;
+        validationResult?: InputValidationResult;
+    }) => JSX.Element | string;
+};
+export declare const Select: (props: SelectProps & Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+//# sourceMappingURL=select.d.ts.map

package/esm/components/inputs/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AAKvE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAEvD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,YAAY,EAAE,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACxB,MAAM,EAAE,OAAO,CAAA;IACf,gBAAgB,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,kDAAkD;IAClD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,oDAAoD;IACpD,YAAY,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAClC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAA;IAC5B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IACjC,2CAA2C;IAC3C,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,uCAAuC;IACvC,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;IAClC,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,OAAO,CAAA;IAC5B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,mFAAmF;IACnF,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,KAAK,OAAO,CAAA;IACpE,6DAA6D;IAC7D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC/C,2DAA2D;IAC3D,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,WAAW,CAAA;KAAE,KAAK,qBAAqB,CAAA;IAChF,4CAA4C;IAC5C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,WAAW,CAAC;QAAC,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;CACpH,CAAA;AAaD,eAAO,MAAM,MAAM;;;;sEAwrBjB,CAAA"}