61 lines
1.6 KiB
JavaScript
61 lines
1.6 KiB
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import HeadersTable from './headers-table/index.jsx';
|
|
import DataTable from './data-table/index.jsx';
|
|
import { LinkedScrollWrapper, LinkedScrollSection } from './linked-scroll';
|
|
|
|
const Root = ({ state, qlik, editmodeClass }) => (
|
|
<LinkedScrollWrapper>
|
|
<div className={`kpi-table ${editmodeClass}`}>
|
|
<HeadersTable
|
|
data={state.data}
|
|
general={state.general}
|
|
qlik={qlik}
|
|
styling={state.styling}
|
|
/>
|
|
<LinkedScrollSection linkVertical>
|
|
<DataTable
|
|
data={state.data}
|
|
general={state.general}
|
|
qlik={qlik}
|
|
renderData={false}
|
|
styling={state.styling}
|
|
/>
|
|
</LinkedScrollSection>
|
|
</div>
|
|
<div className={`data-table ${editmodeClass}`}>
|
|
<LinkedScrollSection linkHorizontal>
|
|
<HeadersTable
|
|
data={state.data}
|
|
general={state.general}
|
|
qlik={qlik}
|
|
styling={state.styling}
|
|
/>
|
|
</LinkedScrollSection>
|
|
<LinkedScrollSection
|
|
linkHorizontal
|
|
linkVertical
|
|
>
|
|
<DataTable
|
|
data={state.data}
|
|
general={state.general}
|
|
qlik={qlik}
|
|
styling={state.styling}
|
|
/>
|
|
</LinkedScrollSection>
|
|
</div>
|
|
</LinkedScrollWrapper>
|
|
);
|
|
|
|
Root.propTypes = {
|
|
qlik: PropTypes.shape({}).isRequired,
|
|
state: PropTypes.shape({
|
|
data: PropTypes.object.isRequired,
|
|
general: PropTypes.object.isRequired,
|
|
styling: PropTypes.object.isRequired
|
|
}).isRequired,
|
|
editmodeClass: PropTypes.string.isRequired
|
|
};
|
|
|
|
export default Root;
|