@furystack/shades-common-components 10.0.35 → 11.0.0

package/esm/components/fab.js

@@ -3,7 +3,7 @@ export const Fab = Shade({
     shadowDomName: 'shade-fab',
     elementBase: HTMLButtonElement,
     elementBaseName: 'button',
-    style: {
+    css: {
         position: 'fixed',
         bottom: '32px',
         right: '32px',
@@ -16,6 +16,15 @@ export const Fab = Shade({
         borderRadius: '50%',
         boxShadow: '2px 2px 4px rgba(0,0,0,0.3)',
         cursor: 'pointer',
+        border: 'none',
+        transition: 'transform 0.2s ease, box-shadow 0.2s ease',
+        '&:hover': {
+            transform: 'scale(1.05)',
+            boxShadow: '3px 3px 6px rgba(0,0,0,0.4)',
+        },
+        '&:active': {
+            transform: 'scale(0.95)',
+        },
     },
     render: ({ children }) => {
         return createComponent(createComponent, null, children);

package/esm/components/fab.js.map

@@ -1 +1 @@
-{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../src/components/fab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE1D,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC;IACvB,aAAa,EAAE,WAAW;IAC1B,WAAW,EAAE,iBAAiB;IAC9B,eAAe,EAAE,QAAQ;IACzB,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,6BAA6B;QACxC,MAAM,EAAE,SAAS;KAClB;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;QACvB,OAAO,uCAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../src/components/fab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE1D,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC;IACvB,aAAa,EAAE,WAAW;IAC1B,WAAW,EAAE,iBAAiB;IAC9B,eAAe,EAAE,QAAQ;IACzB,GAAG,EAAE;QACH,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,6BAA6B;QACxC,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,2CAA2C;QACvD,SAAS,EAAE;YACT,SAAS,EAAE,aAAa;YACxB,SAAS,EAAE,6BAA6B;SACzC;QACD,UAAU,EAAE;YACV,SAAS,EAAE,aAAa;SACzB;KACF;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;QACvB,OAAO,uCAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}

package/esm/components/fab.spec.d.ts

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

package/esm/components/fab.spec.d.ts.map

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

package/esm/components/fab.spec.js

@@ -0,0 +1,95 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, initializeShadeRoot } from '@furystack/shades';
+import { sleepAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { Fab } from './fab.js';
+describe('Fab', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    const renderFab = async (children) => {
+        const injector = new Injector();
+        const root = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement: root,
+            jsxElement: createComponent(Fab, null, children),
+        });
+        await sleepAsync(50);
+        return {
+            injector,
+            fab: root.querySelector('button[is="shade-fab"]'),
+        };
+    };
+    describe('rendering', () => {
+        it('should render a button element', async () => {
+            const { fab } = await renderFab();
+            expect(fab).toBeTruthy();
+            expect(fab.tagName.toLowerCase()).toBe('button');
+            expect(fab.getAttribute('is')).toBe('shade-fab');
+        });
+    });
+    describe('positioning', () => {
+        it('should have fixed positioning', async () => {
+            const { fab } = await renderFab();
+            const computedStyle = window.getComputedStyle(fab);
+            expect(computedStyle.position).toBe('fixed');
+        });
+        it('should be positioned at bottom-right corner', async () => {
+            const { fab } = await renderFab();
+            const computedStyle = window.getComputedStyle(fab);
+            expect(computedStyle.bottom).toBe('32px');
+            expect(computedStyle.right).toBe('32px');
+        });
+    });
+    describe('children', () => {
+        it('should render text children', async () => {
+            const { fab } = await renderFab(['+']);
+            expect(fab.textContent).toContain('+');
+        });
+        it('should render element children', async () => {
+            const { fab } = await renderFab([createComponent("span", null, "\uD83D\uDE80")]);
+            expect(fab.textContent).toContain('🚀');
+        });
+    });
+    describe('styling', () => {
+        it('should have circular shape', async () => {
+            const { fab } = await renderFab();
+            const computedStyle = window.getComputedStyle(fab);
+            expect(computedStyle.borderRadius).toBe('50%');
+        });
+        it('should have fixed dimensions', async () => {
+            const { fab } = await renderFab();
+            const computedStyle = window.getComputedStyle(fab);
+            expect(computedStyle.width).toBe('64px');
+            expect(computedStyle.height).toBe('64px');
+        });
+        it('should center content with flexbox', async () => {
+            const { fab } = await renderFab();
+            const computedStyle = window.getComputedStyle(fab);
+            expect(computedStyle.display).toBe('flex');
+            expect(computedStyle.justifyContent).toBe('center');
+            expect(computedStyle.alignItems).toBe('center');
+        });
+    });
+    describe('button functionality', () => {
+        it('should trigger onclick handler when clicked', async () => {
+            const handleClick = vi.fn();
+            const injector = new Injector();
+            const root = document.getElementById('root');
+            initializeShadeRoot({
+                injector,
+                rootElement: root,
+                jsxElement: createComponent(Fab, { onclick: handleClick }, "+"),
+            });
+            await sleepAsync(50);
+            const fab = root.querySelector('button[is="shade-fab"]');
+            fab.click();
+            expect(handleClick).toHaveBeenCalledTimes(1);
+        });
+    });
+});
+//# sourceMappingURL=fab.spec.js.map

package/esm/components/fab.spec.js.map

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

package/esm/components/form.spec.d.ts

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

package/esm/components/form.spec.d.ts.map

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

package/esm/components/form.spec.js

@@ -0,0 +1,314 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, initializeShadeRoot } from '@furystack/shades';
+import { sleepAsync, using } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { Form, FormService } from './form.js';
+describe('FormService', () => {
+    describe('initialization', () => {
+        it('should initialize with null validatedFormData', () => {
+            using(new FormService(), (service) => {
+                expect(service.validatedFormData.getValue()).toBeNull();
+            });
+        });
+        it('should initialize with null rawFormData', () => {
+            using(new FormService(), (service) => {
+                expect(service.rawFormData.getValue()).toBeNull();
+            });
+        });
+        it('should initialize with unknown validation result', () => {
+            using(new FormService(), (service) => {
+                expect(service.validationResult.getValue()).toEqual({ isValid: null });
+            });
+        });
+        it('should initialize with empty fieldErrors', () => {
+            using(new FormService(), (service) => {
+                expect(service.fieldErrors.getValue()).toEqual({});
+            });
+        });
+        it('should initialize with empty inputs set', () => {
+            using(new FormService(), (service) => {
+                expect(service.inputs.size).toBe(0);
+            });
+        });
+    });
+    describe('setFieldState', () => {
+        it('should update field errors with valid result', () => {
+            using(new FormService(), (service) => {
+                const validity = { valid: true };
+                service.setFieldState('email', { isValid: true }, validity);
+                expect(service.fieldErrors.getValue()).toEqual({
+                    email: { validationResult: { isValid: true }, validity },
+                });
+            });
+        });
+        it('should update field errors with invalid result', () => {
+            using(new FormService(), (service) => {
+                const validity = { valid: false, valueMissing: true };
+                const validationResult = { isValid: false, message: 'Email is required' };
+                service.setFieldState('email', validationResult, validity);
+                expect(service.fieldErrors.getValue()).toEqual({
+                    email: { validationResult, validity },
+                });
+            });
+        });
+        it('should merge field errors when updating multiple fields', () => {
+            using(new FormService(), (service) => {
+                const validity = { valid: true };
+                service.setFieldState('email', { isValid: true }, validity);
+                service.setFieldState('password', { isValid: true }, validity);
+                const errors = service.fieldErrors.getValue();
+                expect(errors.email).toBeDefined();
+                expect(errors.password).toBeDefined();
+            });
+        });
+    });
+    describe('disposal', () => {
+        it('should dispose all observables', () => {
+            const service = new FormService();
+            const validatedFormDataDisposeSpy = vi.spyOn(service.validatedFormData, Symbol.dispose);
+            const rawFormDataDisposeSpy = vi.spyOn(service.rawFormData, Symbol.dispose);
+            const validationResultDisposeSpy = vi.spyOn(service.validationResult, Symbol.dispose);
+            service[Symbol.dispose]();
+            expect(validatedFormDataDisposeSpy).toHaveBeenCalled();
+            expect(rawFormDataDisposeSpy).toHaveBeenCalled();
+            expect(validationResultDisposeSpy).toHaveBeenCalled();
+        });
+    });
+});
+describe('Form component', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    it('should render children', async () => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: (createComponent(Form, { onSubmit: () => { }, validate: (data) => {
+                    const d = data;
+                    return typeof d.name === 'string';
+                } },
+                createComponent("input", { name: "name", type: "text" }),
+                createComponent("button", { type: "submit" }, "Submit"))),
+        });
+        await sleepAsync(50);
+        const form = document.querySelector('form[is="shade-form"]');
+        expect(form).not.toBeNull();
+        expect(form?.querySelector('input[name="name"]')).not.toBeNull();
+        expect(form?.querySelector('button[type="submit"]')).not.toBeNull();
+    });
+    it('should call onSubmit with validated data when form is valid', async () => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        const onSubmit = vi.fn();
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: (createComponent(Form, { onSubmit: onSubmit, validate: (data) => {
+                    const d = data;
+                    return typeof d.name === 'string';
+                } },
+                createComponent("input", { name: "name", type: "text", value: "Test Name" }),
+                createComponent("button", { type: "submit" }, "Submit"))),
+        });
+        await sleepAsync(50);
+        const form = document.querySelector('form[is="shade-form"]');
+        const input = form.querySelector('input[name="name"]');
+        input.value = 'Test Name';
+        const submitEvent = new Event('submit', { bubbles: true, cancelable: true });
+        form.dispatchEvent(submitEvent);
+        await sleepAsync(50);
+        expect(onSubmit).toHaveBeenCalledWith({ name: 'Test Name' });
+    });
+    it('should not call onSubmit when validation fails', async () => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        const onSubmit = vi.fn();
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: (createComponent(Form, { onSubmit: onSubmit, validate: (data) => {
+                    const d = data;
+                    return typeof d.name === 'string' && typeof d.email === 'string' && d.email.includes('@');
+                } },
+                createComponent("input", { name: "name", type: "text" }),
+                createComponent("input", { name: "email", type: "text" }),
+                createComponent("button", { type: "submit" }, "Submit"))),
+        });
+        await sleepAsync(50);
+        const form = document.querySelector('form[is="shade-form"]');
+        const nameInput = form.querySelector('input[name="name"]');
+        const emailInput = form.querySelector('input[name="email"]');
+        nameInput.value = 'Test';
+        emailInput.value = 'invalid-email';
+        const submitEvent = new Event('submit', { bubbles: true, cancelable: true });
+        form.dispatchEvent(submitEvent);
+        await sleepAsync(50);
+        expect(onSubmit).not.toHaveBeenCalled();
+    });
+    it('should set validation result to validation-failed when validate returns false', async () => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: (createComponent(Form, { onSubmit: () => { }, validate: (data) => {
+                    const d = data;
+                    return typeof d.email === 'string' && d.email.includes('@');
+                } },
+                createComponent("input", { name: "email", type: "text" }),
+                createComponent("button", { type: "submit" }, "Submit"))),
+        });
+        await sleepAsync(50);
+        const form = document.querySelector('form[is="shade-form"]');
+        const input = form.querySelector('input[name="email"]');
+        input.value = 'no-at-sign';
+        const changeEvent = new Event('change', { bubbles: true });
+        form.dispatchEvent(changeEvent);
+        await sleepAsync(50);
+        const formInjector = form.injector;
+        const formService = formInjector.getInstance(FormService);
+        expect(formService.validationResult.getValue()).toEqual({
+            isValid: false,
+            reason: 'validation-failed',
+        });
+    });
+    it('should reset form state on reset event', async () => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        const onReset = vi.fn();
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: (createComponent(Form, { onSubmit: () => { }, onReset: onReset, validate: (data) => {
+                    const d = data;
+                    return typeof d.name === 'string';
+                } },
+                createComponent("input", { name: "name", type: "text" }),
+                createComponent("button", { type: "submit" }, "Submit"),
+                createComponent("button", { type: "reset" }, "Reset"))),
+        });
+        await sleepAsync(50);
+        const form = document.querySelector('form[is="shade-form"]');
+        const input = form.querySelector('input[name="name"]');
+        input.value = 'Test';
+        const changeEvent = new Event('change', { bubbles: true });
+        form.dispatchEvent(changeEvent);
+        await sleepAsync(50);
+        const formInjector = form.injector;
+        const formService = formInjector.getInstance(FormService);
+        expect(formService.rawFormData.getValue()).toEqual({ name: 'Test' });
+        const resetEvent = new Event('reset', { bubbles: true });
+        form.dispatchEvent(resetEvent);
+        await sleepAsync(50);
+        expect(formService.rawFormData.getValue()).toBeNull();
+        expect(formService.validationResult.getValue()).toEqual({ isValid: null });
+        expect(formService.validatedFormData.getValue()).toBeNull();
+    });
+    it('should update rawFormData on change event', async () => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: (createComponent(Form, { onSubmit: () => { }, validate: (data) => {
+                    const d = data;
+                    return typeof d.username === 'string';
+                } },
+                createComponent("input", { name: "username", type: "text" }))),
+        });
+        await sleepAsync(50);
+        const form = document.querySelector('form[is="shade-form"]');
+        const input = form.querySelector('input[name="username"]');
+        input.value = 'testuser';
+        const changeEvent = new Event('change', { bubbles: true });
+        form.dispatchEvent(changeEvent);
+        await sleepAsync(50);
+        const formInjector = form.injector;
+        const formService = formInjector.getInstance(FormService);
+        expect(formService.rawFormData.getValue()).toEqual({ username: 'testuser' });
+    });
+    it('should set validatedFormData when validation passes', async () => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: (createComponent(Form, { onSubmit: () => { }, validate: (data) => {
+                    const d = data;
+                    return typeof d.title === 'string';
+                } },
+                createComponent("input", { name: "title", type: "text" }))),
+        });
+        await sleepAsync(50);
+        const form = document.querySelector('form[is="shade-form"]');
+        const input = form.querySelector('input[name="title"]');
+        input.value = 'My Title';
+        const changeEvent = new Event('change', { bubbles: true });
+        form.dispatchEvent(changeEvent);
+        await sleepAsync(50);
+        const formInjector = form.injector;
+        const formService = formInjector.getInstance(FormService);
+        expect(formService.validatedFormData.getValue()).toEqual({ title: 'My Title' });
+        expect(formService.validationResult.getValue()).toEqual({ isValid: true });
+    });
+    it('should prevent default on submit event', async () => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: (createComponent(Form, { onSubmit: () => { }, validate: (_data) => true },
+                createComponent("input", { name: "field", type: "text" }),
+                createComponent("button", { type: "submit" }, "Submit"))),
+        });
+        await sleepAsync(50);
+        const form = document.querySelector('form[is="shade-form"]');
+        const submitEvent = new Event('submit', { bubbles: true, cancelable: true });
+        const preventDefaultSpy = vi.spyOn(submitEvent, 'preventDefault');
+        form.dispatchEvent(submitEvent);
+        expect(preventDefaultSpy).toHaveBeenCalled();
+    });
+    it('should create child injector with FormService', async () => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: (createComponent(Form, { onSubmit: () => { }, validate: (_data) => true },
+                createComponent("input", { name: "data", type: "text" }))),
+        });
+        await sleepAsync(50);
+        const form = document.querySelector('form[is="shade-form"]');
+        const formInjector = form.injector;
+        expect(formInjector).toBeInstanceOf(Injector);
+        expect(formInjector).not.toBe(injector);
+        const formService = formInjector.getInstance(FormService);
+        expect(formService).toBeInstanceOf(FormService);
+    });
+    it('should handle oninvalid event and trigger validation', async () => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: (createComponent(Form, { onSubmit: () => { }, validate: (data) => {
+                    const d = data;
+                    return typeof d.required === 'string' && d.required.length > 0;
+                } },
+                createComponent("input", { name: "required", type: "text", required: true }),
+                createComponent("button", { type: "submit" }, "Submit"))),
+        });
+        await sleepAsync(50);
+        const form = document.querySelector('form[is="shade-form"]');
+        const input = form.querySelector('input[name="required"]');
+        const invalidEvent = new Event('invalid', { bubbles: true });
+        input.dispatchEvent(invalidEvent);
+        await sleepAsync(50);
+    });
+});
+//# sourceMappingURL=form.spec.js.map

package/esm/components/form.spec.js.map

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

package/esm/components/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/components/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMrD,MAAM,WAAW,SAAS,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM;IACjD,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACtC,aAAa,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IACnC,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;QACtC,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;QACrC,IAAI,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;KACpC,CAAA;CACF;AAED,MAAM,MAAM,WAAW,CAAC,OAAO,SAAS,MAAM,IAAI;KAC/C,IAAI,IAAI,OAAO,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO;CAC/D,CAAA;AACD,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,OAAO,SAAS,MAAM,IAAI;KAC/C,IAAI,IAAI,OAAO,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO;CAC7E,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,CAqFjH,CAAA"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/components/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMrD,MAAM,WAAW,SAAS,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM;IACjD,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACtC,aAAa,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IACnC,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;QACtC,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;QACrC,IAAI,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;KACpC,CAAA;CACF;AAED,MAAM,MAAM,WAAW,CAAC,OAAO,SAAS,MAAM,IAAI;KAC/C,IAAI,IAAI,OAAO,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO;CAC/D,CAAA;AACD,MAAM,MAAM,QAAQ,CAAC,CAAC,EAAE,OAAO,SAAS,MAAM,IAAI;KAC/C,IAAI,IAAI,OAAO,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO;CAC7E,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,CA+EjH,CAAA"}

package/esm/components/grid.js

@@ -1,13 +1,21 @@
-import { Shade, createComponent } from '@furystack/shades';
-import { ThemeProviderService } from '../services/theme-provider-service.js';
+import { attachStyles, createComponent, Shade } from '@furystack/shades';
+import { cssVariableTheme } from '../services/css-variable-theme.js';
 export const Grid = Shade({
     shadowDomName: 'shade-grid',
-    render: ({ props, injector }) => {
-        const { theme } = injector.getInstance(ThemeProviderService);
-        const headerStyle = {
+    css: {
+        display: 'block',
+        width: '100%',
+        height: '100%',
+        overflow: 'auto',
+        '& table': {
+            width: '100%',
+            position: 'relative',
+            borderCollapse: 'collapse',
+        },
+        '& th': {
             padding: '1em 1.2em',
-            backgroundColor: theme.background.paper,
-            color: theme.text.secondary,
+            backgroundColor: cssVariableTheme.background.paper,
+            color: cssVariableTheme.text.secondary,
             borderRadius: '2px',
             top: '0',
             position: 'sticky',
@@ -17,40 +25,35 @@ export const Grid = Shade({
             fontWeight: '600',
             letterSpacing: '0.05em',
             textAlign: 'left',
-            borderBottom: `2px solid ${theme.background.default}`,
-            borderRight: `1px solid rgba(128, 128, 128, 0.2)`,
-            ...props.styles?.header,
-        };
-        const cellStyle = {
+            borderBottom: `2px solid ${cssVariableTheme.background.default}`,
+            borderRight: '1px solid rgba(128, 128, 128, 0.2)',
+        },
+        '& td': {
             padding: '0.75em 1.2em',
-            borderBottom: `1px solid rgba(128, 128, 128, 0.15)`,
+            borderBottom: '1px solid rgba(128, 128, 128, 0.15)',
             transition: 'background-color 0.2s ease',
             fontSize: '0.875rem',
             lineHeight: '1.5',
-            ...props.styles?.cell,
-        };
-        return (createComponent("div", { className: "shade-grid-wrapper", style: {
-                ...props.styles?.wrapper,
-                width: '100%',
-                height: '100%',
-                overflow: 'auto',
-            } },
-            createComponent("table", { style: { width: '100%', position: 'relative', borderCollapse: 'collapse' } },
-                createComponent("thead", null,
-                    createComponent("tr", null, props.columns.map((column) => {
-                        return (createComponent("th", { style: headerStyle }, props.headerComponents?.[column]?.(column) || props.headerComponents?.default?.(column) || (createComponent(createComponent, null, column))));
-                    }))),
-                createComponent("tbody", null, props.entries.map((entry) => (createComponent("tr", { style: {
-                        transition: 'background-color 0.2s ease',
-                    }, onmouseenter: (e) => {
-                        const target = e.currentTarget;
-                        target.style.backgroundColor = `rgba(128, 128, 128, 0.08)`;
-                    }, onmouseleave: (e) => {
-                        const target = e.currentTarget;
-                        target.style.backgroundColor = 'transparent';
-                    } }, props.columns.map((column) => (createComponent("td", { style: cellStyle }, props.rowComponents?.[column]?.(entry, column) ||
-                    props.rowComponents?.default?.(entry, column) ||
-                    null))))))))));
+        },
+        '& tbody tr': {
+            transition: 'background-color 0.2s ease',
+        },
+        '& tbody tr:hover': {
+            backgroundColor: 'rgba(128, 128, 128, 0.08)',
+        },
+    },
+    render: ({ props, element }) => {
+        if (props.styles?.wrapper) {
+            attachStyles(element, { style: props.styles.wrapper });
+        }
+        return (createComponent("table", null,
+            createComponent("thead", null,
+                createComponent("tr", null, props.columns.map((column) => {
+                    return (createComponent("th", { style: props.styles?.header }, props.headerComponents?.[column]?.(column) || props.headerComponents?.default?.(column) || (createComponent(createComponent, null, column))));
+                }))),
+            createComponent("tbody", null, props.entries.map((entry) => (createComponent("tr", null, props.columns.map((column) => (createComponent("td", { style: props.styles?.cell }, props.rowComponents?.[column]?.(entry, column) ||
+                props.rowComponents?.default?.(entry, column) ||
+                null)))))))));
     },
 });
 //# sourceMappingURL=grid.js.map

package/esm/components/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/components/grid.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/components/grid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AAuBpE,MAAM,CAAC,MAAM,IAAI,GACf,KAAK,CAAC;IACJ,aAAa,EAAE,YAAY;IAC3B,GAAG,EAAE;QACH,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE;YACT,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,UAAU;YACpB,cAAc,EAAE,UAAU;SAC3B;QACD,MAAM,EAAE;YACN,OAAO,EAAE,WAAW;YACpB,eAAe,EAAE,gBAAgB,CAAC,UAAU,CAAC,KAAK;YAClD,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,SAAS;YACtC,YAAY,EAAE,KAAK;YACnB,GAAG,EAAE,GAAG;YACR,QAAQ,EAAE,QAAQ;YAClB,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,iBAAiB;YAC9B,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,KAAK;YACjB,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,aAAa,gBAAgB,CAAC,UAAU,CAAC,OAAO,EAAE;YAChE,WAAW,EAAE,oCAAoC;SAClD;QACD,MAAM,EAAE;YACN,OAAO,EAAE,cAAc;YACvB,YAAY,EAAE,qCAAqC;YACnD,UAAU,EAAE,4BAA4B;YACxC,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,KAAK;SAClB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,4BAA4B;SACzC;QACD,kBAAkB,EAAE;YAClB,eAAe,EAAE,2BAA2B;SAC7C;KACF;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;QAC7B,IAAI,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;YAC1B,YAAY,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAA;QACxD,CAAC;QAED,OAAO,CACL;YACE;gBACE,4BACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC5B,OAAO,CACL,wBAAI,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,MAAM,IAC5B,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,gBAAgB,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,IAAI,CAC1F,uCAAG,MAAM,CAAI,CACd,CACE,CACN,CAAA;gBACH,CAAC,CAAC,CACC,CACC;YACR,+BACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,4BACG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,wBAAI,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,IAC1B,KAAK,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;gBAC7C,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC;gBAC7C,IAAI,CACH,CACN,CAAC,CACC,CACN,CAAC,CACI,CACF,CACT,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/esm/components/grid.spec.d.ts

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

package/esm/components/grid.spec.d.ts.map

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