react-bootstrap-table-next
Version:
Next generation of react-bootstrap-table
141 lines (110 loc) • 4.68 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _headerCell = require('./header-cell');
var _headerCell2 = _interopRequireDefault(_headerCell);
var _selectionHeaderCell = require('./row-selection/selection-header-cell');
var _selectionHeaderCell2 = _interopRequireDefault(_selectionHeaderCell);
var _expandHeaderCell = require('./row-expand/expand-header-cell');
var _expandHeaderCell2 = _interopRequireDefault(_expandHeaderCell);
var _selectionHeaderCellConsumer = require('./row-selection/selection-header-cell-consumer');
var _selectionHeaderCellConsumer2 = _interopRequireDefault(_selectionHeaderCellConsumer);
var _expandHeaderCellConsumer = require('./row-expand/expand-header-cell-consumer');
var _expandHeaderCellConsumer2 = _interopRequireDefault(_expandHeaderCellConsumer);
var _const = require('./const');
var _const2 = _interopRequireDefault(_const);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/* eslint react/require-default-props: 0 */
var Header = function Header(props) {
var className = props.className,
columns = props.columns,
onSort = props.onSort,
onFilter = props.onFilter,
sortField = props.sortField,
sortOrder = props.sortOrder,
selectRow = props.selectRow,
expandRow = props.expandRow,
currFilters = props.currFilters,
onExternalFilter = props.onExternalFilter,
filterPosition = props.filterPosition,
globalSortCaret = props.globalSortCaret,
wrapperClasses = props.wrapperClasses;
var SelectionHeaderCellComp = function SelectionHeaderCellComp() {
return null;
};
var ExpansionHeaderCellComp = function ExpansionHeaderCellComp() {
return null;
};
if (expandRow.showExpandColumn) {
ExpansionHeaderCellComp = (0, _expandHeaderCellConsumer2.default)(_expandHeaderCell2.default);
}
if (selectRow) {
SelectionHeaderCellComp = (0, _selectionHeaderCellConsumer2.default)(_selectionHeaderCell2.default);
}
var isRenderFunctionColumnInLeft = function isRenderFunctionColumnInLeft() {
var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _const2.default.INDICATOR_POSITION_LEFT;
return position === _const2.default.INDICATOR_POSITION_LEFT;
};
var childrens = [columns.map(function (column, i) {
var currSort = column.dataField === sortField;
var isLastSorting = column.dataField === sortField;
return _react2.default.createElement(_headerCell2.default, {
index: i,
key: column.dataField,
column: column,
onSort: onSort,
sorting: currSort,
sortOrder: sortOrder,
globalSortCaret: globalSortCaret,
isLastSorting: isLastSorting,
onFilter: onFilter,
currFilters: currFilters,
onExternalFilter: onExternalFilter,
filterPosition: filterPosition
});
})];
if (!selectRow.hideSelectColumn) {
if (isRenderFunctionColumnInLeft(selectRow.selectColumnPosition)) {
childrens.unshift(_react2.default.createElement(SelectionHeaderCellComp, { key: 'selection' }));
} else {
childrens.push(_react2.default.createElement(SelectionHeaderCellComp, { key: 'selection' }));
}
}
if (expandRow.showExpandColumn) {
if (isRenderFunctionColumnInLeft(expandRow.expandColumnPosition)) {
childrens.unshift(_react2.default.createElement(ExpansionHeaderCellComp, { key: 'expansion' }));
} else {
childrens.push(_react2.default.createElement(ExpansionHeaderCellComp, { key: 'expansion' }));
}
}
return _react2.default.createElement(
'thead',
{ className: wrapperClasses },
_react2.default.createElement(
'tr',
{ className: className },
childrens
)
);
};
Header.propTypes = {
columns: _propTypes2.default.array.isRequired,
onSort: _propTypes2.default.func,
onFilter: _propTypes2.default.func,
sortField: _propTypes2.default.string,
sortOrder: _propTypes2.default.string,
selectRow: _propTypes2.default.object,
currFilters: _propTypes2.default.object,
onExternalFilter: _propTypes2.default.func,
globalSortCaret: _propTypes2.default.func,
className: _propTypes2.default.string,
wrapperClasses: _propTypes2.default.string,
expandRow: _propTypes2.default.object,
filterPosition: _propTypes2.default.oneOf([_const2.default.FILTERS_POSITION_TOP, _const2.default.FILTERS_POSITION_INLINE, _const2.default.FILTERS_POSITION_BOTTOM])
};
exports.default = Header;