@furystack/shades-common-components 10.0.35 → 12.0.0

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

@@ -0,0 +1,238 @@
+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 { CollectionService } from '../../services/collection-service.js';
+import { DataGridBody } from './body.js';
+describe('DataGridBody', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    it('should render default empty component when no data', async () => {
+        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]();
+        });
+    });
+    it('should render custom empty component when provided and no data', async () => {
+        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]();
+        });
+    });
+    it('should render rows for each data entry', async () => {
+        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]();
+        });
+    });
+    it('should render cell content from entry properties', async () => {
+        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]();
+        });
+    });
+    it('should re-render when data observable changes', async () => {
+        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]();
+        });
+    });
+    it('should call onRowClick callback when row is clicked', async () => {
+        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]();
+        });
+    });
+    it('should call onRowDoubleClick callback when row is double-clicked', async () => {
+        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]();
+        });
+    });
+    it('should use custom row components when provided', async () => {
+        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]();
+        });
+    });
+    it('should use default row component when column-specific one is not provided', async () => {
+        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]();
+        });
+    });
+    it('should render with empty entries array', async () => {
+        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]();
+        });
+    });
+});
+//# sourceMappingURL=body.spec.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"body.spec.js","sourceRoot":"","sources":["../../../src/components/data-grid/body.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAIxC,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,uBAAuB,CAAA;IACnD,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAA;IAC9B,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YACrE,MAAM,OAAO,GAAG,IAAI,iBAAiB,EAAa,CAAA;YAElD,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV;oBACE,gBAAC,YAAY,IAA2B,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,GAAI,CAC/E,CACT;aACF,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAA;YACvE,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;YAC3B,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAA;YAElD,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAA;QAC3B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;QAC9E,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YACrE,MAAM,OAAO,GAAG,IAAI,iBAAiB,EAAa,CAAA;YAElD,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV;oBACE,gBAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,EACvB,cAAc,EAAE,wCAAiB,cAAc,yBAAyB,GACxE,CACI,CACT;aACF,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAA;YACvE,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;YAC3B,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,8BAA8B,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;YAC1E,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAA;YAEzD,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAA;QAC3B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YACrE,MAAM,OAAO,GAAG,IAAI,iBAAiB,EAAa,CAAA;YAElD,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,OAAO,EAAE;oBACP,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;oBACxB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE;iBAC1B;aACF,CAAC,CAAA;YAEF,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV;oBACE,gBAAC,YAAY,IAA2B,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,GAAI,CAC/E,CACT;aACF,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAA;YACvE,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;YAE3B,MAAM,IAAI,GAAG,IAAI,EAAE,gBAAgB,CAAC,sBAAsB,CAAC,CAAA;YAC3D,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YAE5B,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAA;QAC3B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YACrE,MAAM,OAAO,GAAG,IAAI,iBAAiB,EAAa,CAAA;YAElD,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;aAC1C,CAAC,CAAA;YAEF,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV;oBACE,gBAAC,YAAY,IAA2B,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,GAAI,CAC/E,CACT;aACF,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAA;YACvE,MAAM,KAAK,GAAG,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAA;YAE1C,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YAC7B,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAC1C,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;YAElD,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAA;QAC3B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YACrE,MAAM,OAAO,GAAG,IAAI,iBAAiB,EAAa,CAAA;YAElD,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV;oBACE,gBAAC,YAAY,IAA2B,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,GAAI,CAC/E,CACT;aACF,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,IAAI,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAA;YACrE,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAA;YAElD,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;aACxC,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAA;YACjE,MAAM,IAAI,GAAG,IAAI,EAAE,gBAAgB,CAAC,sBAAsB,CAAC,CAAA;YAC3D,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YAE5B,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAA;QAC3B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YACrE,MAAM,OAAO,GAAG,IAAI,iBAAiB,EAAa,CAAA;YAClD,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;YAE1B,MAAM,KAAK,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA;YAC1C,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,OAAO,EAAE,CAAC,KAAK,CAAC;aACjB,CAAC,CAAA;YAEF,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV;oBACE,gBAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,EACvB,UAAU,EAAE,UAAU,GACtB,CACI,CACT;aACF,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAyB,CAAA;YACjE,IAAI,CAAC,KAAK,EAAE,CAAA;YAEZ,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAA;YAEtE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAA;QAC3B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;QAChF,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YACrE,MAAM,OAAO,GAAG,IAAI,iBAAiB,EAAa,CAAA;YAClD,MAAM,gBAAgB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;YAEhC,MAAM,KAAK,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAA;YAChD,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,OAAO,EAAE,CAAC,KAAK,CAAC;aACjB,CAAC,CAAA;YAEF,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV;oBACE,gBAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,EACvB,gBAAgB,EAAE,gBAAgB,GAClC,CACI,CACT;aACF,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAyB,CAAA;YACjE,MAAM,aAAa,GAAG,IAAI,UAAU,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;YACnE,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;YAEjC,MAAM,CAAC,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAA;YAE5E,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAA;QAC3B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAC9D,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YACrE,MAAM,OAAO,GAAG,IAAI,iBAAiB,EAAa,CAAA;YAElD,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;aACrC,CAAC,CAAA;YAEF,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV;oBACE,gBAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,EACvB,aAAa,EAAE;4BACb,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,yCAAkB,WAAW;;gCAAM,KAAK,CAAC,EAAE,CAAQ;4BAClE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,2CAAoB,aAAa,IAAE,KAAK,CAAC,IAAI,CAAU;yBACzE,GACD,CACI,CACT;aACF,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAA;YACpE,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,6BAA6B,CAAC,CAAA;YAExE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;YAChD,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;YAE9C,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAA;QAC3B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,2EAA2E,EAAE,KAAK,IAAI,EAAE;QACzF,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YACrE,MAAM,OAAO,GAAG,IAAI,iBAAiB,EAAa,CAAA;YAElD,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;aACtC,CAAC,CAAA;YAEF,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV;oBACE,gBAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,EACvB,aAAa,EAAE;4BACb,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,uCAAgB,cAAc,IAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAM;yBAChF,GACD,CACI,CACT;aACF,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,MAAM,YAAY,GAAG,QAAQ,CAAC,gBAAgB,CAAC,8BAA8B,CAAC,CAAA;YAC9E,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YAEnC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAA;QAC3B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,UAAU,CAAC,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;YACrE,MAAM,OAAO,GAAG,IAAI,iBAAiB,EAAa,CAAA;YAElD,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,OAAO,EAAE,EAAE;aACZ,CAAC,CAAA;YAEF,mBAAmB,CAAC;gBAClB,QAAQ;gBACR,WAAW;gBACX,UAAU,EAAE,CACV;oBACE,gBAAC,YAAY,IAA2B,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,GAAI,CAC/E,CACT;aACF,CAAC,CAAA;YAEF,MAAM,UAAU,CAAC,EAAE,CAAC,CAAA;YAEpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,kCAAkC,CAAC,CAAA;YACvE,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAA;YAElD,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAA;QAC3B,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

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;AAC7E,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,CAsIlB,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,105 +1,93 @@
-import { attachStyles, createComponent, Shade } from '@furystack/shades';
+import { createComponent, Shade } from '@furystack/shades';
+import { buildTransition, cssVariableTheme } from '../../services/css-variable-theme.js';
 export const DataGridRow = Shade({
     shadowDomName: 'shades-data-grid-row',
-    render: ({ props, element, useObservable }) => {
+    css: {
+        display: 'table-row',
+        cursor: 'default',
+        userSelect: 'none',
+        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([data-selected]):hover': {
+            backgroundColor: cssVariableTheme.action.hoverBackground,
+        },
+        '&[data-selected]': {
+            backgroundColor: cssVariableTheme.action.selectedBackground,
+            borderLeft: `3px solid ${cssVariableTheme.palette.primary.main}`,
+        },
+        '&[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 ${cssVariableTheme.action.subtleBorder}`,
+            verticalAlign: 'middle',
+            fontSize: '0.875rem',
+            lineHeight: '1.5',
+        },
+    },
+    render: ({ props, useObservable, useHostProps, useRef }) => {
         const { entry, rowComponents, columns, service } = props;
-        const attachSelectedStyles = (selection) => {
-            if (selection.includes(entry)) {
-                element.classList.add('selected');
-                attachStyles(element, {
-                    style: props.selectedRowStyle || {
-                        backgroundColor: 'rgba(128, 128, 128, 0.15)',
-                        borderLeft: `3px solid var(--shades-theme-palette-primary-main)`,
-                    },
-                });
-                element.setAttribute('aria-selected', 'true');
-            }
-            else {
-                element.classList.remove('selected');
-                attachStyles(element, {
-                    style: props.unselectedRowStyle || {
-                        backgroundColor: 'transparent',
-                        borderLeft: '3px solid transparent',
-                    },
-                });
-                element.setAttribute('aria-selected', 'false');
-            }
-        };
-        const attachFocusedStyle = (newEntry) => {
-            if (newEntry === props.entry) {
-                attachStyles(element, {
-                    style: props.focusedRowStyle || {
-                        boxShadow: `0 0 0 2px var(--shades-theme-palette-primary-main) inset, 0 2px 8px 0px rgba(0,0,0,0.15)`,
-                        transition: 'box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out',
-                        fontWeight: '500',
-                        transform: 'scale(1.002)',
-                    },
-                });
-                element.classList.add('focused');
-                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 {
-                element.classList.remove('focused');
-                attachStyles(element, {
-                    style: props.unfocusedRowStyle || {
-                        boxShadow: 'none',
-                        fontWeight: 'inherit',
-                        transform: 'scale(1)',
-                    },
-                });
-            }
-        };
-        const [selection] = useObservable('isSelected', service.selection, {
-            onChange: attachSelectedStyles,
-        });
-        attachSelectedStyles(selection);
-        const [focus] = useObservable('focus', service.focusedEntry, {
-            onChange: attachFocusedStyle,
-        });
-        attachFocusedStyle(focus);
-        element.style.display = 'table-row';
-        element.style.cursor = 'default';
-        element.style.userSelect = 'none';
-        element.style.transition = 'background-color 0.15s ease';
-        if (selection?.includes(entry)) {
-            element.setAttribute('aria-selected', 'true');
-            element.classList.add('selected');
-        }
-        if (focus === entry) {
-            element.classList.add('focused');
+            });
         }
-        element.setAttribute('aria-selected', selection?.includes(entry).toString() || 'false');
-        // Add hover effect
-        element.onmouseenter = () => {
-            if (!selection?.includes(entry)) {
-                element.style.backgroundColor = 'rgba(128, 128, 128, 0.08)';
-            }
-        };
-        element.onmouseleave = () => {
-            if (!selection?.includes(entry)) {
-                element.style.backgroundColor = 'transparent';
-            }
-        };
-        return (createComponent(createComponent, null, columns.map((column) => (createComponent("td", { style: {
-                padding: '0.75em 1.2em',
-                borderBottom: '1px solid rgba(128, 128, 128, 0.1)',
-                verticalAlign: 'middle',
-                fontSize: '0.875rem',
-                lineHeight: '1.5',
-            }, 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)))))));

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

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

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

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

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

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