@@ -493,7 +493,6 @@ return /******/ (function(modules) { // webpackBootstrap
493
493
var columnDescription = _this3.getColumnDescription(column);
494
494
495
495
columnDescription.index = i;
496
-
497
496
return columnDescription;
498
497
}
499
498
});
@@ -529,7 +528,7 @@ return /******/ (function(modules) { // webpackBootstrap
529
528
style: column.props.tdStyle
530
529
};
531
530
532
- if (column.type !== _TableHeaderColumn2.default && _react2.default.isValidElement(column.props.children)) {
531
+ if (column.type.name !== _TableHeaderColumn2.default.name && _react2.default.isValidElement(column.props.children)) {
533
532
columnDescription = _extends({}, columnDescription, this.getColumnDescription(_react2.default.Children.only(column.props.children)));
534
533
}
535
534
@@ -1708,6 +1707,7 @@ return /******/ (function(modules) { // webpackBootstrap
1708
1707
{ className: 'react-bs-table-tool-bar ' + (print ? '' : 'hidden-print') },
1709
1708
_react2.default.createElement(_ToolBar2.default, {
1710
1709
ref: 'toolbar',
1710
+ version: this.props.version,
1711
1711
defaultSearch: this.props.options.defaultSearch,
1712
1712
clearSearch: this.props.options.clearSearch,
1713
1713
searchPosition: this.props.options.searchPosition,
@@ -8612,7 +8612,7 @@ return /******/ (function(modules) { // webpackBootstrap
8612
8612
if (sizePerPage === pageNum) sizePerPageText = pageText;
8613
8613
return _react2.default.createElement(
8614
8614
'li',
8615
- { key: pageText, role: 'presentation' },
8615
+ { key: pageText, role: 'presentation', className: 'dropdown-item' },
8616
8616
_react2.default.createElement(
8617
8617
'a',
8618
8618
{ role: 'menuitem',
@@ -8985,7 +8985,7 @@ return /******/ (function(modules) { // webpackBootstrap
8985
8985
SizePerPageDropDown.defaultProps = {
8986
8986
open: false,
8987
8987
hidden: false,
8988
- btnContextual: 'btn-default',
8988
+ btnContextual: 'btn-default btn-secondary ',
8989
8989
variation: 'dropdown',
8990
8990
className: ''
8991
8991
};
@@ -9556,6 +9556,7 @@ return /******/ (function(modules) { // webpackBootstrap
9556
9556
value: function renderInsertRowModal() {
9557
9557
var validateState = this.state.validateState || {};
9558
9558
var _props = this.props,
9559
+ version = _props.version,
9559
9560
columns = _props.columns,
9560
9561
ignoreEditable = _props.ignoreEditable,
9561
9562
insertModalHeader = _props.insertModalHeader,
@@ -9569,6 +9570,7 @@ return /******/ (function(modules) { // webpackBootstrap
9569
9570
9570
9571
if (!modal) {
9571
9572
modal = _react2.default.createElement(_InsertModal2.default, {
9573
+ version: version,
9572
9574
columns: columns,
9573
9575
validateState: validateState,
9574
9576
ignoreEditable: ignoreEditable,
@@ -9608,6 +9610,7 @@ return /******/ (function(modules) { // webpackBootstrap
9608
9610
9609
9611
9610
9612
ToolBar.propTypes = {
9613
+ version: _propTypes2.default.string,
9611
9614
onAddRow: _propTypes2.default.func,
9612
9615
onDropRow: _propTypes2.default.func,
9613
9616
onShowOnlySelected: _propTypes2.default.func,
@@ -12431,6 +12434,7 @@ return /******/ (function(modules) { // webpackBootstrap
12431
12434
'div',
12432
12435
{ className: 'modal-content ' + defaultModalClassName },
12433
12436
headerComponent || _react2.default.createElement(_InsertModalHeader2.default, {
12437
+ version: this.props.version,
12434
12438
className: 'react-bs-table-inser-modal-header',
12435
12439
onModalClose: onModalClose }),
12436
12440
bodyComponent || _react2.default.createElement(_InsertModalBody2.default, _extends({ ref: 'body' }, bodyAttr)),
@@ -12449,6 +12453,7 @@ return /******/ (function(modules) { // webpackBootstrap
12449
12453
exports.default = _default;
12450
12454
12451
12455
InsertModal.propTypes = {
12456
+ version: _propTypes2.default.string.isRequired,
12452
12457
columns: _propTypes2.default.array.isRequired,
12453
12458
validateState: _propTypes2.default.object.isRequired,
12454
12459
ignoreEditable: _propTypes2.default.bool,
@@ -12496,6 +12501,10 @@ return /******/ (function(modules) { // webpackBootstrap
12496
12501
12497
12502
var _propTypes2 = _interopRequireDefault(_propTypes);
12498
12503
12504
+ var _util = __webpack_require__(23);
12505
+
12506
+ var _util2 = _interopRequireDefault(_util);
12507
+
12499
12508
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12500
12509
12501
12510
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -12535,14 +12544,36 @@ return /******/ (function(modules) { // webpackBootstrap
12535
12544
beforeClose && beforeClose(e);
12536
12545
onModalClose();
12537
12546
}
12547
+ }, {
12548
+ key: 'renderContent',
12549
+ value: function renderContent(closeBtn) {
12550
+ var _props2 = this.props,
12551
+ version = _props2.version,
12552
+ titleText = _props2.title;
12553
+
12554
+ var title = _react2.default.createElement(
12555
+ 'h4',
12556
+ { key: 'title', className: 'modal-title' },
12557
+ titleText
12558
+ );
12559
+ if (_util2.default.isBootstrap4(version)) {
12560
+ return [title, closeBtn];
12561
+ } else {
12562
+ return _react2.default.createElement(
12563
+ 'span',
12564
+ null,
12565
+ closeBtn,
12566
+ title
12567
+ );
12568
+ }
12569
+ }
12538
12570
}, {
12539
12571
key: 'render',
12540
12572
value: function render() {
12541
- var _props2 = this.props,
12542
- title = _props2.title,
12543
- hideClose = _props2.hideClose,
12544
- className = _props2.className,
12545
- children = _props2.children;
12573
+ var _props3 = this.props,
12574
+ hideClose = _props3.hideClose,
12575
+ className = _props3.className,
12576
+ children = _props3.children;
12546
12577
12547
12578
12548
12579
var closeBtn = hideClose ? null : _react2.default.createElement(
@@ -12561,16 +12592,7 @@ return /******/ (function(modules) { // webpackBootstrap
12561
12592
)
12562
12593
);
12563
12594
12564
- var content = children || _react2.default.createElement(
12565
- 'span',
12566
- null,
12567
- closeBtn,
12568
- _react2.default.createElement(
12569
- 'h4',
12570
- { className: 'modal-title' },
12571
- title
12572
- )
12573
- );
12595
+ var content = children || this.renderContent(closeBtn);
12574
12596
12575
12597
return _react2.default.createElement(
12576
12598
'div',
@@ -12584,13 +12606,15 @@ return /******/ (function(modules) { // webpackBootstrap
12584
12606
}(_react.Component);
12585
12607
12586
12608
InsertModalHeader.propTypes = {
12609
+ version: _propTypes2.default.string,
12587
12610
className: _propTypes2.default.string,
12588
12611
title: _propTypes2.default.string,
12589
12612
onModalClose: _propTypes2.default.func,
12590
12613
hideClose: _propTypes2.default.bool,
12591
12614
beforeClose: _propTypes2.default.func
12592
12615
};
12593
12616
InsertModalHeader.defaultProps = {
12617
+ version: '3',
12594
12618
className: '',
12595
12619
title: 'Add Row',
12596
12620
onModalClose: undefined,
@@ -12705,26 +12729,23 @@ return /******/ (function(modules) { // webpackBootstrap
12705
12729
children = _props3.children;
12706
12730
12707
12731
12708
- var content = children || _react2.default.createElement(
12709
- 'span',
12710
- null,
12711
- _react2.default.createElement(
12712
- 'button',
12713
- {
12714
- type: 'button',
12715
- className: 'btn ' + closeBtnContextual + ' ' + closeBtnClass,
12716
- onClick: this.handleCloseBtnClick },
12717
- closeBtnText
12718
- ),
12719
- _react2.default.createElement(
12720
- 'button',
12721
- {
12722
- type: 'button',
12723
- className: 'btn ' + saveBtnContextual + ' ' + saveBtnClass,
12724
- onClick: this.handleSaveBtnClick },
12725
- saveBtnText
12726
- )
12727
- );
12732
+ var content = children || [_react2.default.createElement(
12733
+ 'button',
12734
+ {
12735
+ key: 'closeBtn',
12736
+ type: 'button',
12737
+ className: 'btn ' + closeBtnContextual + ' ' + closeBtnClass,
12738
+ onClick: this.handleCloseBtnClick },
12739
+ closeBtnText
12740
+ ), _react2.default.createElement(
12741
+ 'button',
12742
+ {
12743
+ key: 'saveBtn',
12744
+ type: 'button',
12745
+ className: 'btn ' + saveBtnContextual + ' ' + saveBtnClass,
12746
+ onClick: this.handleSaveBtnClick },
12747
+ saveBtnText
12748
+ )];
12728
12749
12729
12750
return _react2.default.createElement(
12730
12751
'div',
@@ -12754,7 +12775,7 @@ return /******/ (function(modules) { // webpackBootstrap
12754
12775
className: '',
12755
12776
saveBtnText: _Const2.default.SAVE_BTN_TEXT,
12756
12777
closeBtnText: _Const2.default.CLOSE_BTN_TEXT,
12757
- closeBtnContextual: 'btn-default',
12778
+ closeBtnContextual: 'btn-default btn-secondary ',
12758
12779
saveBtnContextual: 'btn-primary',
12759
12780
closeBtnClass: '',
12760
12781
saveBtnClass: '',
@@ -13587,7 +13608,7 @@ return /******/ (function(modules) { // webpackBootstrap
13587
13608
onClick: _propTypes2.default.func
13588
13609
};
13589
13610
ClearSearchButton.defaultProps = {
13590
- btnContextual: 'btn-default',
13611
+ btnContextual: 'btn-default btn-secondary ',
13591
13612
className: '',
13592
13613
btnText: 'Clear',
13593
13614
onClick: undefined
0 commit comments