@furystack/shades-common-components/esm/components/data-grid/body.js

Common UI components for FuryStack Shades

import { Shade, createComponent } from '@furystack/shades';
import { cssVariableTheme } from '../../services/css-variable-theme.js';
import { DataGridRow } from './data-grid-row.js';
export const DataGridBody = Shade({
    customElementName: 'shade-data-grid-body',
    elementBase: HTMLTableSectionElement,
    elementBaseName: 'tbody',
    css: {
        display: 'table-row-group',
        fontFamily: cssVariableTheme.typography.fontFamily,
    },
    render: ({ props, useObservable }) => {
        const [data] = useObservable('data', props.service.data);
        if (!data?.entries?.length) {
            return props.emptyComponent || createComponent("div", null, " - No Data - ");
        }
        return (createComponent(createComponent, null, data?.entries?.map((entry) => (createComponent(DataGridRow, { columns: props.columns, entry: entry, service: props.service, rowComponents: props.rowComponents, onRowClick: props.onRowClick, onRowDoubleClick: props.onRowDoubleClick, focusedRowStyle: props.focusedRowStyle, unfocusedRowStyle: props.unfocusedRowStyle, selectedRowStyle: props.selectedRowStyle, unselectedRowStyle: props.unselectedRowStyle })))));
    },
});
//# sourceMappingURL=body.js.map