@adaptabletools/adaptable/src/View/Components/WizardSummaryPage.js

Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements

import * as React from 'react';
import WizardPanel from '../../components/WizardPanel';
import { DataSource, InfiniteTable } from '../../components/InfiniteTable';
const columnsMap = {
    Key: { field: 'Key', header: 'Property', defaultFlex: 1 },
    Value: { field: 'Value', header: 'Value', defaultFlex: 3 },
};
const tableDOMProps = {
    className: 'ab-WizardSummary__list',
    style: {
        height: '100%',
        margin: 'var(--ab-space-2)',
    },
};
export const WizardSummaryPage = (props) => {
    return (React.createElement(WizardPanel, { bodyProps: { padding: 0 }, className: "ab-WizardSummary", "data-name": 'wizard-summary' },
        React.createElement(DataSource, { data: props.KeyValuePairs, primaryKey: "Key" },
            React.createElement(InfiniteTable, { showZebraRows: true, domProps: tableDOMProps, columns: columnsMap }))));
};