@furystack/shades-common-components 11.0.0 → 12.0.0

package/esm/components/data-grid/body.spec.js

@@ -1,6 +1,6 @@
 import { Injector } from '@furystack/inject';
 import { createComponent, initializeShadeRoot } from '@furystack/shades';
-import { sleepAsync } from '@furystack/utils';
+import { sleepAsync, usingAsync } from '@furystack/utils';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { CollectionService } from '../../services/collection-service.js';
 import { DataGridBody } from './body.js';
@@ -12,217 +12,227 @@ describe('DataGridBody', () => {
         document.body.innerHTML = '';
     });
     it('should render default empty component when no data', async () => {
-        const injector = new Injector();
-        const rootElement = document.getElementById('root');
-        const service = new CollectionService();
-        initializeShadeRoot({
-            injector,
-            rootElement,
-            jsxElement: (createComponent("table", null,
-                createComponent(DataGridBody, { service: service, columns: ['id', 'name'] }))),
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const service = new CollectionService();
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: (createComponent("table", null,
+                    createComponent(DataGridBody, { service: service, columns: ['id', 'name'] }))),
+            });
+            await sleepAsync(50);
+            const body = document.querySelector('tbody[is="shade-data-grid-body"]');
+            expect(body).not.toBeNull();
+            expect(body?.textContent).toContain('- No Data -');
+            service[Symbol.dispose]();
         });
-        await sleepAsync(50);
-        const body = document.querySelector('tbody[is="shade-data-grid-body"]');
-        expect(body).not.toBeNull();
-        expect(body?.textContent).toContain('- No Data -');
-        service[Symbol.dispose]();
     });
     it('should render custom empty component when provided and no data', async () => {
-        const injector = new Injector();
-        const rootElement = document.getElementById('root');
-        const service = new CollectionService();
-        initializeShadeRoot({
-            injector,
-            rootElement,
-            jsxElement: (createComponent("table", null,
-                createComponent(DataGridBody, { service: service, columns: ['id', 'name'], emptyComponent: createComponent("div", { "data-testid": "custom-empty" }, "Custom Empty State") }))),
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const service = new CollectionService();
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: (createComponent("table", null,
+                    createComponent(DataGridBody, { service: service, columns: ['id', 'name'], emptyComponent: createComponent("div", { "data-testid": "custom-empty" }, "Custom Empty State") }))),
+            });
+            await sleepAsync(50);
+            const body = document.querySelector('tbody[is="shade-data-grid-body"]');
+            expect(body).not.toBeNull();
+            expect(body?.querySelector('[data-testid="custom-empty"]')).not.toBeNull();
+            expect(body?.textContent).toContain('Custom Empty State');
+            service[Symbol.dispose]();
         });
-        await sleepAsync(50);
-        const body = document.querySelector('tbody[is="shade-data-grid-body"]');
-        expect(body).not.toBeNull();
-        expect(body?.querySelector('[data-testid="custom-empty"]')).not.toBeNull();
-        expect(body?.textContent).toContain('Custom Empty State');
-        service[Symbol.dispose]();
     });
     it('should render rows for each data entry', async () => {
-        const injector = new Injector();
-        const rootElement = document.getElementById('root');
-        const service = new CollectionService();
-        service.data.setValue({
-            count: 2,
-            entries: [
-                { id: 1, name: 'First' },
-                { id: 2, name: 'Second' },
-            ],
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const service = new CollectionService();
+            service.data.setValue({
+                count: 2,
+                entries: [
+                    { id: 1, name: 'First' },
+                    { id: 2, name: 'Second' },
+                ],
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: (createComponent("table", null,
+                    createComponent(DataGridBody, { service: service, columns: ['id', 'name'] }))),
+            });
+            await sleepAsync(50);
+            const body = document.querySelector('tbody[is="shade-data-grid-body"]');
+            expect(body).not.toBeNull();
+            const rows = body?.querySelectorAll('shades-data-grid-row');
+            expect(rows?.length).toBe(2);
+            service[Symbol.dispose]();
         });
-        initializeShadeRoot({
-            injector,
-            rootElement,
-            jsxElement: (createComponent("table", null,
-                createComponent(DataGridBody, { service: service, columns: ['id', 'name'] }))),
-        });
-        await sleepAsync(50);
-        const body = document.querySelector('tbody[is="shade-data-grid-body"]');
-        expect(body).not.toBeNull();
-        const rows = body?.querySelectorAll('shades-data-grid-row');
-        expect(rows?.length).toBe(2);
-        service[Symbol.dispose]();
     });
     it('should render cell content from entry properties', async () => {
-        const injector = new Injector();
-        const rootElement = document.getElementById('root');
-        const service = new CollectionService();
-        service.data.setValue({
-            count: 1,
-            entries: [{ id: 42, name: 'Test Entry' }],
-        });
-        initializeShadeRoot({
-            injector,
-            rootElement,
-            jsxElement: (createComponent("table", null,
-                createComponent(DataGridBody, { service: service, columns: ['id', 'name'] }))),
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const service = new CollectionService();
+            service.data.setValue({
+                count: 1,
+                entries: [{ id: 42, name: 'Test Entry' }],
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: (createComponent("table", null,
+                    createComponent(DataGridBody, { service: service, columns: ['id', 'name'] }))),
+            });
+            await sleepAsync(50);
+            const body = document.querySelector('tbody[is="shade-data-grid-body"]');
+            const cells = body?.querySelectorAll('td');
+            expect(cells?.length).toBe(2);
+            expect(cells?.[0]?.textContent).toBe('42');
+            expect(cells?.[1]?.textContent).toBe('Test Entry');
+            service[Symbol.dispose]();
         });
-        await sleepAsync(50);
-        const body = document.querySelector('tbody[is="shade-data-grid-body"]');
-        const cells = body?.querySelectorAll('td');
-        expect(cells?.length).toBe(2);
-        expect(cells?.[0]?.textContent).toBe('42');
-        expect(cells?.[1]?.textContent).toBe('Test Entry');
-        service[Symbol.dispose]();
     });
     it('should re-render when data observable changes', async () => {
-        const injector = new Injector();
-        const rootElement = document.getElementById('root');
-        const service = new CollectionService();
-        initializeShadeRoot({
-            injector,
-            rootElement,
-            jsxElement: (createComponent("table", null,
-                createComponent(DataGridBody, { service: service, columns: ['id', 'name'] }))),
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const service = new CollectionService();
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: (createComponent("table", null,
+                    createComponent(DataGridBody, { service: service, columns: ['id', 'name'] }))),
+            });
+            await sleepAsync(50);
+            let body = document.querySelector('tbody[is="shade-data-grid-body"]');
+            expect(body?.textContent).toContain('- No Data -');
+            service.data.setValue({
+                count: 1,
+                entries: [{ id: 1, name: 'New Entry' }],
+            });
+            await sleepAsync(50);
+            body = document.querySelector('tbody[is="shade-data-grid-body"]');
+            const rows = body?.querySelectorAll('shades-data-grid-row');
+            expect(rows?.length).toBe(1);
+            service[Symbol.dispose]();
         });
-        await sleepAsync(50);
-        let body = document.querySelector('tbody[is="shade-data-grid-body"]');
-        expect(body?.textContent).toContain('- No Data -');
-        service.data.setValue({
-            count: 1,
-            entries: [{ id: 1, name: 'New Entry' }],
-        });
-        await sleepAsync(50);
-        body = document.querySelector('tbody[is="shade-data-grid-body"]');
-        const rows = body?.querySelectorAll('shades-data-grid-row');
-        expect(rows?.length).toBe(1);
-        service[Symbol.dispose]();
     });
     it('should call onRowClick callback when row is clicked', async () => {
-        const injector = new Injector();
-        const rootElement = document.getElementById('root');
-        const service = new CollectionService();
-        const onRowClick = vi.fn();
-        const entry = { id: 1, name: 'Clickable' };
-        service.data.setValue({
-            count: 1,
-            entries: [entry],
-        });
-        initializeShadeRoot({
-            injector,
-            rootElement,
-            jsxElement: (createComponent("table", null,
-                createComponent(DataGridBody, { service: service, columns: ['id', 'name'], onRowClick: onRowClick }))),
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const service = new CollectionService();
+            const onRowClick = vi.fn();
+            const entry = { id: 1, name: 'Clickable' };
+            service.data.setValue({
+                count: 1,
+                entries: [entry],
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: (createComponent("table", null,
+                    createComponent(DataGridBody, { service: service, columns: ['id', 'name'], onRowClick: onRowClick }))),
+            });
+            await sleepAsync(50);
+            const cell = document.querySelector('td');
+            cell.click();
+            expect(onRowClick).toHaveBeenCalledWith(entry, expect.any(MouseEvent));
+            service[Symbol.dispose]();
         });
-        await sleepAsync(50);
-        const cell = document.querySelector('td');
-        cell.click();
-        expect(onRowClick).toHaveBeenCalledWith(entry, expect.any(MouseEvent));
-        service[Symbol.dispose]();
     });
     it('should call onRowDoubleClick callback when row is double-clicked', async () => {
-        const injector = new Injector();
-        const rootElement = document.getElementById('root');
-        const service = new CollectionService();
-        const onRowDoubleClick = vi.fn();
-        const entry = { id: 1, name: 'DoubleClickable' };
-        service.data.setValue({
-            count: 1,
-            entries: [entry],
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const service = new CollectionService();
+            const onRowDoubleClick = vi.fn();
+            const entry = { id: 1, name: 'DoubleClickable' };
+            service.data.setValue({
+                count: 1,
+                entries: [entry],
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: (createComponent("table", null,
+                    createComponent(DataGridBody, { service: service, columns: ['id', 'name'], onRowDoubleClick: onRowDoubleClick }))),
+            });
+            await sleepAsync(50);
+            const cell = document.querySelector('td');
+            const dblClickEvent = new MouseEvent('dblclick', { bubbles: true });
+            cell.dispatchEvent(dblClickEvent);
+            expect(onRowDoubleClick).toHaveBeenCalledWith(entry, expect.any(MouseEvent));
+            service[Symbol.dispose]();
         });
-        initializeShadeRoot({
-            injector,
-            rootElement,
-            jsxElement: (createComponent("table", null,
-                createComponent(DataGridBody, { service: service, columns: ['id', 'name'], onRowDoubleClick: onRowDoubleClick }))),
-        });
-        await sleepAsync(50);
-        const cell = document.querySelector('td');
-        const dblClickEvent = new MouseEvent('dblclick', { bubbles: true });
-        cell.dispatchEvent(dblClickEvent);
-        expect(onRowDoubleClick).toHaveBeenCalledWith(entry, expect.any(MouseEvent));
-        service[Symbol.dispose]();
     });
     it('should use custom row components when provided', async () => {
-        const injector = new Injector();
-        const rootElement = document.getElementById('root');
-        const service = new CollectionService();
-        service.data.setValue({
-            count: 1,
-            entries: [{ id: 1, name: 'Custom' }],
-        });
-        initializeShadeRoot({
-            injector,
-            rootElement,
-            jsxElement: (createComponent("table", null,
-                createComponent(DataGridBody, { service: service, columns: ['id', 'name'], rowComponents: {
-                        id: (entry) => createComponent("span", { "data-testid": "custom-id" },
-                            "ID: ",
-                            entry.id),
-                        name: (entry) => createComponent("strong", { "data-testid": "custom-name" }, entry.name),
-                    } }))),
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const service = new CollectionService();
+            service.data.setValue({
+                count: 1,
+                entries: [{ id: 1, name: 'Custom' }],
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: (createComponent("table", null,
+                    createComponent(DataGridBody, { service: service, columns: ['id', 'name'], rowComponents: {
+                            id: (entry) => createComponent("span", { "data-testid": "custom-id" },
+                                "ID: ",
+                                entry.id),
+                            name: (entry) => createComponent("strong", { "data-testid": "custom-name" }, entry.name),
+                        } }))),
+            });
+            await sleepAsync(50);
+            const customId = document.querySelector('[data-testid="custom-id"]');
+            const customName = document.querySelector('[data-testid="custom-name"]');
+            expect(customId?.textContent).toContain('ID: 1');
+            expect(customName?.textContent).toBe('Custom');
+            service[Symbol.dispose]();
         });
-        await sleepAsync(50);
-        const customId = document.querySelector('[data-testid="custom-id"]');
-        const customName = document.querySelector('[data-testid="custom-name"]');
-        expect(customId?.textContent).toContain('ID: 1');
-        expect(customName?.textContent).toBe('Custom');
-        service[Symbol.dispose]();
     });
     it('should use default row component when column-specific one is not provided', async () => {
-        const injector = new Injector();
-        const rootElement = document.getElementById('root');
-        const service = new CollectionService();
-        service.data.setValue({
-            count: 1,
-            entries: [{ id: 1, name: 'Default' }],
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const service = new CollectionService();
+            service.data.setValue({
+                count: 1,
+                entries: [{ id: 1, name: 'Default' }],
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: (createComponent("table", null,
+                    createComponent(DataGridBody, { service: service, columns: ['id', 'name'], rowComponents: {
+                            default: (entry) => createComponent("em", { "data-testid": "default-cell" }, JSON.stringify(entry)),
+                        } }))),
+            });
+            await sleepAsync(50);
+            const defaultCells = document.querySelectorAll('[data-testid="default-cell"]');
+            expect(defaultCells.length).toBe(2);
+            service[Symbol.dispose]();
         });
-        initializeShadeRoot({
-            injector,
-            rootElement,
-            jsxElement: (createComponent("table", null,
-                createComponent(DataGridBody, { service: service, columns: ['id', 'name'], rowComponents: {
-                        default: (entry) => createComponent("em", { "data-testid": "default-cell" }, JSON.stringify(entry)),
-                    } }))),
-        });
-        await sleepAsync(50);
-        const defaultCells = document.querySelectorAll('[data-testid="default-cell"]');
-        expect(defaultCells.length).toBe(2);
-        service[Symbol.dispose]();
     });
     it('should render with empty entries array', async () => {
-        const injector = new Injector();
-        const rootElement = document.getElementById('root');
-        const service = new CollectionService();
-        service.data.setValue({
-            count: 0,
-            entries: [],
-        });
-        initializeShadeRoot({
-            injector,
-            rootElement,
-            jsxElement: (createComponent("table", null,
-                createComponent(DataGridBody, { service: service, columns: ['id', 'name'] }))),
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const service = new CollectionService();
+            service.data.setValue({
+                count: 0,
+                entries: [],
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: (createComponent("table", null,
+                    createComponent(DataGridBody, { service: service, columns: ['id', 'name'] }))),
+            });
+            await sleepAsync(50);
+            const body = document.querySelector('tbody[is="shade-data-grid-body"]');
+            expect(body?.textContent).toContain('- No Data -');
+            service[Symbol.dispose]();
         });
-        await sleepAsync(50);
-        const body = document.querySelector('tbody[is="shade-data-grid-body"]');
-        expect(body?.textContent).toContain('- No Data -');
-        service[Symbol.dispose]();
     });
 });
 //# sourceMappingURL=body.spec.js.map

package/esm/components/data-grid/body.spec.js.map

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

package/esm/components/data-grid/data-grid-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid-row.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAE7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,MAAM,WAAW,gBAAgB,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM;IACxD,KAAK,EAAE,CAAC,CAAA;IACR,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC7B,aAAa,CAAC,EAAE,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IACvC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAChD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAChD,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,EACjD,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC,EAClC,QAAQ,EAAE,YAAY,KACnB,GAAG,CAAC,OAAO,CAAC,GAAG,CAqGlB,CAAA"}
+{"version":3,"file":"data-grid-row.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/data-grid-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAE7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD,MAAM,WAAW,gBAAgB,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM;IACxD,KAAK,EAAE,CAAC,CAAA;IACR,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC7B,aAAa,CAAC,EAAE,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IACvC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAChD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAChD,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,WAAW,EAAE,CAAC,CAAC,EAAE,MAAM,SAAS,MAAM,EACjD,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC,EAClC,QAAQ,EAAE,YAAY,KACnB,GAAG,CAAC,OAAO,CAAC,GAAG,CAsHlB,CAAA"}

package/esm/components/data-grid/data-grid-row.js

@@ -1,81 +1,93 @@
-import { attachStyles, createComponent, Shade } from '@furystack/shades';
-import { cssVariableTheme } from '../../services/css-variable-theme.js';
+import { createComponent, Shade } from '@furystack/shades';
+import { buildTransition, cssVariableTheme } from '../../services/css-variable-theme.js';
 export const DataGridRow = Shade({
     shadowDomName: 'shades-data-grid-row',
     css: {
         display: 'table-row',
         cursor: 'default',
         userSelect: 'none',
-        transition: 'background-color 0.15s ease, box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out',
+        transition: buildTransition(['background-color', cssVariableTheme.transitions.duration.fast, 'ease'], ['box-shadow', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.easeInOut], ['transform', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.easeInOut]),
         borderLeft: '3px solid transparent',
-        '&:not(.selected):hover': {
-            backgroundColor: 'rgba(128, 128, 128, 0.08)',
+        '&:not([data-selected]):hover': {
+            backgroundColor: cssVariableTheme.action.hoverBackground,
         },
-        '&.selected': {
-            backgroundColor: 'rgba(128, 128, 128, 0.15)',
+        '&[data-selected]': {
+            backgroundColor: cssVariableTheme.action.selectedBackground,
             borderLeft: `3px solid ${cssVariableTheme.palette.primary.main}`,
         },
-        '&.focused': {
+        '&[data-focused]': {
             boxShadow: `0 0 0 2px ${cssVariableTheme.palette.primary.main} inset, 0 2px 8px 0px rgba(0,0,0,0.15)`,
             fontWeight: '500',
             transform: 'scale(1.002)',
         },
         '& td': {
             padding: '0.75em 1.2em',
-            borderBottom: '1px solid rgba(128, 128, 128, 0.1)',
+            borderBottom: `1px solid ${cssVariableTheme.action.subtleBorder}`,
             verticalAlign: 'middle',
             fontSize: '0.875rem',
             lineHeight: '1.5',
         },
     },
-    render: ({ props, element, useObservable }) => {
+    render: ({ props, useObservable, useHostProps, useRef }) => {
         const { entry, rowComponents, columns, service } = props;
-        const updateSelectionState = (selection) => {
-            const isSelected = selection.includes(entry);
-            element.classList.toggle('selected', isSelected);
-            element.setAttribute('aria-selected', isSelected.toString());
-            if (props.selectedRowStyle && isSelected) {
-                attachStyles(element, { style: props.selectedRowStyle });
-            }
-            else if (props.unselectedRowStyle && !isSelected) {
-                attachStyles(element, { style: props.unselectedRowStyle });
-            }
-        };
-        const updateFocusState = (focusedEntry) => {
-            const isFocused = focusedEntry === entry;
-            element.classList.toggle('focused', isFocused);
-            if (isFocused) {
-                if (props.focusedRowStyle) {
-                    attachStyles(element, { style: props.focusedRowStyle });
-                }
-                const headerHeight = element.closest('table')?.querySelector('th')?.getBoundingClientRect().height || 42;
-                const parent = element.closest('.shade-grid-wrapper');
-                const maxTop = element.offsetTop - headerHeight;
-                const currentTop = parent.scrollTop;
-                if (maxTop < currentTop) {
-                    parent.scrollTo({ top: maxTop, behavior: 'smooth' });
+        const [selection] = useObservable('isSelected', service.selection);
+        const [focus] = useObservable('focus', service.focusedEntry);
+        const isSelected = selection.includes(entry);
+        const isFocused = focus === entry;
+        const rowStyle = {};
+        if (props.selectedRowStyle && isSelected) {
+            Object.assign(rowStyle, props.selectedRowStyle);
+        }
+        else if (props.unselectedRowStyle && !isSelected) {
+            Object.assign(rowStyle, props.unselectedRowStyle);
+        }
+        if (isFocused && props.focusedRowStyle) {
+            Object.assign(rowStyle, props.focusedRowStyle);
+        }
+        else if (!isFocused && props.unfocusedRowStyle) {
+            Object.assign(rowStyle, props.unfocusedRowStyle);
+        }
+        useHostProps({
+            'aria-selected': isSelected.toString(),
+            ...(isSelected ? { 'data-selected': '' } : {}),
+            ...(isFocused ? { 'data-focused': '' } : {}),
+            ...(Object.keys(rowStyle).length > 0 ? { style: rowStyle } : {}),
+        });
+        const wrapperRef = useRef('wrapper');
+        if (isFocused) {
+            queueMicrotask(() => {
+                const el = wrapperRef.current;
+                if (!el)
+                    return;
+                const hostEl = el.closest('shades-data-grid-row');
+                if (!hostEl)
+                    return;
+                const scrollContainer = hostEl.closest('shade-data-grid');
+                if (!scrollContainer)
+                    return;
+                const headerHeight = hostEl.closest('table')?.querySelector('th')?.getBoundingClientRect().height || 42;
+                const footerHeight = scrollContainer.querySelector('shade-data-grid-footer')?.getBoundingClientRect().height || 42;
+                const containerRect = scrollContainer.getBoundingClientRect();
+                const rowRect = hostEl.getBoundingClientRect();
+                const rowTopInContainer = rowRect.top - containerRect.top;
+                const rowBottomInContainer = rowRect.bottom - containerRect.top;
+                if (rowTopInContainer < headerHeight) {
+                    const scrollAdjustment = rowTopInContainer - headerHeight;
+                    scrollContainer.scrollTo({
+                        top: scrollContainer.scrollTop + scrollAdjustment,
+                        behavior: 'smooth',
+                    });
                 }
-                const footerHeight = element.closest('shade-data-grid')?.querySelector('shade-data-grid-footer')?.getBoundingClientRect().height ||
-                    42;
-                const visibleMaxTop = parent.clientHeight - footerHeight;
-                const desiredMaxTop = element.offsetTop + element.clientHeight;
-                if (desiredMaxTop > visibleMaxTop) {
-                    parent.scrollTo({ top: desiredMaxTop - visibleMaxTop, behavior: 'smooth' });
+                else if (rowBottomInContainer > scrollContainer.clientHeight - footerHeight) {
+                    const scrollAdjustment = rowBottomInContainer - (scrollContainer.clientHeight - footerHeight);
+                    scrollContainer.scrollTo({
+                        top: scrollContainer.scrollTop + scrollAdjustment,
+                        behavior: 'smooth',
+                    });
                 }
-            }
-            else if (props.unfocusedRowStyle) {
-                attachStyles(element, { style: props.unfocusedRowStyle });
-            }
-        };
-        const [selection] = useObservable('isSelected', service.selection, {
-            onChange: updateSelectionState,
-        });
-        updateSelectionState(selection);
-        const [focus] = useObservable('focus', service.focusedEntry, {
-            onChange: updateFocusState,
-        });
-        updateFocusState(focus);
-        return (createComponent(createComponent, null, columns.map((column) => (createComponent("td", { onclick: (ev) => props.onRowClick?.(entry, ev), ondblclick: (ev) => props.onRowDoubleClick?.(entry, ev) }, rowComponents?.[column]?.(entry, { selection, focus }) ||
+            });
+        }
+        return (createComponent(createComponent, null, columns.map((column, colIdx) => (createComponent("td", { ...(colIdx === 0 ? { ref: wrapperRef } : {}), onclick: (ev) => props.onRowClick?.(entry, ev), ondblclick: (ev) => props.onRowDoubleClick?.(entry, ev) }, rowComponents?.[column]?.(entry, { selection, focus }) ||
             rowComponents?.default?.(entry, { selection, focus }) || (createComponent("span", null, typeof entry === 'object' && entry && column in entry
             ? entry[column]
             : null)))))));