UNPKG

react-bootstrap-table-next

Version:
141 lines (110 loc) 4.68 kB
'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;