@adaptabletools/adaptable-cjs
Version:
Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements
25 lines (24 loc) • 1.14 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.WizardSummaryPage = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const WizardPanel_1 = tslib_1.__importDefault(require("../../components/WizardPanel"));
const InfiniteTable_1 = require("../../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)',
},
};
const WizardSummaryPage = (props) => {
return (React.createElement(WizardPanel_1.default, { bodyProps: { padding: 0 }, className: "ab-WizardSummary", "data-name": 'wizard-summary' },
React.createElement(InfiniteTable_1.DataSource, { data: props.KeyValuePairs, primaryKey: "Key" },
React.createElement(InfiniteTable_1.InfiniteTableGrid, { showZebraRows: true, domProps: tableDOMProps, columns: columnsMap }))));
};
exports.WizardSummaryPage = WizardSummaryPage;