@furystack/shades-common-components 13.5.0 → 15.0.0

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

@@ -1,11 +1,11 @@
 import { createComponent, Shade } from '@furystack/shades';
-import { ClickAwayService } from '../../services/click-away-service.js';
 import { cssVariableTheme } from '../../services/css-variable-theme.js';
 import { DataGridBody } from './body.js';
 import { DataGridFooter } from './footer.js';
 import { DataGridHeader } from './header.js';
+let nextDataGridId = 0;
 export const DataGrid = Shade({
-    shadowDomName: 'shade-data-grid',
+    customElementName: 'shade-data-grid',
     css: {
         display: 'block',
         fontFamily: cssVariableTheme.typography.fontFamily,
@@ -37,29 +37,49 @@ export const DataGrid = Shade({
             borderRight: `1px solid ${cssVariableTheme.action.subtleBorder}`,
         },
     },
-    render: ({ props, useDisposable, useRef, useHostProps }) => {
+    render: ({ props, useDisposable, useRef, useHostProps, useState }) => {
         const wrapperRef = useRef('gridWrapper');
+        const [navSectionId] = useState('navSectionId', String(nextDataGridId++));
+        const headerFindOptions = props.findOptions;
+        const handleHeaderChange = props.onFindOptionsChange;
         useDisposable('keydown-handler', () => {
             const listener = (ev) => props.collectionService.handleKeyDown(ev);
-            window.addEventListener('keydown', listener);
-            return { [Symbol.dispose]: () => window.removeEventListener('keydown', listener) };
+            window.addEventListener('keydown', listener, true);
+            return { [Symbol.dispose]: () => window.removeEventListener('keydown', listener, true) };
+        });
+        useDisposable('focus-coordination', () => {
+            const handleFocusOut = (ev) => {
+                const wrapper = wrapperRef.current;
+                if (wrapper && (!ev.relatedTarget || !wrapper.contains(ev.relatedTarget))) {
+                    props.collectionService.hasFocus.setValue(false);
+                }
+            };
+            queueMicrotask(() => {
+                const wrapper = wrapperRef.current;
+                if (wrapper) {
+                    wrapper.addEventListener('focusout', handleFocusOut);
+                }
+            });
+            return {
+                [Symbol.dispose]: () => {
+                    const wrapper = wrapperRef.current;
+                    if (wrapper) {
+                        wrapper.removeEventListener('focusout', handleFocusOut);
+                    }
+                },
+            };
         });
-        useDisposable('clickAway', () => new ClickAwayService(wrapperRef, () => {
-            props.collectionService.hasFocus.setValue(false);
-        }));
         if (props.styles?.wrapper) {
             useHostProps({ style: props.styles.wrapper });
         }
-        return (createComponent("div", { ref: wrapperRef, className: "shade-grid-wrapper", onclick: () => {
-                props.collectionService.hasFocus.setValue(true);
-            }, ariaMultiSelectable: "true" },
+        return (createComponent("div", { ref: wrapperRef, className: "shade-grid-wrapper", "data-nav-section": props.navSection ?? `data-grid-${navSectionId}`, ariaMultiSelectable: "true" },
             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(DataGridHeader, { field: column, findOptions: props.findOptions, filterConfig: props.columnFilters?.[column] }))));
+                        return (createComponent("th", { style: props.styles?.header }, props.headerComponents?.[column]?.(column) || props.headerComponents?.default?.(column) || (createComponent(DataGridHeader, { field: column, findOptions: headerFindOptions, onFindOptionsChange: handleHeaderChange, filterConfig: props.columnFilters?.[column] }))));
                     }))),
                 createComponent(DataGridBody, { columns: props.columns, service: props.collectionService, rowComponents: props.rowComponents, onRowClick: (entry, ev) => props.collectionService.handleRowClick(entry, ev), onRowDoubleClick: (entry) => props.collectionService.handleRowDoubleClick(entry), style: props.styles?.cell, focusedRowStyle: props.focusedRowStyle, selectedRowStyle: props.selectedRowStyle, unfocusedRowStyle: props.unfocusedRowStyle, unselectedRowStyle: props.unselectedRowStyle, emptyComponent: props.emptyComponent, loaderComponent: props.loaderComponent })),
-            createComponent(DataGridFooter, { service: props.collectionService, findOptions: props.findOptions, paginationOptions: props.paginationOptions })));
+            createComponent(DataGridFooter, { service: props.collectionService, findOptions: props.findOptions, onFindOptionsChange: props.onFindOptionsChange, paginationOptions: props.paginationOptions })));
     },
 });
 //# sourceMappingURL=data-grid.js.map

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

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