diff --git a/dist/react-bootstrap-table.js b/dist/react-bootstrap-table.js index 20a536a03..7250c8e72 100644 --- a/dist/react-bootstrap-table.js +++ b/dist/react-bootstrap-table.js @@ -1875,6 +1875,7 @@ return /******/ (function(modules) { // webpackBootstrap ref: function ref(node) { return _this12.pagination = node; }, + version: this.props.version, withFirstAndLast: withFirstAndLast, alwaysShowAllBtns: options.alwaysShowAllBtns, currPage: this.state.currPage, @@ -5059,7 +5060,7 @@ return /******/ (function(modules) { // webpackBootstrap var filter = currentFilter[nextProps.dataField]; var value = filter ? filter.value : ''; - var _ref = this.getFilters() || {}, + var _ref = this.getFilters(nextProps) || {}, ref = _ref.ref; if (this.refs[ref]) { @@ -5088,49 +5089,49 @@ return /******/ (function(modules) { // webpackBootstrap value: function getFilters() { var _this2 = this; - var _props = this.props, - headerText = _props.headerText, - children = _props.children; + var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props; + var headerText = props.headerText, + children = props.children; - switch (this.props.filter.type) { + switch (props.filter.type) { case _Const2.default.FILTER_TYPE.TEXT: { return _react2.default.createElement(_Text2.default, _extends({ ref: function ref(n) { return _this2.textFilter = n; - } }, this.props.filter, { + } }, props.filter, { columnName: headerText || children, filterHandler: this.handleFilter })); } case _Const2.default.FILTER_TYPE.REGEX: { return _react2.default.createElement(_Regex2.default, _extends({ ref: function ref(n) { return _this2.regexFilter = n; - } }, this.props.filter, { + } }, props.filter, { columnName: headerText || children, filterHandler: this.handleFilter })); } case _Const2.default.FILTER_TYPE.SELECT: { return _react2.default.createElement(_Select2.default, _extends({ ref: function ref(n) { return _this2.selectFilter = n; - } }, this.props.filter, { + } }, props.filter, { columnName: headerText || children, filterHandler: this.handleFilter })); } case _Const2.default.FILTER_TYPE.NUMBER: { return _react2.default.createElement(_Number2.default, _extends({ ref: function ref(n) { return _this2.numberFilter = n; - } }, this.props.filter, { + } }, props.filter, { columnName: headerText || children, filterHandler: this.handleFilter })); } case _Const2.default.FILTER_TYPE.DATE: { return _react2.default.createElement(_Date2.default, _extends({ ref: function ref(n) { return _this2.dateFilter = n; - } }, this.props.filter, { + } }, props.filter, { columnName: headerText || children, filterHandler: this.handleFilter })); } case _Const2.default.FILTER_TYPE.CUSTOM: { - var elm = this.props.filter.getElement(this.handleFilter, this.props.filter.customFilterParameters); + var elm = props.filter.getElement(this.handleFilter, props.filter.customFilterParameters); return _react2.default.cloneElement(elm, { ref: function ref(n) { return _this2.customFilter = n; @@ -5175,23 +5176,23 @@ return /******/ (function(modules) { // webpackBootstrap var defaultCaret = void 0; var sortCaret = void 0; var sortClass = void 0; - var _props2 = this.props, - headerText = _props2.headerText, - dataAlign = _props2.dataAlign, - dataField = _props2.dataField, - headerAlign = _props2.headerAlign, - headerTitle = _props2.headerTitle, - hidden = _props2.hidden, - sort = _props2.sort, - dataSort = _props2.dataSort, - sortIndicator = _props2.sortIndicator, - children = _props2.children, - caretRender = _props2.caretRender, - className = _props2.className, - isOnlyHead = _props2.isOnlyHead, - version = _props2.version, - customSortClass = _props2.sortHeaderColumnClassName, - style = _props2.thStyle; + var _props = this.props, + headerText = _props.headerText, + dataAlign = _props.dataAlign, + dataField = _props.dataField, + headerAlign = _props.headerAlign, + headerTitle = _props.headerTitle, + hidden = _props.hidden, + sort = _props.sort, + dataSort = _props.dataSort, + sortIndicator = _props.sortIndicator, + children = _props.children, + caretRender = _props.caretRender, + className = _props.className, + isOnlyHead = _props.isOnlyHead, + version = _props.version, + customSortClass = _props.sortHeaderColumnClassName, + style = _props.thStyle; var thStyle = _extends({ textAlign: headerAlign || dataAlign, @@ -9614,25 +9615,42 @@ return /******/ (function(modules) { // webpackBootstrap } if (dropdownProps || !dropdown) { + var isBootstrap4 = _util2.default.isBootstrap4(this.props.version); var sizePerPageOptions = sizePerPageList.map(function (_sizePerPage) { var pageText = _sizePerPage.text || _sizePerPage; var pageNum = _sizePerPage.value || _sizePerPage; if (sizePerPage === pageNum) sizePerPageText = pageText; - return _react2.default.createElement( - 'li', - { key: pageText, role: 'presentation', className: 'dropdown-item' }, - _react2.default.createElement( + if (isBootstrap4) { + return _react2.default.createElement( 'a', - { role: 'menuitem', - tabIndex: '-1', href: '#', - 'data-page': pageNum, + { + href: '#', + tabIndex: '-1', + key: pageText, + className: 'dropdown-item', onMouseDown: function onMouseDown(e) { e.preventDefault(); _this3.changeSizePerPage(pageNum); } }, pageText - ) - ); + ); + } else { + return _react2.default.createElement( + 'li', + { key: pageText, role: 'presentation', className: 'dropdown-item' }, + _react2.default.createElement( + 'a', + { role: 'menuitem', + tabIndex: '-1', href: '#', + 'data-page': pageNum, + onMouseDown: function onMouseDown(e) { + e.preventDefault(); + _this3.changeSizePerPage(pageNum); + } }, + pageText + ) + ); + } }); dropdown = _react2.default.createElement(_SizePerPageDropDown2.default, _extends({ open: this.state.open, @@ -9640,7 +9658,8 @@ return /******/ (function(modules) { // webpackBootstrap currSizePerPage: String(sizePerPageText), options: sizePerPageOptions, onClick: this.toggleDropDown, - onBlur: this.closeDropDown + onBlur: this.closeDropDown, + isBootstrap4: isBootstrap4 }, dropdownProps)); } return dropdown; @@ -9675,15 +9694,20 @@ return /******/ (function(modules) { // webpackBootstrap var isActive = page === this.props.currPage; var isDisabled = isStart(page, this.props) || isEnd(page, this.props) ? true : false; var title = page + ''; + var pageNumber = page; if (page === this.props.nextPage) { title = this.props.nextPageTitle; + pageNumber = this.props.currPage + 1; } else if (page === this.props.prePage) { title = this.props.prePageTitle; + pageNumber = this.props.currPage - 1; } else if (page === this.props.firstPage) { title = this.props.firstPageTitle; + pageNumber = this.props.pageStartIndex; } else if (page === this.props.lastPage) { title = this.props.lastPageTitle; + pageNumber = this.getLastPage(); } return _react2.default.createElement( @@ -9692,7 +9716,8 @@ return /******/ (function(modules) { // webpackBootstrap title: title, changePage: this.changePage, active: isActive, - disable: isDisabled }, + disable: isDisabled, + pageNumber: pageNumber }, page ); }, this); @@ -9852,7 +9877,7 @@ return /******/ (function(modules) { // webpackBootstrap key: '__pageBtnClick__REACT_HOT_LOADER__', value: function __pageBtnClick__REACT_HOT_LOADER__(e) { e.preventDefault(); - this.props.changePage(e.currentTarget.textContent); + this.props.changePage(this.props.pageNumber); } }, { key: 'render', @@ -9884,7 +9909,8 @@ return /******/ (function(modules) { // webpackBootstrap active: _propTypes2.default.bool, disable: _propTypes2.default.bool, hidden: _propTypes2.default.bool, - children: _propTypes2.default.node + children: _propTypes2.default.node, + pageNumber: _propTypes2.default.number }; var _default = PageButton; @@ -9954,21 +9980,35 @@ return /******/ (function(modules) { // webpackBootstrap className = _props.className, variation = _props.variation, btnContextual = _props.btnContextual, + isBootstrap4 = _props.isBootstrap4, currSizePerPage = _props.currSizePerPage; + if (hidden) return null; + var openClass = open ? 'open show' : ''; - var dropDownStyle = { visibility: hidden ? 'hidden' : 'visible' }; + + var renderOptions = function renderOptions() { + var attrs = { + className: 'dropdown-menu ' + openClass, + role: 'menu', + 'aria-labelledby': 'pageDropDown' + }; + var type = isBootstrap4 ? 'div' : 'ul'; + + return _react2.default.createElement(type, attrs, options); + }; return _react2.default.createElement( 'span', - { style: dropDownStyle, + { className: variation + ' ' + openClass + ' ' + className + ' ' + sizePerPageDefaultClass }, _react2.default.createElement( 'button', { className: 'btn ' + btnContextual + ' dropdown-toggle', id: 'pageDropDown', 'data-toggle': 'dropdown', 'aria-expanded': open, + 'aria-haspopup': !open, onClick: onClick, onBlur: onBlur }, currSizePerPage, @@ -9979,11 +10019,7 @@ return /******/ (function(modules) { // webpackBootstrap _react2.default.createElement('span', { className: 'caret' }) ) ), - _react2.default.createElement( - 'ul', - { className: 'dropdown-menu', role: 'menu', 'aria-labelledby': 'pageDropDown' }, - options - ) + renderOptions() ); } }]); diff --git a/dist/react-bootstrap-table.js.map b/dist/react-bootstrap-table.js.map index 0c7df073e..c4dfb05c5 100644 --- a/dist/react-bootstrap-table.js.map +++ b/dist/react-bootstrap-table.js.map @@ -1 +1 @@ -{"version":3,"file":"react-bootstrap-table.js","sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap a2dd7df5c5aabc192b4c","webpack:///src/index.js","webpack:///src/BootstrapTable.js","webpack:///external {\"root\":\"React\",\"commonjs2\":\"react\",\"commonjs\":\"react\",\"amd\":\"react\"}","webpack:///./~/prop-types/index.js","webpack:///./~/process/browser.js","webpack:///./~/prop-types/factoryWithTypeCheckers.js","webpack:///./~/fbjs/lib/emptyFunction.js","webpack:///./~/fbjs/lib/invariant.js","webpack:///./~/fbjs/lib/warning.js","webpack:///./~/object-assign/index.js","webpack:///./~/prop-types/lib/ReactPropTypesSecret.js","webpack:///./~/prop-types/checkPropTypes.js","webpack:///./~/prop-types/factoryWithThrowingShims.js","webpack:///./~/classnames/index.js","webpack:///./~/react-s-alert/index.js","webpack:///./~/react-s-alert/dist/SAlert.js","webpack:///./~/react-s-alert/dist/SAlertContent.js","webpack:///external {\"root\":\"ReactDOM\",\"commonjs2\":\"react-dom\",\"commonjs\":\"react-dom\",\"amd\":\"react-dom\"}","webpack:///./~/react-s-alert/dist/s-alert-parts/s-alert-tools.js","webpack:///./~/react-s-alert/dist/s-alert-parts/s-alert-store.js","webpack:///./~/react-s-alert/dist/SAlertContentTmpl.js","webpack:///./~/react-s-alert/dist/s-alert-parts/s-alert-data-prep.js","webpack:///src/Const.js","webpack:///src/TableHeaderColumn.js","webpack:///src/util.js","webpack:///src/filters/Date.js","webpack:///src/filters/Text.js","webpack:///src/filters/Regex.js","webpack:///src/filters/Select.js","webpack:///src/filters/Number.js","webpack:///src/TableHeader.js","webpack:///src/SelectRowHeaderColumn.js","webpack:///src/ExpandRowHeaderColumn.js","webpack:///src/TableFooter.js","webpack:///src/TableBody.js","webpack:///src/TableRow.js","webpack:///src/TableColumn.js","webpack:///src/TableEditColumn.js","webpack:///src/Editor.js","webpack:///src/Notification.js","webpack:///src/ExpandComponent.js","webpack:///src/pagination/PaginationList.js","webpack:///src/pagination/PageButton.js","webpack:///src/pagination/SizePerPageDropDown.js","webpack:///src/toolbar/ToolBar.js","webpack:///./~/react-modal/lib/index.js","webpack:///./~/react-modal/lib/components/Modal.js","webpack:///./~/react-modal/lib/components/ModalPortal.js","webpack:///./~/react-modal/lib/helpers/focusManager.js","webpack:///./~/react-modal/lib/helpers/tabbable.js","webpack:///./~/react-modal/lib/helpers/scopeTab.js","webpack:///./~/react-modal/lib/helpers/ariaAppHider.js","webpack:///./~/warning/browser.js","webpack:///./~/react-modal/lib/helpers/refCount.js","webpack:///./~/react-modal/lib/helpers/bodyClassList.js","webpack:///./~/react-modal/lib/helpers/safeHTMLElement.js","webpack:///./~/exenv/index.js","webpack:///src/toolbar/InsertModal.js","webpack:///src/toolbar/InsertModalHeader.js","webpack:///src/toolbar/InsertModalFooter.js","webpack:///src/toolbar/InsertModalBody.js","webpack:///src/toolbar/InsertButton.js","webpack:///src/toolbar/DeleteButton.js","webpack:///src/toolbar/ExportCSVButton.js","webpack:///src/toolbar/ShowSelectedOnlyButton.js","webpack:///src/toolbar/SearchField.js","webpack:///src/toolbar/ClearSearchButton.js","webpack:///src/TableFilter.js","webpack:///src/store/TableDataStore.js","webpack:///src/csv_export_util.js","webpack:///src/filesaver.js","webpack:///(webpack)/buildin/amd-define.js","webpack:///(webpack)/buildin/amd-options.js","webpack:///src/Filter.js","webpack:///./~/events/events.js","webpack:///src/toolbar/ButtonGroup.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"), require(\"react-dom\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\", \"react-dom\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"ReactBootstrapTable\"] = factory(require(\"react\"), require(\"react-dom\"));\n\telse\n\t\troot[\"ReactBootstrapTable\"] = factory(root[\"React\"], root[\"ReactDOM\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_17__) {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap a2dd7df5c5aabc192b4c","import BootstrapTable from './BootstrapTable';\nimport TableHeaderColumn from './TableHeaderColumn';\nimport InsertModalHeader from './toolbar/InsertModalHeader';\nimport InsertModalBody from './toolbar/InsertModalBody';\nimport InsertModalFooter from './toolbar/InsertModalFooter';\nimport InsertButton from './toolbar/InsertButton';\nimport DeleteButton from './toolbar/DeleteButton';\nimport ExportCSVButton from './toolbar/ExportCSVButton';\nimport ShowSelectedOnlyButton from './toolbar/ShowSelectedOnlyButton';\nimport ClearSearchButton from './toolbar/ClearSearchButton';\nimport SearchField from './toolbar/SearchField';\nimport ButtonGroup from './toolbar/ButtonGroup';\nimport SizePerPageDropDown from './pagination/SizePerPageDropDown';\n\nif (typeof window !== 'undefined') {\n window.BootstrapTable = BootstrapTable;\n window.TableHeaderColumn = TableHeaderColumn;\n window.InsertModalHeader = InsertModalHeader;\n window.InsertModalBody = InsertModalBody;\n window.InsertModalFooter = InsertModalFooter;\n window.InsertButton = InsertButton;\n window.DeleteButton = DeleteButton;\n window.ShowSelectedOnlyButton = ShowSelectedOnlyButton;\n window.ExportCSVButton = ExportCSVButton;\n window.ClearSearchButton = ClearSearchButton;\n window.SearchField = SearchField;\n window.ButtonGroup = ButtonGroup;\n window.SizePerPageDropDown = SizePerPageDropDown;\n}\nexport {\n BootstrapTable,\n TableHeaderColumn,\n InsertModalHeader,\n InsertModalBody,\n InsertModalFooter,\n InsertButton,\n DeleteButton,\n ShowSelectedOnlyButton,\n ExportCSVButton,\n ClearSearchButton,\n SearchField,\n ButtonGroup,\n SizePerPageDropDown\n};\n\n\n\n// WEBPACK FOOTER //\n// src/index.js","/* eslint no-alert: 0 */\n/* eslint max-len: 0 */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classSet from 'classnames';\nimport Alert from 'react-s-alert';\nimport Const from './Const';\nimport TableHeaderColumn from './TableHeaderColumn';\nimport TableHeader from './TableHeader';\nimport TableFooter from './TableFooter';\nimport TableBody from './TableBody';\nimport PaginationList from './pagination/PaginationList';\nimport ToolBar from './toolbar/ToolBar';\nimport TableFilter from './TableFilter';\nimport { TableDataStore } from './store/TableDataStore';\nimport Util from './util';\nimport exportCSVUtil from './csv_export_util';\nimport { Filter } from './Filter';\n\n\nclass BootstrapTable extends Component {\n\n constructor(props) {\n super(props);\n this.isIE = false;\n if (Util.canUseDOM()) {\n this.isIE = document.documentMode;\n }\n this.store = new TableDataStore(this.props.data ? this.props.data.slice() : []);\n this.isVerticalScroll = false;\n this.initTable(this.props);\n\n if (this.props.selectRow && this.props.selectRow.selected) {\n const copy = this.props.selectRow.selected.slice();\n this.store.setSelectedRowKey(copy);\n }\n let currPage = Const.PAGE_START_INDEX;\n if (typeof this.props.options.page !== 'undefined') {\n currPage = this.props.options.page;\n } else if (typeof this.props.options.pageStartIndex !== 'undefined') {\n currPage = this.props.options.pageStartIndex;\n }\n\n this._adjustHeaderWidth = this._adjustHeaderWidth.bind(this);\n this._adjustHeight = this._adjustHeight.bind(this);\n this._adjustTable = this._adjustTable.bind(this);\n this.toggleExpandAllChilds = this.toggleExpandAllChilds.bind(this);\n\n let expandedKeys = [];\n if (this.props.options.expandAllChilds !== null &&\n this.props.options.expandAllChilds !== undefined && this.props.options.expandAllChilds) {\n expandedKeys = this.store.getAllRowkey();\n } else if (this.props.options.expanding !== undefined && this.props.options.expanding !== null) {\n expandedKeys = this.props.options.expanding;\n }\n\n this.state = {\n data: this.getTableData(),\n currPage: currPage,\n expanding: expandedKeys,\n sizePerPage: this.props.options.sizePerPage || Const.SIZE_PER_PAGE_LIST[0],\n selectedRowKeys: this.store.getSelectedRowKeys(),\n reset: false,\n x: this.props.keyBoardNav ? 0 : -1,\n y: this.props.keyBoardNav ? 0 : -1\n };\n }\n\n initTable(props) {\n // If columns changed, clean removed columns that had filters\n if (props.children !== this.props.children && this.filter) {\n const nextDataFields = React.Children.map(props.children, column => column.props.dataField);\n React.Children.forEach(this.props.children, column => {\n const { dataField, filter } = column.props;\n if (filter && !nextDataFields.includes(dataField)) {\n // Clear filter\n this.filter.handleFilter(dataField, '', filter.type, filter);\n }\n });\n }\n\n let { keyField } = props;\n\n const isKeyFieldDefined = typeof keyField === 'string' && keyField.length;\n React.Children.forEach(props.children, column => {\n if (column === null || column === undefined) {\n // Skip null and undefined value\n return;\n }\n if (column.props.isKey) {\n if (keyField) {\n throw new Error('Error. Multiple key column detected in TableHeaderColumn.');\n }\n keyField = column.props.dataField;\n }\n if (column.props.filter) {\n // a column contains a filter\n if (!this.filter) {\n // first time create the filter on the BootstrapTable\n this.filter = new Filter();\n }\n // pass the filter to column with filter\n column.props.filter.emitter = this.filter;\n }\n });\n\n // if a column filter was created, add 'onFilterChange' listener\n if (this.filter) {\n this.filter.removeAllListeners('onFilterChange');\n this.filter.on('onFilterChange', (currentFilter) => {\n this.handleFilterData(currentFilter);\n });\n }\n\n this.colInfos = this.getColumnsDescription(props).reduce(( prev, curr ) => {\n prev[curr.name] = curr;\n return prev;\n }, {});\n\n if (!isKeyFieldDefined && !keyField) {\n throw new Error(`Error. No any key column defined in TableHeaderColumn.\n Use 'isKey={true}' to specify a unique column after version 0.5.4.`);\n }\n\n this.store.setProps({\n isPagination: props.pagination,\n keyField: keyField,\n colInfos: this.colInfos,\n multiColumnSearch: props.multiColumnSearch,\n strictSearch: props.strictSearch,\n multiColumnSort: props.multiColumnSort,\n remote: this.props.remote\n });\n }\n\n getTableData() {\n let result = [];\n const { options, pagination } = this.props;\n const sortName = options.defaultSortName || options.sortName;\n const sortOrder = options.defaultSortOrder || options.sortOrder;\n const searchText = options.defaultSearch;\n\n if (sortName && sortOrder) {\n this.store.setSortInfo(sortOrder, sortName);\n if (!this.allowRemote(Const.REMOTE_SORT)) {\n this.store.sort();\n }\n }\n\n if (searchText) {\n this.store.search(searchText);\n }\n\n if (pagination) {\n let page;\n let sizePerPage;\n if (this.store.isChangedPage()) {\n sizePerPage = this.state.sizePerPage;\n page = this.state.currPage;\n } else {\n sizePerPage = options.sizePerPage || Const.SIZE_PER_PAGE_LIST[0];\n page = options.page || 1;\n }\n result = this.store.page(page, sizePerPage).get();\n } else {\n result = this.store.get();\n }\n return result;\n }\n\n getColumnsDescription({ children }) {\n let rowCount = 0;\n React.Children.forEach(children, (column) => {\n if (column === null || column === undefined) {\n // Skip null and undefined value\n return;\n }\n\n if (Number(column.props.row) > rowCount) {\n rowCount = Number(column.props.row);\n }\n });\n return React.Children.map(children, (column, i) => {\n if (column === null || column === undefined) {\n // Return null for empty objects\n return null;\n }\n\n const rowIndex = column.props.row ? Number(column.props.row) : 0;\n const rowSpan = column.props.rowSpan ? Number(column.props.rowSpan) : 1;\n if ((rowSpan + rowIndex) === (rowCount + 1)) {\n const columnDescription = this.getColumnDescription(column);\n\n columnDescription.index = i;\n return columnDescription;\n }\n });\n }\n\n getColumnDescription(column) {\n let columnDescription = {\n name: column.props.dataField,\n align: column.props.dataAlign,\n sort: column.props.dataSort,\n format: column.props.dataFormat,\n formatExtraData: column.props.formatExtraData,\n filterFormatted: column.props.filterFormatted,\n filterValue: column.props.filterValue,\n editable: column.props.editable,\n customEditor: column.props.customEditor,\n hidden: column.props.hidden,\n hiddenOnInsert: column.props.hiddenOnInsert,\n searchable: column.props.searchable,\n className: column.props.columnClassName,\n editClassName: column.props.editColumnClassName,\n invalidEditColumnClassName: column.props.invalidEditColumnClassName,\n columnTitle: column.props.columnTitle,\n width: column.props.width,\n text: column.props.headerText || column.props.children,\n sortFunc: column.props.sortFunc,\n sortFuncExtraData: column.props.sortFuncExtraData,\n export: column.props.export,\n expandable: column.props.expandable,\n attrs: column.props.tdAttr,\n editAttrs: column.props.editTdAttr,\n style: column.props.tdStyle\n };\n\n if (column.type.name !== TableHeaderColumn.name && React.isValidElement(column.props.children)) {\n columnDescription = {\n ...columnDescription,\n ...this.getColumnDescription(React.Children.only(column.props.children))\n };\n }\n\n return columnDescription;\n }\n\n reset() {\n const { pageStartIndex } = this.props.options;\n this.store.clean();\n this.body.setState({ currEditCell: null });\n this.setState(() => {\n return {\n data: this.getTableData(),\n currPage: Util.getFirstPage(pageStartIndex),\n expanding: [],\n sizePerPage: Const.SIZE_PER_PAGE_LIST[0],\n selectedRowKeys: [],\n reset: true\n };\n });\n }\n\n componentWillReceiveProps(nextProps) {\n this.initTable(nextProps);\n const { options, selectRow } = nextProps;\n let { replace } = nextProps;\n replace = replace || this.props.replace;\n\n if (!nextProps.data) {\n return;\n }\n this.store.setData(nextProps.data.slice());\n\n if (!replace) {\n // from #481\n let page = this.state.currPage;\n if (this.props.options.page !== options.page) {\n page = options.page;\n }\n // from #481\n let sizePerPage = this.state.sizePerPage;\n if (this.props.options.sizePerPage !== options.sizePerPage) {\n sizePerPage = options.sizePerPage;\n }\n\n if (this.isRemoteDataSource()) {\n const newState = { sizePerPage, reset: false, currPage: page };\n let data = nextProps.data.slice();\n if (nextProps.pagination && !this.allowRemote(Const.REMOTE_PAGE)) {\n data = this.store.page(page, sizePerPage).get();\n }\n\n if (this.store.isOnFilter) {\n if (this.store.searchText) this.handleSearch(this.store.searchText);\n if (this.store.filterObj) this.handleFilterData(this.store.filterObj);\n newState.currPage = Util.getFirstPage(nextProps.options.pageStartIndex);\n } else {\n if (!this.allowRemote(Const.REMOTE_SORT)) {\n data = this.store.sort().get();\n } else {\n const { options: currentOptions } = this.props;\n const sortName = options.sortName;\n const sortOrder = options.sortOrder;\n if (currentOptions.sortName !== sortName || currentOptions.sortOrder !== sortOrder) {\n this.store.setSortInfo(sortOrder, options.sortName);\n }\n }\n newState.data = data;\n }\n this.setState(() => newState);\n } else {\n // #125\n // remove !options.page for #709\n if (page > Math.ceil(nextProps.data.length / sizePerPage)) {\n page = 1;\n }\n const sortList = this.store.getSortInfo();\n const sortField = options.sortName;\n const sortOrder = options.sortOrder;\n if (sortField && sortOrder) {\n this.store.setSortInfo(sortOrder, sortField);\n this.store.sort();\n } else if (sortList.length > 0) {\n this.store.sort();\n }\n const data = this.store.page(page, sizePerPage).get();\n this.setState(() => {\n return {\n data,\n currPage: page,\n sizePerPage,\n reset: false\n };\n });\n\n if (this.store.isSearching && options.afterSearch) {\n options.afterSearch(this.store.searchText, this.store.getDataIgnoringPagination());\n }\n\n if (this.store.isFiltering && options.afterColumnFilter) {\n options.afterColumnFilter(this.store.filterObj, this.store.getDataIgnoringPagination());\n }\n }\n\n // If setting the expanded rows is being handled externally\n // then overwrite the current expanded rows.\n if (this.props.options.expanding !== options.expanding) {\n this.setState(() => {\n return {\n expanding: options.expanding || []\n };\n });\n }\n\n if (selectRow && selectRow.selected) {\n // set default select rows to store.\n const copy = selectRow.selected.slice();\n this.store.setSelectedRowKey(copy);\n this.setState(() => {\n return {\n selectedRowKeys: copy,\n reset: false\n };\n });\n }\n } else {\n this.reset();\n }\n }\n\n componentDidMount() {\n this._adjustTable();\n window.addEventListener('resize', this._adjustTable);\n this.body.container.addEventListener('scroll', this._scrollHeader);\n if (this.props.footer) {\n this.body.container.addEventListener('scroll', this._scrollFooter);\n }\n if (this.props.scrollTop) {\n this._scrollTop();\n }\n }\n\n componentWillUnmount() {\n window.removeEventListener('resize', this._adjustTable);\n if (this.body && this.body.container) {\n this.body.container.removeEventListener('scroll', this._scrollHeader);\n if (this.props.footer) {\n this.body.container.removeEventListener('scroll', this._scrollFooter);\n }\n }\n if (this.filter) {\n this.filter.removeAllListeners('onFilterChange');\n }\n }\n\n componentDidUpdate() {\n this._adjustTable();\n if (this.props.options.afterTableComplete) {\n this.props.options.afterTableComplete();\n }\n }\n\n /**\n * Returns true if in the current configuration,\n * the datagrid should load its data remotely.\n *\n * @param {Object} [props] Optional. If not given, this.props will be used\n * @return {Boolean}\n */\n isRemoteDataSource(props) {\n const { remote } = (props || this.props);\n return remote === true || Util.isFunction(remote);\n }\n\n /**\n * Returns true if this action can be handled remote store\n * From #990, Sometimes, we need some actions as remote, some actions are handled by default\n * so function will tell you the target action is can be handled as remote or not.\n * @param {String} [action] Required.\n * @param {Object} [props] Optional. If not given, this.props will be used\n * @return {Boolean}\n */\n allowRemote(action, props) {\n const { remote } = (props || this.props);\n if (typeof remote === 'function') {\n const remoteObj = remote(Const.REMOTE);\n return remoteObj[action];\n } else {\n return remote;\n }\n }\n\n render() {\n const style = {\n height: this.props.height,\n maxHeight: this.props.maxHeight\n };\n\n const columns = this.getColumnsDescription(this.props);\n const sortList = this.store.getSortInfo();\n const pagination = this.renderPagination();\n const toolBar = this.renderToolBar();\n const tableFilter = this.renderTableFilter(columns);\n const isSelectAll = this.isSelectAll();\n const expandColumnOptions = this.props.expandColumnOptions;\n if (typeof expandColumnOptions.expandColumnBeforeSelectColumn === 'undefined') {\n expandColumnOptions.expandColumnBeforeSelectColumn = true;\n }\n const colGroups = Util.renderColGroup(columns, this.props.selectRow, expandColumnOptions, this.props.version);\n const tableFooter = this.renderTableFooter(this.props.footerData, this.state.data, columns, colGroups);\n let sortIndicator = this.props.options.sortIndicator;\n if (typeof this.props.options.sortIndicator === 'undefined') sortIndicator = true;\n\n const { paginationPosition = Const.PAGINATION_POS_BOTTOM } = this.props.options;\n const showPaginationOnTop = paginationPosition !== Const.PAGINATION_POS_BOTTOM;\n const showPaginationOnBottom = paginationPosition !== Const.PAGINATION_POS_TOP;\n const selectRow = { ...this.props.selectRow };\n if (this.props.cellEdit && this.props.cellEdit.mode !== Const.CELL_EDIT_NONE) {\n selectRow.clickToSelect = false;\n }\n\n const { toolbarPosition = Const.TOOLBAR_POS_TOP } = this.props.options;\n const showToolbarOnTop = toolbarPosition !== Const.TOOLBAR_POS_BOTTOM;\n const showToolbarOnBottom = toolbarPosition !== Const.TOOLBAR_POS_TOP;\n const { hideRowOnExpand = false } = this.props.options;\n return (\n
\n { showToolbarOnTop ? toolBar : null }\n { showPaginationOnTop ? pagination : null }\n
this.table = node }\n className={ classSet('react-bs-table', { 'react-bs-table-bordered': this.props.bordered }, this.props.tableContainerClass) }\n style={ { ...style, ...this.props.tableStyle } }\n onMouseEnter={ this.handleMouseEnter }\n onMouseLeave={ this.handleMouseLeave }>\n this.header = node }\n version={ this.props.version }\n colGroups={ colGroups }\n headerContainerClass={ this.props.headerContainerClass }\n tableHeaderClass={ this.props.tableHeaderClass }\n style={ this.props.headerStyle }\n rowSelectType={ this.props.selectRow.mode }\n customComponent={ this.props.selectRow.customComponent }\n hideSelectColumn={ this.props.selectRow.hideSelectColumn }\n sortList={ sortList }\n sortIndicator={ sortIndicator }\n onSort={ this.handleSort }\n onSelectAllRow={ this.handleSelectAllRow }\n bordered={ this.props.bordered }\n condensed={ this.props.condensed }\n isFiltered={ this.filter ? true : false }\n isSelectAll={ isSelectAll }\n reset={ this.state.reset }\n expandColumnVisible={ expandColumnOptions.expandColumnVisible }\n expandColumnComponent={ expandColumnOptions.expandColumnComponent }\n expandedColumnHeaderComponent={ expandColumnOptions.expandedColumnHeaderComponent }\n noAnyExpand={ this.state.expanding.length === 0 }\n expandAll={ this.props.options.expandAll }\n toggleExpandAllChilds={ this.toggleExpandAllChilds }\n expandColumnBeforeSelectColumn={ expandColumnOptions.expandColumnBeforeSelectColumn }>\n { this.props.children }\n \n this.body = node }\n bodyContainerClass={ this.props.bodyContainerClass }\n tableBodyClass={ this.props.tableBodyClass }\n style={ { ...style, ...this.props.bodyStyle } }\n data={ this.state.data }\n version={ this.props.version }\n expandComponent={ this.props.expandComponent }\n expandableRow={ this.props.expandableRow }\n expandRowBgColor={ this.props.options.expandRowBgColor }\n expandBy={ this.props.options.expandBy || Const.EXPAND_BY_ROW }\n expandBodyClass={ this.props.options.expandBodyClass }\n expandParentClass={ this.props.options.expandParentClass }\n columns={ columns }\n trClassName={ this.props.trClassName }\n trStyle={ this.props.trStyle }\n striped={ this.props.striped }\n bordered={ this.props.bordered }\n hover={ this.props.hover }\n keyField={ this.store.getKeyField() }\n condensed={ this.props.condensed }\n selectRow={ selectRow }\n expandColumnOptions={ this.props.expandColumnOptions }\n cellEdit={ this.props.cellEdit }\n selectedRowKeys={ this.state.selectedRowKeys }\n onRowClick={ this.handleRowClick }\n onRowDoubleClick={ this.handleRowDoubleClick }\n onRowMouseOver={ this.handleRowMouseOver }\n onRowMouseOut={ this.handleRowMouseOut }\n onSelectRow={ this.handleSelectRow }\n noDataText={ this.props.options.noDataText }\n withoutNoDataText={ this.props.options.withoutNoDataText }\n expanding={ this.state.expanding }\n onExpand={ this.handleExpandRow }\n onlyOneExpanding={ this.props.options.onlyOneExpanding }\n beforeShowError={ this.props.options.beforeShowError }\n keyBoardNav={ this.props.keyBoardNav }\n onNavigateCell={ this.handleNavigateCell }\n x={ this.state.x }\n y={ this.state.y }\n withoutTabIndex={ this.props.withoutTabIndex }\n hideRowOnExpand={ hideRowOnExpand }\n onEditCell={ this.handleEditCell } />\n {\n tableFooter\n }\n
\n { tableFilter }\n { showPaginationOnBottom ? pagination : null }\n\n { showToolbarOnBottom ? toolBar : null }\n { this.props.renderAlert ? : null }\n
\n );\n }\n\n isSelectAll() {\n if (this.store.isEmpty()) return false;\n const { selectRow: { unselectable, onlyUnselectVisible } } = this.props;\n const keyField = this.store.getKeyField();\n const allRowKeys = onlyUnselectVisible ?\n this.store.get().map(r => r[keyField]) :\n this.store.getAllRowkey();\n let defaultSelectRowKeys = this.store.getSelectedRowKeys();\n\n if (onlyUnselectVisible) {\n defaultSelectRowKeys = defaultSelectRowKeys.filter(x => x !== allRowKeys);\n }\n\n if (defaultSelectRowKeys.length === 0) return false;\n let match = 0;\n let noFound = 0;\n let unSelectableCnt = 0;\n defaultSelectRowKeys.forEach(selected => {\n if (allRowKeys.indexOf(selected) !== -1) match++;\n else noFound++;\n if (unselectable &&\n unselectable.indexOf(selected) !== -1) unSelectableCnt++;\n });\n\n if (noFound === defaultSelectRowKeys.length) return false;\n if (match === allRowKeys.length) {\n return true;\n } else {\n if (unselectable && match <= unSelectableCnt &&\n unSelectableCnt === unselectable.length) return false;\n else return 'indeterminate';\n }\n // return (match === allRowKeys.length) ? true : 'indeterminate';\n }\n\n cleanSelected() {\n this.store.setSelectedRowKey([]);\n this.setState(() => {\n return {\n selectedRowKeys: [],\n reset: false\n };\n });\n }\n\n cleanSort() {\n this.store.cleanSortInfo();\n this.setState(() => {\n return {\n reset: false\n };\n });\n }\n\n handleSort = (order, sortField) => {\n const { autoCollapse: { sort }, options } = this.props;\n if (options.onSortChange) {\n options.onSortChange(sortField, order, this.props);\n }\n this.store.setSortInfo(order, sortField);\n if (this.allowRemote(Const.REMOTE_SORT)) {\n if (sort) {\n this.setState(() => {\n return {\n expanding: []\n };\n });\n }\n return;\n }\n\n const result = this.store.sort().get();\n this.setState(() => {\n const newState = {\n data: result,\n reset: false\n };\n if (sort) newState.expanding = [];\n return newState;\n });\n }\n\n handleExpandRow = (expanding, rowKey, isRowExpanding, event) => {\n const { onExpand } = this.props.options;\n if (onExpand) {\n onExpand(rowKey, !isRowExpanding, event);\n }\n this.setState(() => { return { expanding, reset: false }; }, () => {\n this._adjustHeaderWidth();\n });\n }\n\n toggleExpandAllChilds() {\n const { expanding } = this.state;\n if (expanding.length > 0) {\n this.setState(() => {\n return {\n expanding: [],\n reset: false\n };\n });\n } else {\n this.setState(() => {\n return {\n expanding: this.store.getAllRowkey(),\n reset: false\n };\n });\n }\n }\n\n handlePaginationData = (page, sizePerPage) => {\n const { onPageChange, pageStartIndex } = this.props.options;\n const emptyTable = this.store.isEmpty();\n if (onPageChange) {\n onPageChange(page, sizePerPage);\n }\n\n const state = {\n sizePerPage,\n reset: false\n };\n if (!emptyTable) state.currPage = page;\n this.setState(() => state);\n\n if (this.allowRemote(Const.REMOTE_PAGE) || emptyTable) {\n return;\n }\n\n const result = this.store.page(Util.getNormalizedPage(pageStartIndex, page), sizePerPage).get();\n this.setState(() => { return { data: result, reset: false }; });\n }\n\n handleMouseLeave = () => {\n if (this.props.options.onMouseLeave) {\n this.props.options.onMouseLeave();\n }\n }\n\n handleMouseEnter = () => {\n if (this.props.options.onMouseEnter) {\n this.props.options.onMouseEnter();\n }\n }\n\n handleRowMouseOut = (row, event) => {\n if (this.props.options.onRowMouseOut) {\n this.props.options.onRowMouseOut(row, event);\n }\n }\n\n handleRowMouseOver = (row, event) => {\n if (this.props.options.onRowMouseOver) {\n this.props.options.onRowMouseOver(row, event);\n }\n }\n\n handleNavigateCell = ({ x: offSetX, y: offSetY, lastEditCell }) => {\n const { pagination } = this.props;\n let { x, y, currPage } = this.state;\n x += offSetX;\n y += offSetY;\n\n const columns = this.store.getColInfos();\n const visibleRowSize = this.state.data.length;\n const visibleColumnSize = Object.keys(columns).filter(k => !columns[k].hidden).length;\n\n if (y >= visibleRowSize) {\n currPage++;\n const lastPage = pagination ? this.pagination.getLastPage() : -1;\n if (currPage <= lastPage) {\n this.handlePaginationData(currPage, this.state.sizePerPage);\n } else {\n return;\n }\n y = 0;\n } else if (y < 0) {\n currPage--;\n if (currPage > 0) {\n this.handlePaginationData(currPage, this.state.sizePerPage);\n } else {\n return;\n }\n y = visibleRowSize - 1;\n } else if (x >= visibleColumnSize) {\n if ((y + 1) === visibleRowSize) {\n currPage++;\n const lastPage = pagination ? this.pagination.getLastPage() : -1;\n if (currPage <= lastPage) {\n this.handlePaginationData(currPage, this.state.sizePerPage);\n } else {\n return;\n }\n y = 0;\n } else {\n y++;\n }\n x = lastEditCell ? 1 : 0;\n } else if (x < 0) {\n x = visibleColumnSize - 1;\n if (y === 0) {\n currPage--;\n if (currPage > 0) {\n this.handlePaginationData(currPage, this.state.sizePerPage);\n } else {\n return;\n }\n y = this.state.sizePerPage - 1;\n } else {\n y--;\n }\n }\n this.setState(() => {\n return {\n x, y, currPage, reset: false\n };\n });\n }\n\n handleRowClick = (row, rowIndex, columnIndex, event) => {\n const { options, keyBoardNav } = this.props;\n if (options.onRowClick) {\n options.onRowClick(row, columnIndex, rowIndex, event);\n }\n if (keyBoardNav) {\n let { clickToNav } = typeof keyBoardNav === 'object' ? keyBoardNav : {};\n clickToNav = clickToNav === false ? clickToNav : true;\n if (clickToNav) {\n this.setState(() => {\n return {\n x: columnIndex,\n y: rowIndex,\n reset: false\n };\n });\n }\n }\n }\n\n handleRowDoubleClick = (row, event) => {\n if (this.props.options.onRowDoubleClick) {\n this.props.options.onRowDoubleClick(row, event);\n }\n }\n\n handleSelectAllRow = e => {\n const isSelected = e.currentTarget.checked;\n const keyField = this.store.getKeyField();\n const { selectRow: { onSelectAll, unselectable, selected, onlyUnselectVisible } } = this.props;\n let selectedRowKeys = onlyUnselectVisible ? this.state.selectedRowKeys : [];\n let result = true;\n let rows = this.store.get();\n\n // onlyUnselectVisible default is false, #1276\n if (!isSelected && !onlyUnselectVisible) {\n rows = this.store.getRowByKey(this.state.selectedRowKeys);\n }\n\n if (unselectable && unselectable.length > 0) {\n if (isSelected) {\n rows = rows.filter(r => {\n return unselectable.indexOf(r[keyField]) === -1 ||\n (selected && selected.indexOf(r[keyField]) !== -1);\n });\n } else {\n rows = rows.filter(r => unselectable.indexOf(r[keyField]) === -1);\n }\n }\n\n if (onSelectAll) {\n result = this.props.selectRow.onSelectAll(isSelected, rows);\n }\n\n if (typeof result == 'undefined' || result !== false) {\n if (isSelected) {\n if (Array.isArray(result)) {\n selectedRowKeys = result;\n } else {\n const currentRowKeys = rows.map(r => r[keyField]);\n // onlyUnselectVisible default is false, #1276\n if (onlyUnselectVisible) {\n selectedRowKeys = selectedRowKeys.concat(currentRowKeys);\n } else {\n selectedRowKeys = currentRowKeys;\n }\n }\n } else {\n if (unselectable && selected) {\n selectedRowKeys = selected.filter(r => unselectable.indexOf(r) > -1);\n } else if (onlyUnselectVisible) {\n const currentRowKeys = rows.map(r => r[keyField]);\n selectedRowKeys = selectedRowKeys.filter(k => currentRowKeys.indexOf(k) === -1);\n }\n }\n\n this.store.setSelectedRowKey(selectedRowKeys);\n this.setState(() => { return { selectedRowKeys, reset: false }; });\n }\n }\n\n handleShowOnlySelected = () => {\n this.store.ignoreNonSelected();\n const { pageStartIndex } = this.props.options;\n let result;\n if (this.props.pagination) {\n result = this.store.page(Util.getNormalizedPage(pageStartIndex), this.state.sizePerPage).get();\n } else {\n result = this.store.get();\n }\n this.setState(() => {\n return {\n data: result,\n reset: false,\n currPage: Util.getFirstPage(pageStartIndex)\n };\n });\n }\n\n handleSelectRow = (row, isSelected, e, rowIndex) => {\n let result = true;\n let currSelected = this.store.getSelectedRowKeys();\n const rowKey = row[ this.store.getKeyField() ];\n const { selectRow } = this.props;\n if (selectRow.onSelect) {\n result = selectRow.onSelect(row, isSelected, e, rowIndex);\n }\n\n if (typeof result === 'undefined' || result !== false) {\n if (selectRow.mode === Const.ROW_SELECT_SINGLE) {\n currSelected = isSelected ? [ rowKey ] : [];\n } else {\n if (isSelected) {\n currSelected.push(rowKey);\n } else {\n currSelected = currSelected.filter(key => rowKey !== key);\n }\n }\n\n this.store.setSelectedRowKey(currSelected);\n this.setState(() => {\n return {\n selectedRowKeys: currSelected,\n reset: false\n };\n });\n }\n }\n\n handleEditCell = (newVal, rowIndex, colIndex) => {\n const { beforeSaveCell } = this.props.cellEdit;\n const columns = this.getColumnsDescription(this.props);\n const fieldName = columns[colIndex].name;\n\n const invalid = () => {\n this.setState(() => {\n return {\n data: this.store.get(),\n reset: false\n };\n });\n return;\n };\n\n if (beforeSaveCell) {\n const beforeSaveCellCB = result => {\n this.body.cancelEditCell();\n if (result || result === undefined) {\n this.editCell(newVal, rowIndex, colIndex);\n } else {\n invalid();\n }\n };\n const props = { rowIndex, colIndex };\n const isValid = beforeSaveCell(this.state.data[rowIndex], fieldName, newVal, beforeSaveCellCB, props);\n if (isValid === false && typeof isValid !== 'undefined') {\n return invalid();\n } else if (isValid === Const.AWAIT_BEFORE_CELL_EDIT) {\n /* eslint consistent-return: 0 */\n return isValid;\n }\n }\n this.editCell(newVal, rowIndex, colIndex);\n }\n\n editCell(newVal, rowIndex, colIndex) {\n const { onCellEdit } = this.props.options;\n const { afterSaveCell } = this.props.cellEdit;\n const columns = this.getColumnsDescription(this.props);\n const fieldName = columns[colIndex].name;\n const props = { rowIndex, colIndex };\n if (onCellEdit) {\n newVal = onCellEdit(this.state.data[rowIndex], fieldName, newVal);\n }\n\n if (this.allowRemote(Const.REMOTE_CELL_EDIT)) {\n if (afterSaveCell) {\n afterSaveCell(this.state.data[rowIndex], fieldName, newVal, props);\n }\n return;\n }\n\n const result = this.store.edit(newVal, rowIndex, fieldName).get();\n this.setState(() => {\n return {\n data: result,\n reset: false\n };\n });\n\n if (afterSaveCell) {\n afterSaveCell(this.state.data[rowIndex], fieldName, newVal, props);\n }\n }\n\n handleAddRowAtBegin(newObj) {\n try {\n this.store.addAtBegin(newObj);\n } catch (e) {\n return e;\n }\n this._handleAfterAddingRow(newObj, true);\n }\n\n handleAddRow = newObj => {\n let isAsync = false;\n const { onAddRow } = this.props.options;\n\n const afterHandleAddRow = errMsg => {\n if (isAsync) {\n this.toolbar.afterHandleSaveBtnClick(errMsg);\n } else {\n return errMsg;\n }\n };\n\n const afterAddRowCB = errMsg => {\n if (typeof errMsg !== 'undefined' && errMsg !== '') return afterHandleAddRow(errMsg);\n if (this.allowRemote(Const.REMOTE_INSERT_ROW)) {\n if (this.props.options.afterInsertRow) {\n this.props.options.afterInsertRow(newObj);\n }\n return afterHandleAddRow();\n }\n\n try {\n this.store.add(newObj);\n } catch (e) {\n return afterHandleAddRow(e.message);\n }\n this._handleAfterAddingRow(newObj, false);\n return afterHandleAddRow();\n };\n\n if (onAddRow) {\n const colInfos = this.store.getColInfos();\n const errMsg = onAddRow(newObj, colInfos, afterAddRowCB);\n\n if (errMsg !== '' && errMsg !== false) {\n return errMsg;\n } else if (typeof errMsg === 'undefined') {\n return afterAddRowCB();\n } else {\n isAsync = true;\n return !isAsync;\n }\n } else {\n return afterAddRowCB();\n }\n }\n\n getSizePerPage() {\n return this.state.sizePerPage;\n }\n\n getCurrentPage() {\n return this.state.currPage;\n }\n\n getTableDataIgnorePaging() {\n return this.store.getCurrentDisplayData();\n }\n\n getPageByRowKey = rowKey => {\n const { sizePerPage } = this.state;\n const currentData = this.store.getCurrentDisplayData();\n const keyField = this.store.getKeyField();\n const result = currentData.findIndex((x) => x[ keyField ] === rowKey);\n if (result > -1) {\n return parseInt((result / sizePerPage), 10) + 1;\n } else {\n return result;\n }\n }\n\n handleDropRow = rowKeys => {\n const dropRowKeys = rowKeys ? rowKeys : this.store.getSelectedRowKeys();\n // add confirm before the delete action if that option is set.\n if (dropRowKeys && dropRowKeys.length > 0) {\n if (this.props.options.handleConfirmDeleteRow) {\n this.props.options.handleConfirmDeleteRow(() => {\n this.deleteRow(dropRowKeys);\n }, dropRowKeys);\n } else if (confirm('Are you sure you want to delete?')) {\n this.deleteRow(dropRowKeys);\n }\n }\n }\n\n deleteRow(dropRowKeys) {\n const dropRow = this.store.getRowByKey(dropRowKeys);\n const { onDeleteRow, afterDeleteRow, pageStartIndex } = this.props.options;\n\n if (onDeleteRow) {\n onDeleteRow(dropRowKeys, dropRow);\n }\n\n this.store.setSelectedRowKey([]); // clear selected row key\n\n if (this.allowRemote(Const.REMOTE_DROP_ROW)) {\n if (afterDeleteRow) {\n afterDeleteRow(dropRowKeys, dropRow);\n }\n return;\n }\n\n this.store.remove(dropRowKeys); // remove selected Row\n let result;\n if (this.props.pagination) {\n // debugger;\n const { sizePerPage } = this.state;\n const currLastPage = Math.ceil(this.store.getDataNum() / sizePerPage);\n let { currPage } = this.state;\n if (currPage > currLastPage) currPage = currLastPage;\n // console.log(Util.getNormalizedPage(currPage));\n result = this.store.page(Util.getNormalizedPage(pageStartIndex, currPage), sizePerPage).get();\n this.setState(() => {\n return {\n data: result,\n selectedRowKeys: this.store.getSelectedRowKeys(),\n currPage,\n reset: false\n };\n });\n } else {\n result = this.store.get();\n this.setState(() => {\n return {\n data: result,\n reset: false,\n selectedRowKeys: this.store.getSelectedRowKeys()\n };\n });\n }\n if (afterDeleteRow) {\n afterDeleteRow(dropRowKeys, dropRow);\n }\n }\n\n handleFilterData = filterObj => {\n const { autoCollapse: { filter }, options } = this.props;\n const { onFilterChange, pageStartIndex } = options;\n if (onFilterChange) {\n const colInfos = this.store.getColInfos();\n onFilterChange(filterObj, colInfos);\n }\n\n this.setState(() => {\n const newState = {\n currPage: Util.getFirstPage(pageStartIndex),\n reset: false\n };\n if (filter) newState.expanding = [];\n return newState;\n });\n\n if (this.allowRemote(Const.REMOTE_FILTER)) {\n if (this.props.options.afterColumnFilter) {\n this.props.options.afterColumnFilter(filterObj, this.store.getDataIgnoringPagination());\n }\n return;\n }\n\n this.store.filter(filterObj);\n\n const sortList = this.store.getSortInfo();\n\n if (sortList.length > 0) {\n this.store.sort();\n }\n\n let result;\n\n if (this.props.pagination) {\n const { sizePerPage } = this.state;\n result = this.store.page(Util.getNormalizedPage(pageStartIndex), sizePerPage).get();\n } else {\n result = this.store.get();\n }\n if (this.props.options.afterColumnFilter) {\n this.props.options.afterColumnFilter(filterObj,\n this.store.getDataIgnoringPagination());\n }\n this.setState(() => {\n return {\n data: result,\n reset: false\n };\n });\n }\n\n handleExportCSV = () => {\n let result = {};\n\n let { csvFileName } = this.props;\n const { onExportToCSV, exportCSVSeparator, noAutoBOM, excludeCSVHeader } = this.props.options;\n if (onExportToCSV) {\n result = onExportToCSV();\n } else {\n result = this.store.getDataIgnoringPagination();\n }\n const separator = exportCSVSeparator || Const.DEFAULT_CSV_SEPARATOR;\n const keys = [];\n this.props.children.filter(_ => _ != null).map(function(column) {\n if (column.props.export === true ||\n (typeof column.props.export === 'undefined' &&\n column.props.hidden === false)) {\n keys.push({\n field: column.props.dataField,\n type: column.props.csvFieldType,\n format: column.props.csvFormat,\n extraData: column.props.csvFormatExtraData,\n header: column.props.csvHeader || column.props.dataField,\n row: Number(column.props.row) || 0,\n rowSpan: Number(column.props.rowSpan) || 1,\n colSpan: Number(column.props.colSpan) || 1\n });\n }\n });\n\n if (Util.isFunction(csvFileName)) {\n csvFileName = csvFileName();\n }\n\n exportCSVUtil(result, keys, csvFileName, separator, noAutoBOM, excludeCSVHeader);\n }\n\n handleSearch = searchText => {\n // Set search field if this function being called outside\n // but it's not necessary if calling fron inside.\n if (this.toolbar) {\n this.toolbar.setSearchInput(searchText);\n }\n const { autoCollapse: { search } } = this.props;\n const { onSearchChange, pageStartIndex } = this.props.options;\n if (onSearchChange) {\n const colInfos = this.store.getColInfos();\n onSearchChange(searchText, colInfos, this.props.multiColumnSearch);\n }\n\n this.setState(() => {\n const newState = {\n currPage: Util.getFirstPage(pageStartIndex),\n reset: false\n };\n if (search) newState.expanding = [];\n return newState;\n });\n\n if (this.allowRemote(Const.REMOTE_SEARCH)) {\n if (this.props.options.afterSearch) {\n this.props.options.afterSearch(searchText, this.store.getDataIgnoringPagination());\n }\n return;\n }\n\n\n this.store.search(searchText);\n\n const sortList = this.store.getSortInfo();\n\n if (sortList.length > 0) {\n this.store.sort();\n }\n\n let result;\n if (this.props.pagination) {\n const { sizePerPage } = this.state;\n result = this.store.page(Util.getNormalizedPage(pageStartIndex), sizePerPage).get();\n } else {\n result = this.store.get();\n }\n if (this.props.options.afterSearch) {\n this.props.options.afterSearch(searchText,\n this.store.getDataIgnoringPagination());\n }\n this.setState(() => {\n return {\n data: result,\n reset: false\n };\n });\n }\n\n renderPagination() {\n if (this.props.pagination) {\n let dataSize;\n if (this.allowRemote(Const.REMOTE_PAGE)) {\n dataSize = this.props.fetchInfo.dataTotalSize;\n } else {\n dataSize = this.store.getDataNum();\n }\n const { options } = this.props;\n const withFirstAndLast = options.withFirstAndLast === undefined ? true : options.withFirstAndLast;\n if (Math.ceil(dataSize / this.state.sizePerPage) <= 1 &&\n this.props.ignoreSinglePage) return null;\n return (\n
\n this.pagination = node }\n withFirstAndLast={ withFirstAndLast }\n alwaysShowAllBtns={ options.alwaysShowAllBtns }\n currPage={ this.state.currPage }\n changePage={ this.handlePaginationData }\n sizePerPage={ this.state.sizePerPage }\n sizePerPageList={ options.sizePerPageList || Const.SIZE_PER_PAGE_LIST }\n pageStartIndex={ options.pageStartIndex }\n paginationShowsTotal={ options.paginationShowsTotal }\n paginationSize={ options.paginationSize || Const.PAGINATION_SIZE }\n dataSize={ dataSize }\n onSizePerPageList={ options.onSizePerPageList }\n prePage={ options.prePage || Const.PRE_PAGE }\n nextPage={ options.nextPage || Const.NEXT_PAGE }\n firstPage={ options.firstPage || Const.FIRST_PAGE }\n lastPage={ options.lastPage || Const.LAST_PAGE }\n prePageTitle={ options.prePageTitle || Const.PRE_PAGE_TITLE }\n nextPageTitle={ options.nextPageTitle || Const.NEXT_PAGE_TITLE }\n firstPageTitle={ options.firstPageTitle || Const.FIRST_PAGE_TITLE }\n lastPageTitle={ options.lastPageTitle || Const.LAST_PAGE_TITLE }\n hideSizePerPage={ options.hideSizePerPage }\n sizePerPageDropDown={ options.sizePerPageDropDown }\n hidePageListOnlyOnePage={ options.hidePageListOnlyOnePage }\n paginationPanel={ options.paginationPanel }\n keepSizePerPageState={ options.keepSizePerPageState }\n open={ false }/>\n
\n );\n }\n return null;\n }\n\n renderToolBar() {\n const { exportCSV, selectRow, insertRow, deleteRow, search, children, keyField } = this.props;\n const enableShowOnlySelected = selectRow && selectRow.showOnlySelected;\n const print = typeof this.props.options.printToolBar === 'undefined' ?\n true : this.props.options.printToolBar;\n if (enableShowOnlySelected\n || insertRow\n || deleteRow\n || search\n || exportCSV\n || this.props.options.searchPanel\n || this.props.options.btnGroup\n || this.props.options.toolBar) {\n let columns;\n if (Array.isArray(children)) {\n columns = children.filter(_ => _ != null).map((column, r) => {\n if (!column) return;\n const { props } = column;\n const isKey = props.isKey || keyField === props.dataField;\n return {\n isKey,\n name: props.headerText || props.children,\n field: props.dataField,\n hiddenOnInsert: props.hiddenOnInsert,\n keyValidator: props.keyValidator,\n customInsertEditor: props.customInsertEditor,\n // when you want same auto generate value and not allow edit, example ID field\n autoValue: props.autoValue || false,\n // for create editor, no params for column.editable() indicate that editor for new row\n editable: props.editable && (Util.isFunction(props.editable === 'function')) ? props.editable() : props.editable,\n format: props.dataFormat ? function(value) {\n return props.dataFormat(value, null, props.formatExtraData, r).replace(/<.*?>/g, '');\n } : false\n };\n });\n } else {\n columns = [ {\n name: children.props.headerText || children.props.children,\n field: children.props.dataField,\n editable: children.props.editable,\n customInsertEditor: children.props.customInsertEditor,\n hiddenOnInsert: children.props.hiddenOnInsert,\n keyValidator: children.props.keyValidator\n } ];\n }\n return (\n
\n this.toolbar = node }\n version={ this.props.version }\n defaultSearch={ this.props.options.defaultSearch }\n clearSearch={ this.props.options.clearSearch }\n searchPosition={ this.props.options.searchPosition }\n searchDelayTime={ this.props.options.searchDelayTime }\n enableInsert={ insertRow }\n enableDelete={ deleteRow }\n enableSearch={ search }\n enableExportCSV={ exportCSV }\n enableShowOnlySelected={ enableShowOnlySelected }\n columns={ columns }\n searchPlaceholder={ this.props.searchPlaceholder }\n exportCSVText={ this.props.options.exportCSVText }\n insertText={ this.props.options.insertText }\n deleteText={ this.props.options.deleteText }\n saveText= { this.props.options.saveText }\n closeText= { this.props.options.closeText }\n ignoreEditable={ this.props.options.ignoreEditable }\n onAddRow={ this.handleAddRow }\n onDropRow={ this.handleDropRow }\n onSearch={ this.handleSearch }\n onExportCSV={ this.handleExportCSV }\n onShowOnlySelected={ this.handleShowOnlySelected }\n insertModalHeader={ this.props.options.insertModalHeader }\n insertModalFooter={ this.props.options.insertModalFooter }\n insertModalBody={ this.props.options.insertModalBody }\n insertModal={ this.props.options.insertModal }\n insertBtn={ this.props.options.insertBtn }\n deleteBtn={ this.props.options.deleteBtn }\n showSelectedOnlyBtn={ this.props.options.showSelectedOnlyBtn }\n exportCSVBtn={ this.props.options.exportCSVBtn }\n clearSearchBtn={ this.props.options.clearSearchBtn }\n searchField={ this.props.options.searchField }\n searchPanel={ this.props.options.searchPanel }\n btnGroup={ this.props.options.btnGroup }\n toolBar={ this.props.options.toolBar }\n reset={ this.state.reset }\n isValidKey={ this.store.isValidKey }\n insertFailIndicator={ this.props.options.insertFailIndicator || Const.INSERT_FAIL_INDICATOR } />\n
\n );\n } else {\n return null;\n }\n }\n\n renderTableFilter(columns) {\n if (this.props.columnFilter) {\n return (\n \n );\n } else {\n return null;\n }\n }\n\n renderTableFooter(footerData, footerFormatterReturnData, columns, colGroups) {\n if (this.props.footer) {\n let hideSelectColumn = true;\n const { mode } = this.props.selectRow;\n const isSelectRowDefined = Util.isSelectRowDefined(mode);\n if (isSelectRowDefined) {\n hideSelectColumn = this.props.selectRow.hideSelectColumn;\n }\n return (\n this.footer = node }\n columns={ columns }\n colGroups={ colGroups }\n footerFormatterReturnData={ footerFormatterReturnData }\n tableFooterClass={ this.props.tableFooterClass }\n style={ this.props.headerStyle }\n hideSelectColumn={ hideSelectColumn }\n expandColumnVisible={ this.props.expandColumnOptions.expandColumnVisible }\n bordered={ this.props.bordered }\n condensed={ this.props.condensed }\n isFiltered={ this.filter ? true : false }\n showStickyColumn={ this.props.showStickyColumn }>\n { footerData }\n \n );\n }\n return null;\n }\n\n _scrollTop = () => {\n const { scrollTop } = this.props;\n if (scrollTop === Const.SCROLL_TOP) {\n this.body.container.scrollTop = 0;\n } else if (scrollTop === Const.SCROLL_BOTTOM) {\n this.body.container.scrollTop = this.body.container.scrollHeight;\n } else if (typeof scrollTop === 'number' && !isNaN(scrollTop)) {\n this.body.container.scrollTop = scrollTop;\n }\n }\n _scrollHeader = (e) => {\n this.header.container.scrollLeft = e.currentTarget.scrollLeft;\n }\n\n _scrollFooter = (e) => {\n if (this.props.footer) {\n this.footer.container.scrollLeft = e.currentTarget.scrollLeft;\n }\n }\n\n _adjustTable() {\n this._adjustHeight();\n if (!this.props.printable) {\n this._adjustHeaderWidth();\n }\n }\n\n _adjustHeaderWidth() {\n const header = this.header.getHeaderColGrouop();\n const tbody = this.body.tbody;\n const bodyHeader = this.body.getHeaderColGrouop();\n const firstRow = tbody.childNodes[0];\n const isScroll = tbody.parentNode.getBoundingClientRect().height >\n tbody.parentNode.parentNode.getBoundingClientRect().height;\n\n const scrollBarWidth = isScroll ? Util.getScrollBarWidth() : 0;\n if (firstRow && this.store.getDataNum()) {\n if (isScroll || this.isVerticalScroll !== isScroll) {\n const cells = firstRow.childNodes;\n for (let i = 0; i < cells.length; i++) {\n const cell = cells[i];\n const computedStyle = window.getComputedStyle(cell);\n let width = parseFloat(computedStyle.width.replace('px', ''));\n if (this.isIE) {\n const paddingLeftWidth = parseFloat(computedStyle.paddingLeft.replace('px', ''));\n const paddingRightWidth = parseFloat(computedStyle.paddingRight.replace('px', ''));\n const borderRightWidth = parseFloat(computedStyle.borderRightWidth.replace('px', ''));\n const borderLeftWidth = parseFloat(computedStyle.borderLeftWidth.replace('px', ''));\n width = width + paddingLeftWidth + paddingRightWidth + borderRightWidth + borderLeftWidth;\n }\n const lastPadding = (cells.length - 1 === i ? scrollBarWidth : 0);\n if (width <= 0) {\n width = 120;\n cell.width = width + lastPadding + 'px';\n }\n const result = width + lastPadding + 'px';\n header[i].style.width = result;\n header[i].style.minWidth = result;\n if (cells.length - 1 === i) {\n bodyHeader[i].style.width = width + 'px';\n bodyHeader[i].style.minWidth = width + 'px';\n } else {\n bodyHeader[i].style.width = result;\n bodyHeader[i].style.minWidth = result;\n }\n }\n }\n } else {\n for (const i in bodyHeader) {\n if (bodyHeader.hasOwnProperty(i)) {\n const child = bodyHeader[i];\n if (child.style) {\n if (child.style.width) {\n header[i].style.width = child.style.width;\n }\n if (child.style.minWidth) {\n header[i].style.minWidth = child.style.minWidth;\n }\n }\n }\n }\n }\n this.isVerticalScroll = isScroll;\n }\n\n _adjustHeight() {\n const { height } = this.props;\n let { maxHeight } = this.props;\n if ((typeof height === 'number' && !isNaN(height)) || height.indexOf('%') === -1) {\n this.body.container.style.height =\n parseFloat(height, 10) - this.header.container.offsetHeight + 'px';\n }\n if (maxHeight) {\n maxHeight = typeof maxHeight === 'number' ?\n maxHeight :\n parseInt(maxHeight.replace('px', ''), 10);\n\n this.body.container.style.maxHeight =\n maxHeight - this.header.container.offsetHeight + 'px';\n }\n }\n\n _handleAfterAddingRow(newObj, atTheBeginning) {\n let result;\n if (this.props.pagination) {\n // if pagination is enabled and inserting row at the end,\n // change page to the last page\n // otherwise, change it to the first page\n const { sizePerPage } = this.state;\n\n if (atTheBeginning) {\n const { pageStartIndex } = this.props.options;\n result = this.store.page(Util.getNormalizedPage(pageStartIndex), sizePerPage).get();\n this.setState(() => {\n return {\n data: result,\n currPage: Util.getFirstPage(pageStartIndex),\n reset: false\n };\n });\n } else {\n const currLastPage = Math.ceil(this.store.getDataNum() / sizePerPage);\n result = this.store.page(currLastPage, sizePerPage).get();\n this.setState(() => {\n return {\n data: result,\n currPage: currLastPage,\n reset: false\n };\n });\n }\n } else {\n result = this.store.get();\n this.setState(() => {\n return {\n data: result,\n reset: false\n };\n });\n }\n\n if (this.props.options.afterInsertRow) {\n this.props.options.afterInsertRow(newObj);\n }\n }\n}\n\nBootstrapTable.propTypes = {\n keyField: PropTypes.string,\n height: PropTypes.oneOfType([ PropTypes.string, PropTypes.number ]),\n maxHeight: PropTypes.oneOfType([ PropTypes.string, PropTypes.number ]),\n data: PropTypes.oneOfType([ PropTypes.array, PropTypes.object ]),\n version: PropTypes.string, // bootstrap version\n remote: PropTypes.oneOfType([ PropTypes.bool, PropTypes.func ]), // remote data, default is false\n replace: PropTypes.oneOfType([ PropTypes.bool, PropTypes.func ]),\n scrollTop: PropTypes.oneOfType([ PropTypes.string, PropTypes.number ]),\n striped: PropTypes.bool,\n bordered: PropTypes.bool,\n hover: PropTypes.bool,\n condensed: PropTypes.bool,\n pagination: PropTypes.bool,\n printable: PropTypes.bool,\n withoutTabIndex: PropTypes.bool,\n keyBoardNav: PropTypes.oneOfType([ PropTypes.bool, PropTypes.object ]),\n searchPlaceholder: PropTypes.string,\n selectRow: PropTypes.shape({\n mode: PropTypes.oneOf([\n Const.ROW_SELECT_NONE,\n Const.ROW_SELECT_SINGLE,\n Const.ROW_SELECT_MULTI\n ]),\n customComponent: PropTypes.func,\n bgColor: PropTypes.oneOfType([ PropTypes.string, PropTypes.func ]),\n selected: PropTypes.array,\n onSelect: PropTypes.func,\n onSelectAll: PropTypes.func,\n clickToSelect: PropTypes.bool,\n hideSelectColumn: PropTypes.bool,\n clickToSelectAndEditCell: PropTypes.bool,\n clickToExpand: PropTypes.bool,\n showOnlySelected: PropTypes.bool,\n unselectable: PropTypes.array,\n columnWidth: PropTypes.oneOfType([ PropTypes.number, PropTypes.string ]),\n onlyUnselectVisible: PropTypes.bool\n }),\n cellEdit: PropTypes.shape({\n mode: PropTypes.string,\n blurToSave: PropTypes.bool,\n blurToEscape: PropTypes.bool,\n beforeSaveCell: PropTypes.func,\n afterSaveCell: PropTypes.func,\n nonEditableRows: PropTypes.func\n }),\n insertRow: PropTypes.bool,\n deleteRow: PropTypes.bool,\n search: PropTypes.bool,\n multiColumnSearch: PropTypes.bool,\n strictSearch: PropTypes.bool,\n columnFilter: PropTypes.bool,\n trClassName: PropTypes.any,\n trStyle: PropTypes.any,\n tableStyle: PropTypes.object,\n containerStyle: PropTypes.object,\n headerStyle: PropTypes.object,\n bodyStyle: PropTypes.object,\n containerClass: PropTypes.string,\n tableContainerClass: PropTypes.string,\n headerContainerClass: PropTypes.string,\n bodyContainerClass: PropTypes.string,\n tableHeaderClass: PropTypes.string,\n tableBodyClass: PropTypes.string,\n tableFooterClass: PropTypes.string,\n options: PropTypes.shape({\n clearSearch: PropTypes.bool,\n sortName: PropTypes.oneOfType([ PropTypes.string, PropTypes.array ]),\n sortOrder: PropTypes.oneOfType([ PropTypes.string, PropTypes.array ]),\n defaultSortName: PropTypes.oneOfType([ PropTypes.string, PropTypes.array ]),\n defaultSortOrder: PropTypes.oneOfType([ PropTypes.string, PropTypes.array ]),\n sortIndicator: PropTypes.bool,\n afterTableComplete: PropTypes.func,\n afterDeleteRow: PropTypes.func,\n afterInsertRow: PropTypes.func,\n afterSearch: PropTypes.func,\n afterColumnFilter: PropTypes.func,\n onRowClick: PropTypes.func,\n onRowDoubleClick: PropTypes.func,\n page: PropTypes.number,\n pageStartIndex: PropTypes.number,\n paginationShowsTotal: PropTypes.oneOfType([ PropTypes.bool, PropTypes.func ]),\n sizePerPageList: PropTypes.array,\n sizePerPage: PropTypes.number,\n paginationSize: PropTypes.number,\n paginationPosition: PropTypes.oneOf([\n Const.PAGINATION_POS_TOP,\n Const.PAGINATION_POS_BOTTOM,\n Const.PAGINATION_POS_BOTH\n ]),\n toolbarPosition: PropTypes.oneOf([\n Const.TOOLBAR_POS_TOP,\n Const.TOOLBAR_POS_BOTTOM,\n Const.TOOLBAR_POS_BOTH\n ]),\n hideSizePerPage: PropTypes.bool,\n hidePageListOnlyOnePage: PropTypes.bool,\n alwaysShowAllBtns: PropTypes.bool,\n withFirstAndLast: PropTypes.bool,\n keepSizePerPageState: PropTypes.bool,\n onSortChange: PropTypes.func,\n onPageChange: PropTypes.func,\n onSizePerPageList: PropTypes.func,\n onFilterChange: PropTypes.func,\n onSearchChange: PropTypes.func,\n onAddRow: PropTypes.func,\n onExportToCSV: PropTypes.func,\n onCellEdit: PropTypes.func,\n noDataText: PropTypes.oneOfType([ PropTypes.string, PropTypes.object ]),\n withoutNoDataText: PropTypes.bool,\n handleConfirmDeleteRow: PropTypes.func,\n prePage: PropTypes.any,\n nextPage: PropTypes.any,\n firstPage: PropTypes.any,\n lastPage: PropTypes.any,\n prePageTitle: PropTypes.string,\n nextPageTitle: PropTypes.string,\n firstPageTitle: PropTypes.string,\n lastPageTitle: PropTypes.string,\n searchDelayTime: PropTypes.number,\n excludeCSVHeader: PropTypes.bool,\n exportCSVText: PropTypes.string,\n exportCSVSeparator: PropTypes.string,\n insertText: PropTypes.string,\n deleteText: PropTypes.string,\n saveText: PropTypes.string,\n closeText: PropTypes.string,\n ignoreEditable: PropTypes.bool,\n defaultSearch: PropTypes.string,\n insertModalHeader: PropTypes.func,\n insertModalBody: PropTypes.func,\n insertModalFooter: PropTypes.func,\n insertModal: PropTypes.func,\n insertBtn: PropTypes.func,\n deleteBtn: PropTypes.func,\n showSelectedOnlyBtn: PropTypes.func,\n exportCSVBtn: PropTypes.func,\n clearSearchBtn: PropTypes.func,\n searchField: PropTypes.func,\n searchPanel: PropTypes.func,\n btnGroup: PropTypes.func,\n toolBar: PropTypes.func,\n sizePerPageDropDown: PropTypes.func,\n paginationPanel: PropTypes.func,\n searchPosition: PropTypes.string,\n expandRowBgColor: PropTypes.string,\n expandBy: PropTypes.string,\n expanding: PropTypes.array,\n onExpand: PropTypes.func,\n onlyOneExpanding: PropTypes.bool,\n expandBodyClass: PropTypes.oneOfType([ PropTypes.string, PropTypes.func ]),\n expandParentClass: PropTypes.oneOfType([ PropTypes.string, PropTypes.func ]),\n beforeShowError: PropTypes.func,\n printToolBar: PropTypes.bool,\n insertFailIndicator: PropTypes.string,\n noAutoBOM: PropTypes.bool,\n expandAll: PropTypes.bool,\n hideRowOnExpand: PropTypes.bool\n }),\n fetchInfo: PropTypes.shape({\n dataTotalSize: PropTypes.number\n }),\n renderAlert: PropTypes.bool,\n exportCSV: PropTypes.bool,\n csvFileName: PropTypes.oneOfType([ PropTypes.string, PropTypes.func ]),\n ignoreSinglePage: PropTypes.bool,\n expandableRow: PropTypes.func,\n expandComponent: PropTypes.func,\n autoCollapse: PropTypes.shape({\n sort: PropTypes.bool,\n filter: PropTypes.bool,\n search: PropTypes.bool\n }),\n expandColumnOptions: PropTypes.shape({\n columnWidth: PropTypes.oneOfType([ PropTypes.number, PropTypes.string ]),\n expandColumnVisible: PropTypes.bool,\n expandColumnComponent: PropTypes.func,\n expandedColumnHeaderComponent: PropTypes.func,\n expandColumnBeforeSelectColumn: PropTypes.bool\n }),\n footer: PropTypes.bool\n};\nBootstrapTable.defaultProps = {\n version: '3',\n replace: false,\n scrollTop: undefined,\n expandComponent: undefined,\n expandableRow: undefined,\n expandColumnOptions: {\n expandColumnVisible: false,\n expandColumnComponent: undefined,\n expandedColumnHeaderComponent: undefined,\n expandColumnBeforeSelectColumn: true\n },\n height: '100%',\n maxHeight: undefined,\n striped: false,\n bordered: true,\n hover: false,\n condensed: false,\n pagination: false,\n printable: false,\n withoutTabIndex: false,\n keyBoardNav: false,\n searchPlaceholder: undefined,\n selectRow: {\n mode: Const.ROW_SELECT_NONE,\n bgColor: Const.ROW_SELECT_BG_COLOR,\n selected: [],\n onSelect: undefined,\n onSelectAll: undefined,\n clickToSelect: false,\n hideSelectColumn: false,\n clickToSelectAndEditCell: false,\n clickToExpand: false,\n showOnlySelected: false,\n unselectable: [],\n customComponent: undefined,\n onlyUnselectVisible: false\n },\n cellEdit: {\n mode: Const.CELL_EDIT_NONE,\n blurToSave: false,\n blurToEscape: false,\n beforeSaveCell: undefined,\n afterSaveCell: undefined,\n nonEditableRows: undefined\n },\n insertRow: false,\n deleteRow: false,\n search: false,\n multiColumnSearch: false,\n strictSearch: undefined,\n multiColumnSort: 1,\n columnFilter: false,\n trClassName: '',\n trStyle: undefined,\n tableStyle: undefined,\n containerStyle: undefined,\n headerStyle: undefined,\n bodyStyle: undefined,\n containerClass: null,\n tableContainerClass: null,\n headerContainerClass: null,\n bodyContainerClass: null,\n tableHeaderClass: null,\n tableBodyClass: null,\n tableFooterClass: null,\n options: {\n clearSearch: false,\n sortName: undefined,\n sortOrder: undefined,\n defaultSortName: undefined,\n defaultSortOrder: undefined,\n sortIndicator: true,\n afterTableComplete: undefined,\n afterDeleteRow: undefined,\n afterInsertRow: undefined,\n afterSearch: undefined,\n afterColumnFilter: undefined,\n onRowClick: undefined,\n onRowDoubleClick: undefined,\n onMouseLeave: undefined,\n onMouseEnter: undefined,\n onRowMouseOut: undefined,\n onRowMouseOver: undefined,\n page: undefined,\n paginationShowsTotal: false,\n sizePerPageList: Const.SIZE_PER_PAGE_LIST,\n sizePerPage: undefined,\n paginationSize: Const.PAGINATION_SIZE,\n paginationPosition: Const.PAGINATION_POS_BOTTOM,\n toolbarPosition: Const.TOOLBAR_POS_TOP,\n hideSizePerPage: false,\n hidePageListOnlyOnePage: false,\n alwaysShowAllBtns: false,\n withFirstAndLast: true,\n keepSizePerPageState: false,\n onSizePerPageList: undefined,\n noDataText: undefined,\n withoutNoDataText: false,\n handleConfirmDeleteRow: undefined,\n prePage: Const.PRE_PAGE,\n nextPage: Const.NEXT_PAGE,\n firstPage: Const.FIRST_PAGE,\n lastPage: Const.LAST_PAGE,\n prePageTitle: Const.PRE_PAGE_TITLE,\n nextPageTitle: Const.NEXT_PAGE_TITLE,\n firstPageTitle: Const.FIRST_PAGE_TITLE,\n lastPageTitle: Const.LAST_PAGE_TITLE,\n pageStartIndex: 1,\n searchDelayTime: undefined,\n excludeCSVHeader: false,\n exportCSVText: Const.EXPORT_CSV_TEXT,\n exportCSVSeparator: Const.DEFAULT_CSV_SEPARATOR,\n insertText: Const.INSERT_BTN_TEXT,\n deleteText: Const.DELETE_BTN_TEXT,\n saveText: Const.SAVE_BTN_TEXT,\n closeText: Const.CLOSE_BTN_TEXT,\n ignoreEditable: false,\n defaultSearch: '',\n insertModalHeader: undefined,\n insertModalBody: undefined,\n insertModalFooter: undefined,\n insertModal: undefined,\n insertBtn: undefined,\n deleteBtn: undefined,\n showSelectedOnlyBtn: undefined,\n exportCSVBtn: undefined,\n clearSearchBtn: undefined,\n searchField: undefined,\n searchPanel: undefined,\n btnGroup: undefined,\n toolBar: undefined,\n sizePerPageDropDown: undefined,\n paginationPanel: undefined,\n searchPosition: 'right',\n expandRowBgColor: undefined,\n expandBy: Const.EXPAND_BY_ROW,\n expanding: [],\n onExpand: undefined,\n onlyOneExpanding: false,\n expandBodyClass: null,\n expandParentClass: null,\n beforeShowError: undefined,\n printToolBar: true,\n insertFailIndicator: Const.INSERT_FAIL_INDICATOR,\n noAutoBOM: true,\n expandAll: false,\n hideRowOnExpand: false\n },\n fetchInfo: {\n dataTotalSize: 0\n },\n renderAlert: true,\n exportCSV: false,\n csvFileName: 'spreadsheet.csv',\n ignoreSinglePage: false,\n autoCollapse: {\n sort: Const.AUTO_COLLAPSE_WHEN_SORT,\n filter: Const.AUTO_COLLAPSE_WHEN_FILTER,\n search: Const.AUTO_COLLAPSE_WHEN_SEARCH\n },\n footer: false\n};\n\nexport default BootstrapTable;\n\n\n\n// WEBPACK FOOTER //\n// src/BootstrapTable.js","module.exports = __WEBPACK_EXTERNAL_MODULE_2__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external {\"root\":\"React\",\"commonjs2\":\"react\",\"commonjs\":\"react\",\"amd\":\"react\"}\n// module id = 2\n// module chunks = 0","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nif (process.env.NODE_ENV !== 'production') {\n var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&\n Symbol.for &&\n Symbol.for('react.element')) ||\n 0xeac7;\n\n var isValidElement = function(object) {\n return typeof object === 'object' &&\n object !== null &&\n object.$$typeof === REACT_ELEMENT_TYPE;\n };\n\n // By explicitly using `prop-types` you are opting into new development behavior.\n // http://fb.me/prop-types-in-prod\n var throwOnDirectAccess = true;\n module.exports = require('./factoryWithTypeCheckers')(isValidElement, throwOnDirectAccess);\n} else {\n // By explicitly using `prop-types` you are opting into new production behavior.\n // http://fb.me/prop-types-in-prod\n module.exports = require('./factoryWithThrowingShims')();\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/prop-types/index.js\n// module id = 3\n// module chunks = 0","// shim for using process in browser\nvar process = module.exports = {};\n\n// cached from whatever global is present so that test runners that stub it\n// don't break things. But we need to wrap it in a try catch in case it is\n// wrapped in strict mode code which doesn't define any globals. It's inside a\n// function because try/catches deoptimize in certain engines.\n\nvar cachedSetTimeout;\nvar cachedClearTimeout;\n\nfunction defaultSetTimout() {\n throw new Error('setTimeout has not been defined');\n}\nfunction defaultClearTimeout () {\n throw new Error('clearTimeout has not been defined');\n}\n(function () {\n try {\n if (typeof setTimeout === 'function') {\n cachedSetTimeout = setTimeout;\n } else {\n cachedSetTimeout = defaultSetTimout;\n }\n } catch (e) {\n cachedSetTimeout = defaultSetTimout;\n }\n try {\n if (typeof clearTimeout === 'function') {\n cachedClearTimeout = clearTimeout;\n } else {\n cachedClearTimeout = defaultClearTimeout;\n }\n } catch (e) {\n cachedClearTimeout = defaultClearTimeout;\n }\n} ())\nfunction runTimeout(fun) {\n if (cachedSetTimeout === setTimeout) {\n //normal enviroments in sane situations\n return setTimeout(fun, 0);\n }\n // if setTimeout wasn't available but was latter defined\n if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {\n cachedSetTimeout = setTimeout;\n return setTimeout(fun, 0);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedSetTimeout(fun, 0);\n } catch(e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedSetTimeout.call(null, fun, 0);\n } catch(e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error\n return cachedSetTimeout.call(this, fun, 0);\n }\n }\n\n\n}\nfunction runClearTimeout(marker) {\n if (cachedClearTimeout === clearTimeout) {\n //normal enviroments in sane situations\n return clearTimeout(marker);\n }\n // if clearTimeout wasn't available but was latter defined\n if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {\n cachedClearTimeout = clearTimeout;\n return clearTimeout(marker);\n }\n try {\n // when when somebody has screwed with setTimeout but no I.E. maddness\n return cachedClearTimeout(marker);\n } catch (e){\n try {\n // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally\n return cachedClearTimeout.call(null, marker);\n } catch (e){\n // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.\n // Some versions of I.E. have different rules for clearTimeout vs setTimeout\n return cachedClearTimeout.call(this, marker);\n }\n }\n\n\n\n}\nvar queue = [];\nvar draining = false;\nvar currentQueue;\nvar queueIndex = -1;\n\nfunction cleanUpNextTick() {\n if (!draining || !currentQueue) {\n return;\n }\n draining = false;\n if (currentQueue.length) {\n queue = currentQueue.concat(queue);\n } else {\n queueIndex = -1;\n }\n if (queue.length) {\n drainQueue();\n }\n}\n\nfunction drainQueue() {\n if (draining) {\n return;\n }\n var timeout = runTimeout(cleanUpNextTick);\n draining = true;\n\n var len = queue.length;\n while(len) {\n currentQueue = queue;\n queue = [];\n while (++queueIndex < len) {\n if (currentQueue) {\n currentQueue[queueIndex].run();\n }\n }\n queueIndex = -1;\n len = queue.length;\n }\n currentQueue = null;\n draining = false;\n runClearTimeout(timeout);\n}\n\nprocess.nextTick = function (fun) {\n var args = new Array(arguments.length - 1);\n if (arguments.length > 1) {\n for (var i = 1; i < arguments.length; i++) {\n args[i - 1] = arguments[i];\n }\n }\n queue.push(new Item(fun, args));\n if (queue.length === 1 && !draining) {\n runTimeout(drainQueue);\n }\n};\n\n// v8 likes predictible objects\nfunction Item(fun, array) {\n this.fun = fun;\n this.array = array;\n}\nItem.prototype.run = function () {\n this.fun.apply(null, this.array);\n};\nprocess.title = 'browser';\nprocess.browser = true;\nprocess.env = {};\nprocess.argv = [];\nprocess.version = ''; // empty string to avoid regexp issues\nprocess.versions = {};\n\nfunction noop() {}\n\nprocess.on = noop;\nprocess.addListener = noop;\nprocess.once = noop;\nprocess.off = noop;\nprocess.removeListener = noop;\nprocess.removeAllListeners = noop;\nprocess.emit = noop;\nprocess.prependListener = noop;\nprocess.prependOnceListener = noop;\n\nprocess.listeners = function (name) { return [] }\n\nprocess.binding = function (name) {\n throw new Error('process.binding is not supported');\n};\n\nprocess.cwd = function () { return '/' };\nprocess.chdir = function (dir) {\n throw new Error('process.chdir is not supported');\n};\nprocess.umask = function() { return 0; };\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/process/browser.js\n// module id = 4\n// module chunks = 0","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar emptyFunction = require('fbjs/lib/emptyFunction');\nvar invariant = require('fbjs/lib/invariant');\nvar warning = require('fbjs/lib/warning');\nvar assign = require('object-assign');\n\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\nvar checkPropTypes = require('./checkPropTypes');\n\nmodule.exports = function(isValidElement, throwOnDirectAccess) {\n /* global Symbol */\n var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;\n var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.\n\n /**\n * Returns the iterator method function contained on the iterable object.\n *\n * Be sure to invoke the function with the iterable as context:\n *\n * var iteratorFn = getIteratorFn(myIterable);\n * if (iteratorFn) {\n * var iterator = iteratorFn.call(myIterable);\n * ...\n * }\n *\n * @param {?object} maybeIterable\n * @return {?function}\n */\n function getIteratorFn(maybeIterable) {\n var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);\n if (typeof iteratorFn === 'function') {\n return iteratorFn;\n }\n }\n\n /**\n * Collection of methods that allow declaration and validation of props that are\n * supplied to React components. Example usage:\n *\n * var Props = require('ReactPropTypes');\n * var MyArticle = React.createClass({\n * propTypes: {\n * // An optional string prop named \"description\".\n * description: Props.string,\n *\n * // A required enum prop named \"category\".\n * category: Props.oneOf(['News','Photos']).isRequired,\n *\n * // A prop named \"dialog\" that requires an instance of Dialog.\n * dialog: Props.instanceOf(Dialog).isRequired\n * },\n * render: function() { ... }\n * });\n *\n * A more formal specification of how these methods are used:\n *\n * type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)\n * decl := ReactPropTypes.{type}(.isRequired)?\n *\n * Each and every declaration produces a function with the same signature. This\n * allows the creation of custom validation functions. For example:\n *\n * var MyLink = React.createClass({\n * propTypes: {\n * // An optional string or URI prop named \"href\".\n * href: function(props, propName, componentName) {\n * var propValue = props[propName];\n * if (propValue != null && typeof propValue !== 'string' &&\n * !(propValue instanceof URI)) {\n * return new Error(\n * 'Expected a string or an URI for ' + propName + ' in ' +\n * componentName\n * );\n * }\n * }\n * },\n * render: function() {...}\n * });\n *\n * @internal\n */\n\n var ANONYMOUS = '<>';\n\n // Important!\n // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.\n var ReactPropTypes = {\n array: createPrimitiveTypeChecker('array'),\n bool: createPrimitiveTypeChecker('boolean'),\n func: createPrimitiveTypeChecker('function'),\n number: createPrimitiveTypeChecker('number'),\n object: createPrimitiveTypeChecker('object'),\n string: createPrimitiveTypeChecker('string'),\n symbol: createPrimitiveTypeChecker('symbol'),\n\n any: createAnyTypeChecker(),\n arrayOf: createArrayOfTypeChecker,\n element: createElementTypeChecker(),\n instanceOf: createInstanceTypeChecker,\n node: createNodeChecker(),\n objectOf: createObjectOfTypeChecker,\n oneOf: createEnumTypeChecker,\n oneOfType: createUnionTypeChecker,\n shape: createShapeTypeChecker,\n exact: createStrictShapeTypeChecker,\n };\n\n /**\n * inlined Object.is polyfill to avoid requiring consumers ship their own\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is\n */\n /*eslint-disable no-self-compare*/\n function is(x, y) {\n // SameValue algorithm\n if (x === y) {\n // Steps 1-5, 7-10\n // Steps 6.b-6.e: +0 != -0\n return x !== 0 || 1 / x === 1 / y;\n } else {\n // Step 6.a: NaN == NaN\n return x !== x && y !== y;\n }\n }\n /*eslint-enable no-self-compare*/\n\n /**\n * We use an Error-like object for backward compatibility as people may call\n * PropTypes directly and inspect their output. However, we don't use real\n * Errors anymore. We don't inspect their stack anyway, and creating them\n * is prohibitively expensive if they are created too often, such as what\n * happens in oneOfType() for any type before the one that matched.\n */\n function PropTypeError(message) {\n this.message = message;\n this.stack = '';\n }\n // Make `instanceof Error` still work for returned errors.\n PropTypeError.prototype = Error.prototype;\n\n function createChainableTypeChecker(validate) {\n if (process.env.NODE_ENV !== 'production') {\n var manualPropTypeCallCache = {};\n var manualPropTypeWarningCount = 0;\n }\n function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {\n componentName = componentName || ANONYMOUS;\n propFullName = propFullName || propName;\n\n if (secret !== ReactPropTypesSecret) {\n if (throwOnDirectAccess) {\n // New behavior only for users of `prop-types` package\n invariant(\n false,\n 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n 'Use `PropTypes.checkPropTypes()` to call them. ' +\n 'Read more at http://fb.me/use-check-prop-types'\n );\n } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {\n // Old behavior for people using React.PropTypes\n var cacheKey = componentName + ':' + propName;\n if (\n !manualPropTypeCallCache[cacheKey] &&\n // Avoid spamming the console because they are often not actionable except for lib authors\n manualPropTypeWarningCount < 3\n ) {\n warning(\n false,\n 'You are manually calling a React.PropTypes validation ' +\n 'function for the `%s` prop on `%s`. This is deprecated ' +\n 'and will throw in the standalone `prop-types` package. ' +\n 'You may be seeing this warning due to a third-party PropTypes ' +\n 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.',\n propFullName,\n componentName\n );\n manualPropTypeCallCache[cacheKey] = true;\n manualPropTypeWarningCount++;\n }\n }\n }\n if (props[propName] == null) {\n if (isRequired) {\n if (props[propName] === null) {\n return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));\n }\n return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));\n }\n return null;\n } else {\n return validate(props, propName, componentName, location, propFullName);\n }\n }\n\n var chainedCheckType = checkType.bind(null, false);\n chainedCheckType.isRequired = checkType.bind(null, true);\n\n return chainedCheckType;\n }\n\n function createPrimitiveTypeChecker(expectedType) {\n function validate(props, propName, componentName, location, propFullName, secret) {\n var propValue = props[propName];\n var propType = getPropType(propValue);\n if (propType !== expectedType) {\n // `propValue` being instance of, say, date/regexp, pass the 'object'\n // check, but we can offer a more precise error message here rather than\n // 'of type `object`'.\n var preciseType = getPreciseType(propValue);\n\n return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));\n }\n return null;\n }\n return createChainableTypeChecker(validate);\n }\n\n function createAnyTypeChecker() {\n return createChainableTypeChecker(emptyFunction.thatReturnsNull);\n }\n\n function createArrayOfTypeChecker(typeChecker) {\n function validate(props, propName, componentName, location, propFullName) {\n if (typeof typeChecker !== 'function') {\n return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');\n }\n var propValue = props[propName];\n if (!Array.isArray(propValue)) {\n var propType = getPropType(propValue);\n return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));\n }\n for (var i = 0; i < propValue.length; i++) {\n var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);\n if (error instanceof Error) {\n return error;\n }\n }\n return null;\n }\n return createChainableTypeChecker(validate);\n }\n\n function createElementTypeChecker() {\n function validate(props, propName, componentName, location, propFullName) {\n var propValue = props[propName];\n if (!isValidElement(propValue)) {\n var propType = getPropType(propValue);\n return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));\n }\n return null;\n }\n return createChainableTypeChecker(validate);\n }\n\n function createInstanceTypeChecker(expectedClass) {\n function validate(props, propName, componentName, location, propFullName) {\n if (!(props[propName] instanceof expectedClass)) {\n var expectedClassName = expectedClass.name || ANONYMOUS;\n var actualClassName = getClassName(props[propName]);\n return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));\n }\n return null;\n }\n return createChainableTypeChecker(validate);\n }\n\n function createEnumTypeChecker(expectedValues) {\n if (!Array.isArray(expectedValues)) {\n process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOf, expected an instance of array.') : void 0;\n return emptyFunction.thatReturnsNull;\n }\n\n function validate(props, propName, componentName, location, propFullName) {\n var propValue = props[propName];\n for (var i = 0; i < expectedValues.length; i++) {\n if (is(propValue, expectedValues[i])) {\n return null;\n }\n }\n\n var valuesString = JSON.stringify(expectedValues);\n return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));\n }\n return createChainableTypeChecker(validate);\n }\n\n function createObjectOfTypeChecker(typeChecker) {\n function validate(props, propName, componentName, location, propFullName) {\n if (typeof typeChecker !== 'function') {\n return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');\n }\n var propValue = props[propName];\n var propType = getPropType(propValue);\n if (propType !== 'object') {\n return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));\n }\n for (var key in propValue) {\n if (propValue.hasOwnProperty(key)) {\n var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);\n if (error instanceof Error) {\n return error;\n }\n }\n }\n return null;\n }\n return createChainableTypeChecker(validate);\n }\n\n function createUnionTypeChecker(arrayOfTypeCheckers) {\n if (!Array.isArray(arrayOfTypeCheckers)) {\n process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;\n return emptyFunction.thatReturnsNull;\n }\n\n for (var i = 0; i < arrayOfTypeCheckers.length; i++) {\n var checker = arrayOfTypeCheckers[i];\n if (typeof checker !== 'function') {\n warning(\n false,\n 'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +\n 'received %s at index %s.',\n getPostfixForTypeWarning(checker),\n i\n );\n return emptyFunction.thatReturnsNull;\n }\n }\n\n function validate(props, propName, componentName, location, propFullName) {\n for (var i = 0; i < arrayOfTypeCheckers.length; i++) {\n var checker = arrayOfTypeCheckers[i];\n if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {\n return null;\n }\n }\n\n return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));\n }\n return createChainableTypeChecker(validate);\n }\n\n function createNodeChecker() {\n function validate(props, propName, componentName, location, propFullName) {\n if (!isNode(props[propName])) {\n return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));\n }\n return null;\n }\n return createChainableTypeChecker(validate);\n }\n\n function createShapeTypeChecker(shapeTypes) {\n function validate(props, propName, componentName, location, propFullName) {\n var propValue = props[propName];\n var propType = getPropType(propValue);\n if (propType !== 'object') {\n return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));\n }\n for (var key in shapeTypes) {\n var checker = shapeTypes[key];\n if (!checker) {\n continue;\n }\n var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);\n if (error) {\n return error;\n }\n }\n return null;\n }\n return createChainableTypeChecker(validate);\n }\n\n function createStrictShapeTypeChecker(shapeTypes) {\n function validate(props, propName, componentName, location, propFullName) {\n var propValue = props[propName];\n var propType = getPropType(propValue);\n if (propType !== 'object') {\n return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));\n }\n // We need to check all keys in case some are required but missing from\n // props.\n var allKeys = assign({}, props[propName], shapeTypes);\n for (var key in allKeys) {\n var checker = shapeTypes[key];\n if (!checker) {\n return new PropTypeError(\n 'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +\n '\\nBad object: ' + JSON.stringify(props[propName], null, ' ') +\n '\\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' ')\n );\n }\n var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);\n if (error) {\n return error;\n }\n }\n return null;\n }\n\n return createChainableTypeChecker(validate);\n }\n\n function isNode(propValue) {\n switch (typeof propValue) {\n case 'number':\n case 'string':\n case 'undefined':\n return true;\n case 'boolean':\n return !propValue;\n case 'object':\n if (Array.isArray(propValue)) {\n return propValue.every(isNode);\n }\n if (propValue === null || isValidElement(propValue)) {\n return true;\n }\n\n var iteratorFn = getIteratorFn(propValue);\n if (iteratorFn) {\n var iterator = iteratorFn.call(propValue);\n var step;\n if (iteratorFn !== propValue.entries) {\n while (!(step = iterator.next()).done) {\n if (!isNode(step.value)) {\n return false;\n }\n }\n } else {\n // Iterator will provide entry [k,v] tuples rather than values.\n while (!(step = iterator.next()).done) {\n var entry = step.value;\n if (entry) {\n if (!isNode(entry[1])) {\n return false;\n }\n }\n }\n }\n } else {\n return false;\n }\n\n return true;\n default:\n return false;\n }\n }\n\n function isSymbol(propType, propValue) {\n // Native Symbol.\n if (propType === 'symbol') {\n return true;\n }\n\n // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'\n if (propValue['@@toStringTag'] === 'Symbol') {\n return true;\n }\n\n // Fallback for non-spec compliant Symbols which are polyfilled.\n if (typeof Symbol === 'function' && propValue instanceof Symbol) {\n return true;\n }\n\n return false;\n }\n\n // Equivalent of `typeof` but with special handling for array and regexp.\n function getPropType(propValue) {\n var propType = typeof propValue;\n if (Array.isArray(propValue)) {\n return 'array';\n }\n if (propValue instanceof RegExp) {\n // Old webkits (at least until Android 4.0) return 'function' rather than\n // 'object' for typeof a RegExp. We'll normalize this here so that /bla/\n // passes PropTypes.object.\n return 'object';\n }\n if (isSymbol(propType, propValue)) {\n return 'symbol';\n }\n return propType;\n }\n\n // This handles more types than `getPropType`. Only used for error messages.\n // See `createPrimitiveTypeChecker`.\n function getPreciseType(propValue) {\n if (typeof propValue === 'undefined' || propValue === null) {\n return '' + propValue;\n }\n var propType = getPropType(propValue);\n if (propType === 'object') {\n if (propValue instanceof Date) {\n return 'date';\n } else if (propValue instanceof RegExp) {\n return 'regexp';\n }\n }\n return propType;\n }\n\n // Returns a string that is postfixed to a warning about an invalid type.\n // For example, \"undefined\" or \"of type array\"\n function getPostfixForTypeWarning(value) {\n var type = getPreciseType(value);\n switch (type) {\n case 'array':\n case 'object':\n return 'an ' + type;\n case 'boolean':\n case 'date':\n case 'regexp':\n return 'a ' + type;\n default:\n return type;\n }\n }\n\n // Returns class name of the object, if any.\n function getClassName(propValue) {\n if (!propValue.constructor || !propValue.constructor.name) {\n return ANONYMOUS;\n }\n return propValue.constructor.name;\n }\n\n ReactPropTypes.checkPropTypes = checkPropTypes;\n ReactPropTypes.PropTypes = ReactPropTypes;\n\n return ReactPropTypes;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/prop-types/factoryWithTypeCheckers.js\n// module id = 5\n// module chunks = 0","\"use strict\";\n\n/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n * \n */\n\nfunction makeEmptyFunction(arg) {\n return function () {\n return arg;\n };\n}\n\n/**\n * This function accepts and discards inputs; it has no side effects. This is\n * primarily useful idiomatically for overridable function endpoints which\n * always need to be callable, since JS lacks a null-call idiom ala Cocoa.\n */\nvar emptyFunction = function emptyFunction() {};\n\nemptyFunction.thatReturns = makeEmptyFunction;\nemptyFunction.thatReturnsFalse = makeEmptyFunction(false);\nemptyFunction.thatReturnsTrue = makeEmptyFunction(true);\nemptyFunction.thatReturnsNull = makeEmptyFunction(null);\nemptyFunction.thatReturnsThis = function () {\n return this;\n};\nemptyFunction.thatReturnsArgument = function (arg) {\n return arg;\n};\n\nmodule.exports = emptyFunction;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/fbjs/lib/emptyFunction.js\n// module id = 6\n// module chunks = 0","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\n'use strict';\n\n/**\n * Use invariant() to assert state which your program assumes to be true.\n *\n * Provide sprintf-style format (only %s is supported) and arguments\n * to provide information about what broke and what you were\n * expecting.\n *\n * The invariant message will be stripped in production, but the invariant\n * will remain to ensure logic does not differ in production.\n */\n\nvar validateFormat = function validateFormat(format) {};\n\nif (process.env.NODE_ENV !== 'production') {\n validateFormat = function validateFormat(format) {\n if (format === undefined) {\n throw new Error('invariant requires an error message argument');\n }\n };\n}\n\nfunction invariant(condition, format, a, b, c, d, e, f) {\n validateFormat(format);\n\n if (!condition) {\n var error;\n if (format === undefined) {\n error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');\n } else {\n var args = [a, b, c, d, e, f];\n var argIndex = 0;\n error = new Error(format.replace(/%s/g, function () {\n return args[argIndex++];\n }));\n error.name = 'Invariant Violation';\n }\n\n error.framesToPop = 1; // we don't care about invariant's own frame\n throw error;\n }\n}\n\nmodule.exports = invariant;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/fbjs/lib/invariant.js\n// module id = 7\n// module chunks = 0","/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\n'use strict';\n\nvar emptyFunction = require('./emptyFunction');\n\n/**\n * Similar to invariant but only logs a warning if the condition is not met.\n * This can be used to log issues in development environments in critical\n * paths. Removing the logging code for production environments will keep the\n * same logic and follow the same code paths.\n */\n\nvar warning = emptyFunction;\n\nif (process.env.NODE_ENV !== 'production') {\n var printWarning = function printWarning(format) {\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n var argIndex = 0;\n var message = 'Warning: ' + format.replace(/%s/g, function () {\n return args[argIndex++];\n });\n if (typeof console !== 'undefined') {\n console.error(message);\n }\n try {\n // --- Welcome to debugging React ---\n // This error was thrown as a convenience so that you can use this stack\n // to find the callsite that caused this warning to fire.\n throw new Error(message);\n } catch (x) {}\n };\n\n warning = function warning(condition, format) {\n if (format === undefined) {\n throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');\n }\n\n if (format.indexOf('Failed Composite propType: ') === 0) {\n return; // Ignore CompositeComponent proptype check.\n }\n\n if (!condition) {\n for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {\n args[_key2 - 2] = arguments[_key2];\n }\n\n printWarning.apply(undefined, [format].concat(args));\n }\n };\n}\n\nmodule.exports = warning;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/fbjs/lib/warning.js\n// module id = 8\n// module chunks = 0","/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n\n'use strict';\n/* eslint-disable no-unused-vars */\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction toObject(val) {\n\tif (val === null || val === undefined) {\n\t\tthrow new TypeError('Object.assign cannot be called with null or undefined');\n\t}\n\n\treturn Object(val);\n}\n\nfunction shouldUseNative() {\n\ttry {\n\t\tif (!Object.assign) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// Detect buggy property enumeration order in older V8 versions.\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=4118\n\t\tvar test1 = new String('abc'); // eslint-disable-line no-new-wrappers\n\t\ttest1[5] = 'de';\n\t\tif (Object.getOwnPropertyNames(test1)[0] === '5') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test2 = {};\n\t\tfor (var i = 0; i < 10; i++) {\n\t\t\ttest2['_' + String.fromCharCode(i)] = i;\n\t\t}\n\t\tvar order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n\t\t\treturn test2[n];\n\t\t});\n\t\tif (order2.join('') !== '0123456789') {\n\t\t\treturn false;\n\t\t}\n\n\t\t// https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\t\tvar test3 = {};\n\t\t'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n\t\t\ttest3[letter] = letter;\n\t\t});\n\t\tif (Object.keys(Object.assign({}, test3)).join('') !==\n\t\t\t\t'abcdefghijklmnopqrst') {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn true;\n\t} catch (err) {\n\t\t// We don't expect any of the above to throw, but better to be safe.\n\t\treturn false;\n\t}\n}\n\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n\tvar from;\n\tvar to = toObject(target);\n\tvar symbols;\n\n\tfor (var s = 1; s < arguments.length; s++) {\n\t\tfrom = Object(arguments[s]);\n\n\t\tfor (var key in from) {\n\t\t\tif (hasOwnProperty.call(from, key)) {\n\t\t\t\tto[key] = from[key];\n\t\t\t}\n\t\t}\n\n\t\tif (getOwnPropertySymbols) {\n\t\t\tsymbols = getOwnPropertySymbols(from);\n\t\t\tfor (var i = 0; i < symbols.length; i++) {\n\t\t\t\tif (propIsEnumerable.call(from, symbols[i])) {\n\t\t\t\t\tto[symbols[i]] = from[symbols[i]];\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn to;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/object-assign/index.js\n// module id = 9\n// module chunks = 0","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/prop-types/lib/ReactPropTypesSecret.js\n// module id = 10\n// module chunks = 0","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nif (process.env.NODE_ENV !== 'production') {\n var invariant = require('fbjs/lib/invariant');\n var warning = require('fbjs/lib/warning');\n var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n var loggedTypeFailures = {};\n}\n\n/**\n * Assert that the values match with the type specs.\n * Error messages are memorized and will only be shown once.\n *\n * @param {object} typeSpecs Map of name to a ReactPropType\n * @param {object} values Runtime values that need to be type-checked\n * @param {string} location e.g. \"prop\", \"context\", \"child context\"\n * @param {string} componentName Name of the component for error messages.\n * @param {?Function} getStack Returns the component stack.\n * @private\n */\nfunction checkPropTypes(typeSpecs, values, location, componentName, getStack) {\n if (process.env.NODE_ENV !== 'production') {\n for (var typeSpecName in typeSpecs) {\n if (typeSpecs.hasOwnProperty(typeSpecName)) {\n var error;\n // Prop type validation may throw. In case they do, we don't want to\n // fail the render phase where it didn't fail before. So we log it.\n // After these have been cleaned up, we'll let them throw.\n try {\n // This is intentionally an invariant that gets caught. It's the same\n // behavior as without this statement except with a better message.\n invariant(typeof typeSpecs[typeSpecName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'the `prop-types` package, but received `%s`.', componentName || 'React class', location, typeSpecName, typeof typeSpecs[typeSpecName]);\n error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);\n } catch (ex) {\n error = ex;\n }\n warning(!error || error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error);\n if (error instanceof Error && !(error.message in loggedTypeFailures)) {\n // Only monitor this failure once because there tends to be a lot of the\n // same error.\n loggedTypeFailures[error.message] = true;\n\n var stack = getStack ? getStack() : '';\n\n warning(false, 'Failed %s type: %s%s', location, error.message, stack != null ? stack : '');\n }\n }\n }\n }\n}\n\nmodule.exports = checkPropTypes;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/prop-types/checkPropTypes.js\n// module id = 11\n// module chunks = 0","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar emptyFunction = require('fbjs/lib/emptyFunction');\nvar invariant = require('fbjs/lib/invariant');\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n\nmodule.exports = function() {\n function shim(props, propName, componentName, location, propFullName, secret) {\n if (secret === ReactPropTypesSecret) {\n // It is still safe when called from React.\n return;\n }\n invariant(\n false,\n 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n 'Use PropTypes.checkPropTypes() to call them. ' +\n 'Read more at http://fb.me/use-check-prop-types'\n );\n };\n shim.isRequired = shim;\n function getShim() {\n return shim;\n };\n // Important!\n // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n var ReactPropTypes = {\n array: shim,\n bool: shim,\n func: shim,\n number: shim,\n object: shim,\n string: shim,\n symbol: shim,\n\n any: shim,\n arrayOf: getShim,\n element: shim,\n instanceOf: getShim,\n node: shim,\n objectOf: getShim,\n oneOf: getShim,\n oneOfType: getShim,\n shape: getShim,\n exact: getShim\n };\n\n ReactPropTypes.checkPropTypes = emptyFunction;\n ReactPropTypes.PropTypes = ReactPropTypes;\n\n return ReactPropTypes;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/prop-types/factoryWithThrowingShims.js\n// module id = 12\n// module chunks = 0","/*!\n Copyright (c) 2016 Jed Watson.\n Licensed under the MIT License (MIT), see\n http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tclasses.push(classNames.apply(null, arg));\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/classnames/index.js\n// module id = 13\n// module chunks = 0","module.exports = require('./dist/SAlert');\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/react-s-alert/index.js\n// module id = 14\n// module chunks = 0","(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define(['exports', 'react', './SAlertContent', 'prop-types', './s-alert-parts/s-alert-store', './s-alert-parts/s-alert-tools', './s-alert-parts/s-alert-data-prep'], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(exports, require('react'), require('./SAlertContent'), require('prop-types'), require('./s-alert-parts/s-alert-store'), require('./s-alert-parts/s-alert-tools'), require('./s-alert-parts/s-alert-data-prep'));\n } else {\n var mod = {\n exports: {}\n };\n factory(mod.exports, global.react, global.SAlertContent, global.propTypes, global.sAlertStore, global.sAlertTools, global.sAlertDataPrep);\n global.SAlert = mod.exports;\n }\n})(this, function (exports, _react, _SAlertContent, _propTypes, _sAlertStore, _sAlertTools, _sAlertDataPrep) {\n 'use strict';\n\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n\n var _react2 = _interopRequireDefault(_react);\n\n var _SAlertContent2 = _interopRequireDefault(_SAlertContent);\n\n var _propTypes2 = _interopRequireDefault(_propTypes);\n\n var _sAlertStore2 = _interopRequireDefault(_sAlertStore);\n\n var _sAlertTools2 = _interopRequireDefault(_sAlertTools);\n\n var _sAlertDataPrep2 = _interopRequireDefault(_sAlertDataPrep);\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n }\n\n function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n }\n\n var _createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n }();\n\n function _possibleConstructorReturn(self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n }\n\n function _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n }\n\n var _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n var insertFunc = function insertFunc(msg, data, condition) {\n var id = _sAlertTools2.default.randomId();\n _sAlertStore2.default.dispatch({\n type: 'INSERT',\n data: _extends({}, data, {\n id: id,\n condition: condition,\n message: msg\n })\n });\n return id;\n };\n\n var SAlert = function (_React$Component) {\n _inherits(SAlert, _React$Component);\n\n function SAlert(props) {\n _classCallCheck(this, SAlert);\n\n var _this = _possibleConstructorReturn(this, (SAlert.__proto__ || Object.getPrototypeOf(SAlert)).call(this, props));\n\n _this.state = {\n dataRight: [],\n dataLeft: [],\n dataTop: [],\n dataBottom: []\n };\n return _this;\n }\n\n _createClass(SAlert, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _this2 = this;\n\n var storeStateLeft = void 0;\n var storeStateRight = void 0;\n var storeStateTop = void 0;\n var storeStateBottom = void 0;\n\n var addToStoreRight = function addToStoreRight() {\n requestAnimationFrame(function () {\n return requestAnimationFrame(function () {\n var length = void 0;\n storeStateRight = (0, _sAlertDataPrep2.default)('right') || [];\n length = storeStateRight.length;\n if (_this2.props.stack && _this2.props.stack.limit && length > _this2.props.stack.limit) {\n var id = storeStateRight[0].id;\n _sAlertStore2.default.dispatch({ type: 'REMOVE', data: { id: id } });\n storeStateRight = (0, _sAlertDataPrep2.default)('right') || [];\n }\n _this2.setState({ dataRight: storeStateRight });\n });\n });\n };\n this.unsubStoreRight = _sAlertStore2.default.subscribe(addToStoreRight);\n\n var addToStoreLeft = function addToStoreLeft() {\n requestAnimationFrame(function () {\n return requestAnimationFrame(function () {\n var length = void 0;\n storeStateLeft = (0, _sAlertDataPrep2.default)('left') || [];\n length = storeStateLeft.length;\n if (_this2.props.stack && _this2.props.stack.limit && length > _this2.props.stack.limit) {\n var id = storeStateLeft[0].id;\n _sAlertStore2.default.dispatch({ type: 'REMOVE', data: { id: id } });\n storeStateLeft = (0, _sAlertDataPrep2.default)('left') || [];\n }\n _this2.setState({ dataLeft: storeStateLeft });\n });\n });\n };\n this.unsubStoreLeft = _sAlertStore2.default.subscribe(addToStoreLeft);\n\n var addToStoreTop = function addToStoreTop() {\n requestAnimationFrame(function () {\n return requestAnimationFrame(function () {\n var length = void 0;\n storeStateTop = (0, _sAlertDataPrep2.default)('full-top') || [];\n length = storeStateTop.length;\n if (_this2.props.stack && _this2.props.stack.limit && length > _this2.props.stack.limit) {\n var id = storeStateTop[0].id;\n _sAlertStore2.default.dispatch({ type: 'REMOVE', data: { id: id } });\n storeStateTop = (0, _sAlertDataPrep2.default)('full-top') || [];\n }\n _this2.setState({ dataTop: storeStateTop });\n });\n });\n };\n this.unsubStoreTop = _sAlertStore2.default.subscribe(addToStoreTop);\n\n var addToStoreBottom = function addToStoreBottom() {\n requestAnimationFrame(function () {\n return requestAnimationFrame(function () {\n var length = void 0;\n storeStateBottom = (0, _sAlertDataPrep2.default)('full-bottom') || [];\n length = storeStateBottom.length;\n if (_this2.props.stack && _this2.props.stack.limit && length > _this2.props.stack.limit) {\n var id = storeStateBottom[0].id;\n _sAlertStore2.default.dispatch({ type: 'REMOVE', data: { id: id } });\n storeStateBottom = (0, _sAlertDataPrep2.default)('full-bottom') || [];\n }\n _this2.setState({ dataBottom: storeStateBottom });\n });\n });\n };\n this.unsubStoreBottom = _sAlertStore2.default.subscribe(addToStoreBottom);\n\n // set up global config from global SAlert props\n // only stuff needed for getAlertData\n var globalConfig = {\n contentTemplate: this.props.contentTemplate,\n offset: this.props.offset,\n message: this.props.message,\n stack: this.props.stack,\n html: this.props.html,\n customFields: this.props.customFields,\n position: this.props.position || 'top-right'\n };\n _sAlertTools2.default.setGlobalConfig(globalConfig);\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n this.unsubStoreTop();\n this.unsubStoreBottom();\n this.unsubStoreLeft();\n this.unsubStoreRight();\n }\n }, {\n key: 'render',\n value: function render() {\n var _this3 = this;\n\n var mapFunc = function mapFunc(alert, index) {\n var customKey = 'alert-key-' + alert.id + '-' + alert.position;\n var id = alert.id;\n var condition = _sAlertTools2.default.returnFirstDefined(alert.condition, 'info');\n var message = _sAlertTools2.default.returnFirstDefined(alert.message, _this3.props.message, '');\n var position = _sAlertTools2.default.returnFirstDefined(alert.position, _this3.props.position, 'top-right');\n var offset = _sAlertTools2.default.returnFirstDefined(alert.offset, _this3.props.offset, 0);\n var effect = _sAlertTools2.default.returnFirstDefined(alert.effect, _this3.props.effect);\n var boxPosition = alert.boxPosition;\n var beep = _sAlertTools2.default.returnFirstDefined(alert.beep, _this3.props.beep, false);\n var timeout = _sAlertTools2.default.returnFirstDefined(alert.timeout, _this3.props.timeout, 5000);\n var html = _sAlertTools2.default.returnFirstDefined(alert.html, _this3.props.html);\n var onClose = _sAlertTools2.default.returnFirstDefined(alert.onClose, _this3.props.onClose);\n var onShow = _sAlertTools2.default.returnFirstDefined(alert.onShow, _this3.props.onShow);\n var customFields = _sAlertTools2.default.returnFirstDefined(alert.customFields, _this3.props.customFields);\n var contentTemplate = _this3.props.contentTemplate;\n return _react2.default.createElement(_SAlertContent2.default, {\n key: customKey,\n id: id,\n customFields: customFields,\n condition: condition,\n message: message,\n position: position,\n effect: effect,\n boxPosition: boxPosition,\n beep: beep,\n timeout: timeout,\n html: html,\n onClose: onClose,\n onShow: onShow,\n contentTemplate: contentTemplate });\n };\n var sAlertElemsRight = this.state.dataRight.map(mapFunc);\n var sAlertElemsLeft = this.state.dataLeft.map(mapFunc);\n var sAlertElemsTop = this.state.dataTop.map(mapFunc);\n var sAlertElemsBottom = this.state.dataBottom.map(mapFunc);\n return _react2.default.createElement(\n 'div',\n { className: 's-alert-wrapper' },\n sAlertElemsRight,\n sAlertElemsLeft,\n sAlertElemsTop,\n sAlertElemsBottom\n );\n }\n }], [{\n key: 'info',\n value: function info(msg, data) {\n return insertFunc(msg, data, 'info');\n }\n }, {\n key: 'error',\n value: function error(msg, data) {\n return insertFunc(msg, data, 'error');\n }\n }, {\n key: 'warning',\n value: function warning(msg, data) {\n return insertFunc(msg, data, 'warning');\n }\n }, {\n key: 'success',\n value: function success(msg, data) {\n return insertFunc(msg, data, 'success');\n }\n }, {\n key: 'close',\n value: function close(id) {\n _sAlertStore2.default.dispatch({ type: 'REMOVE', data: { id: id } });\n }\n }, {\n key: 'closeAll',\n value: function closeAll() {\n _sAlertStore2.default.dispatch({ type: 'REMOVEALL' });\n }\n }]);\n\n return SAlert;\n }(_react2.default.Component);\n\n SAlert.propTypes = {\n message: _propTypes2.default.string,\n position: _propTypes2.default.string,\n offset: _propTypes2.default.number,\n stack: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.object]),\n effect: _propTypes2.default.string,\n beep: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object, _propTypes2.default.bool]),\n timeout: _propTypes2.default.oneOfType([_propTypes2.default.oneOf(['none']), _propTypes2.default.number]),\n html: _propTypes2.default.bool,\n onClose: _propTypes2.default.func,\n onShow: _propTypes2.default.func,\n customFields: _propTypes2.default.object,\n contentTemplate: _propTypes2.default.func\n };\n\n exports.default = SAlert;\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/react-s-alert/dist/SAlert.js\n// module id = 15\n// module chunks = 0","(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define(['exports', 'react', 'react-dom', 'prop-types', './s-alert-parts/s-alert-tools', './s-alert-parts/s-alert-store', './SAlertContentTmpl'], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(exports, require('react'), require('react-dom'), require('prop-types'), require('./s-alert-parts/s-alert-tools'), require('./s-alert-parts/s-alert-store'), require('./SAlertContentTmpl'));\n } else {\n var mod = {\n exports: {}\n };\n factory(mod.exports, global.react, global.reactDom, global.propTypes, global.sAlertTools, global.sAlertStore, global.SAlertContentTmpl);\n global.SAlertContent = mod.exports;\n }\n})(this, function (exports, _react, _reactDom, _propTypes, _sAlertTools, _sAlertStore, _SAlertContentTmpl) {\n 'use strict';\n\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n\n var _react2 = _interopRequireDefault(_react);\n\n var _reactDom2 = _interopRequireDefault(_reactDom);\n\n var _propTypes2 = _interopRequireDefault(_propTypes);\n\n var _sAlertTools2 = _interopRequireDefault(_sAlertTools);\n\n var _sAlertStore2 = _interopRequireDefault(_sAlertStore);\n\n var _SAlertContentTmpl2 = _interopRequireDefault(_SAlertContentTmpl);\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n }\n\n var _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n\n function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n }\n\n var _createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n }();\n\n function _possibleConstructorReturn(self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n }\n\n function _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n }\n\n var SAlertContent = function (_React$Component) {\n _inherits(SAlertContent, _React$Component);\n\n function SAlertContent(props) {\n _classCallCheck(this, SAlertContent);\n\n return _possibleConstructorReturn(this, (SAlertContent.__proto__ || Object.getPrototypeOf(SAlertContent)).call(this, props));\n }\n\n _createClass(SAlertContent, [{\n key: 'handleCloseAlert',\n value: function handleCloseAlert() {\n var closingTimeout = void 0;\n var alertId = this.props.id;\n var currentAlertElem = _reactDom2.default.findDOMNode(this);\n var animationClose = function animationClose() {\n currentAlertElem.style.display = 'none';\n _sAlertStore2.default.dispatch({ type: 'REMOVE', data: { id: alertId } });\n clearTimeout(closingTimeout);\n };\n if (document.hidden || document.webkitHidden || !currentAlertElem.classList.contains('s-alert-is-effect')) {\n _sAlertStore2.default.dispatch({ type: 'REMOVE', data: { id: alertId } });\n } else {\n currentAlertElem.classList.remove('s-alert-show');\n closingTimeout = setTimeout(function () {\n currentAlertElem.classList.add('s-alert-hide');\n }, 100);\n currentAlertElem.removeEventListener('webkitAnimationEnd', animationClose, false);\n currentAlertElem.removeEventListener('animationend', animationClose, false);\n currentAlertElem.addEventListener('webkitAnimationEnd', animationClose, false);\n currentAlertElem.addEventListener('animationend', animationClose, false);\n }\n // stop audio when closing\n this.alertAudio && this.alertAudio.load();\n }\n }, {\n key: 'componentWillMount',\n value: function componentWillMount() {\n var beep = this.props.beep;\n var condition = this.props.condition;\n if (beep && typeof beep === 'string') {\n this.alertAudio = new Audio(beep);\n this.alertAudio.load();\n this.alertAudio.play();\n }\n if (beep && (typeof beep === 'undefined' ? 'undefined' : _typeof(beep)) === 'object' && condition === 'info') {\n this.alertAudio = new Audio(beep.info);\n this.alertAudio.load();\n this.alertAudio.play();\n }\n if (beep && (typeof beep === 'undefined' ? 'undefined' : _typeof(beep)) === 'object' && condition === 'error') {\n this.alertAudio = new Audio(beep.error);\n this.alertAudio.load();\n this.alertAudio.play();\n }\n if (beep && (typeof beep === 'undefined' ? 'undefined' : _typeof(beep)) === 'object' && condition === 'success') {\n this.alertAudio = new Audio(beep.success);\n this.alertAudio.load();\n this.alertAudio.play();\n }\n if (beep && (typeof beep === 'undefined' ? 'undefined' : _typeof(beep)) === 'object' && condition === 'warning') {\n this.alertAudio = new Audio(beep.warning);\n this.alertAudio.load();\n this.alertAudio.play();\n }\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _this2 = this;\n\n if (typeof this.props.timeout === 'number') {\n this.closeTimer = setTimeout(function () {\n _this2.handleCloseAlert();\n }, this.props.timeout);\n }\n if (this.props.onShow) {\n this.props.onShow();\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n if (this.closeTimer) {\n clearTimeout(this.closeTimer);\n }\n if (this.props.onClose) {\n this.props.onClose();\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var classNames = 's-alert-box s-alert-' + this.props.condition + ' s-alert-' + this.props.position + ' ' + (this.props.effect ? 's-alert-is-effect s-alert-effect-' + this.props.effect : '') + ' s-alert-show';\n var message = this.props.html ? _react2.default.createElement('span', { dangerouslySetInnerHTML: { __html: this.props.message } }) : this.props.message;\n var styles = this.props.boxPosition ? _sAlertTools2.default.styleToObj(this.props.boxPosition) : {};\n var id = this.props.id;\n var handleClose = this.handleCloseAlert.bind(this);\n var contentTemplate = this.props.contentTemplate || _SAlertContentTmpl2.default;\n var customFields = this.props.customFields || {};\n\n return _react2.default.createElement(contentTemplate, { classNames: classNames, id: id, styles: styles, message: message, handleClose: handleClose, customFields: customFields });\n }\n }]);\n\n return SAlertContent;\n }(_react2.default.Component);\n\n SAlertContent.propTypes = {\n condition: _propTypes2.default.string.isRequired,\n message: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node]),\n position: _propTypes2.default.string.isRequired,\n boxPosition: _propTypes2.default.string,\n id: _propTypes2.default.string.isRequired,\n effect: _propTypes2.default.string,\n beep: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object, _propTypes2.default.bool]),\n timeout: _propTypes2.default.oneOfType([_propTypes2.default.oneOf(['none']), _propTypes2.default.number]),\n html: _propTypes2.default.bool,\n onClose: _propTypes2.default.func,\n onShow: _propTypes2.default.func,\n customFields: _propTypes2.default.object,\n contentTemplate: _propTypes2.default.func\n };\n\n exports.default = SAlertContent;\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/react-s-alert/dist/SAlertContent.js\n// module id = 16\n// module chunks = 0","module.exports = __WEBPACK_EXTERNAL_MODULE_17__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external {\"root\":\"ReactDOM\",\"commonjs2\":\"react-dom\",\"commonjs\":\"react-dom\",\"amd\":\"react-dom\"}\n// module id = 17\n// module chunks = 0","(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define(['exports'], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(exports);\n } else {\n var mod = {\n exports: {}\n };\n factory(mod.exports);\n global.sAlertTools = mod.exports;\n }\n})(this, function (exports) {\n 'use strict';\n\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n\n var _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) {\n return typeof obj;\n } : function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n\n var actualGlobalConfig = void 0;\n\n var sAlertTools = {\n randomId: function randomId() {\n return Math.random().toString(36).split('.')[1];\n },\n returnFirstDefined: function returnFirstDefined() {\n var value = void 0;\n var i = void 0;\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n for (i = 0; i < args.length; i++) {\n if (typeof args[i] !== 'undefined') {\n value = args[i];\n break;\n }\n }\n return value;\n },\n styleToObj: function styleToObj(input) {\n var result = {},\n i = void 0,\n entry = void 0,\n attributes = input && input.split(';').filter(Boolean);\n\n for (i = 0; i < attributes.length; i++) {\n entry = attributes[i].split(':');\n result[entry.splice(0, 1)[0].trim()] = entry.join(':').trim();\n }\n return result;\n },\n setGlobalConfig: function setGlobalConfig(config) {\n if ((typeof config === 'undefined' ? 'undefined' : _typeof(config)) === 'object') {\n actualGlobalConfig = config;\n }\n },\n getGlobalConfig: function getGlobalConfig() {\n return actualGlobalConfig;\n }\n };\n\n exports.default = sAlertTools;\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/react-s-alert/dist/s-alert-parts/s-alert-tools.js\n// module id = 18\n// module chunks = 0","(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define(['exports'], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(exports);\n } else {\n var mod = {\n exports: {}\n };\n factory(mod.exports);\n global.sAlertStore = mod.exports;\n }\n})(this, function (exports) {\n 'use strict';\n\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n\n function _toConsumableArray(arr) {\n if (Array.isArray(arr)) {\n for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n } else {\n return Array.from(arr);\n }\n }\n\n // custom simple store based on a awesome Redux library https://github.com/rackt/redux\n\n var createSAlertStore = function createSAlertStore(reducer) {\n var state = void 0;\n var listeners = [];\n var getState = function getState() {\n return state;\n };\n var dispatch = function dispatch(action) {\n state = reducer(state, action);\n listeners.forEach(function (listener) {\n return listener();\n });\n };\n var subscribe = function subscribe(listener) {\n listeners.push(listener);\n return function () {\n listeners = listeners.filter(function (l) {\n return l !== listener;\n });\n };\n };\n dispatch({});\n return {\n getState: getState, dispatch: dispatch, subscribe: subscribe\n };\n };\n\n var insert = function insert(state, action) {\n return [].concat(_toConsumableArray(state), [action.data]);\n };\n\n var remove = function remove(state, action) {\n var elemToRemoveArray = state.slice().filter(function (item) {\n return item.id === action.data.id;\n });\n if (Array.isArray(elemToRemoveArray)) {\n var elemToRemoveIndex = state.indexOf(elemToRemoveArray[0]);\n return [].concat(_toConsumableArray(state.slice(0, elemToRemoveIndex)), _toConsumableArray(state.slice(elemToRemoveIndex + 1)));\n }\n return state;\n };\n\n var alertsReducer = function alertsReducer() {\n var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n var action = arguments[1];\n\n switch (action.type) {\n case 'INSERT':\n return insert(state, action);\n case 'REMOVE':\n return remove(state, action);\n case 'REMOVEALL':\n return [];\n default:\n return state;\n }\n };\n\n var sAlertStore = createSAlertStore(alertsReducer);\n\n exports.default = sAlertStore;\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/react-s-alert/dist/s-alert-parts/s-alert-store.js\n// module id = 19\n// module chunks = 0","(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define(['exports', 'react', 'prop-types'], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(exports, require('react'), require('prop-types'));\n } else {\n var mod = {\n exports: {}\n };\n factory(mod.exports, global.react, global.propTypes);\n global.SAlertContentTmpl = mod.exports;\n }\n})(this, function (exports, _react, _propTypes) {\n 'use strict';\n\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n\n var _react2 = _interopRequireDefault(_react);\n\n var _propTypes2 = _interopRequireDefault(_propTypes);\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n }\n\n function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n }\n\n var _createClass = function () {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n return function (Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n }();\n\n function _possibleConstructorReturn(self, call) {\n if (!self) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n }\n\n function _inherits(subClass, superClass) {\n if (typeof superClass !== \"function\" && superClass !== null) {\n throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n }\n\n var SAlertContentTmpl = function (_React$Component) {\n _inherits(SAlertContentTmpl, _React$Component);\n\n function SAlertContentTmpl(props) {\n _classCallCheck(this, SAlertContentTmpl);\n\n return _possibleConstructorReturn(this, (SAlertContentTmpl.__proto__ || Object.getPrototypeOf(SAlertContentTmpl)).call(this, props));\n }\n\n _createClass(SAlertContentTmpl, [{\n key: 'render',\n value: function render() {\n return _react2.default.createElement(\n 'div',\n { className: this.props.classNames, id: this.props.id, style: this.props.styles },\n _react2.default.createElement(\n 'div',\n { className: 's-alert-box-inner' },\n this.props.message\n ),\n _react2.default.createElement('span', { className: 's-alert-close', onClick: this.props.handleClose })\n );\n }\n }]);\n\n return SAlertContentTmpl;\n }(_react2.default.Component);\n\n SAlertContentTmpl.propTypes = {\n id: _propTypes2.default.string.isRequired,\n classNames: _propTypes2.default.string.isRequired,\n styles: _propTypes2.default.object.isRequired,\n message: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]).isRequired,\n handleClose: _propTypes2.default.func.isRequired,\n customFields: _propTypes2.default.object\n };\n\n exports.default = SAlertContentTmpl;\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/react-s-alert/dist/SAlertContentTmpl.js\n// module id = 20\n// module chunks = 0","(function (global, factory) {\n if (typeof define === \"function\" && define.amd) {\n define(['exports', 'react', 'react-dom', '../SAlertContent', './s-alert-store', './s-alert-tools'], factory);\n } else if (typeof exports !== \"undefined\") {\n factory(exports, require('react'), require('react-dom'), require('../SAlertContent'), require('./s-alert-store'), require('./s-alert-tools'));\n } else {\n var mod = {\n exports: {}\n };\n factory(mod.exports, global.react, global.reactDom, global.SAlertContent, global.sAlertStore, global.sAlertTools);\n global.sAlertDataPrep = mod.exports;\n }\n})(this, function (exports, _react, _reactDom, _SAlertContent, _sAlertStore, _sAlertTools) {\n 'use strict';\n\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n\n var _react2 = _interopRequireDefault(_react);\n\n var _reactDom2 = _interopRequireDefault(_reactDom);\n\n var _SAlertContent2 = _interopRequireDefault(_SAlertContent);\n\n var _sAlertStore2 = _interopRequireDefault(_sAlertStore);\n\n var _sAlertTools2 = _interopRequireDefault(_sAlertTools);\n\n function _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n }\n\n var _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n var getAlertData = function getAlertData(sAlertPosition) {\n var positionTop = 0;\n var positionBottom = 0;\n var padding = 0;\n var alerts = {};\n var style = void 0;\n var docElement = void 0;\n var sAlertBoxHeight = void 0;\n var positionTypeTop = void 0;\n var positionTypeBottom = void 0;\n var checkFirst = function checkFirst(type, objId) {\n var collectionOfType = sAlertCollection.filter(function (obj) {\n return obj.position === type || sAlertGlobalConfig.position === type;\n });\n return collectionOfType && collectionOfType[0].id === objId;\n };\n var positionFunc = function positionFunc(position, positionType, alert, docElement, sAlertBoxHeight, reactComponent) {\n padding = aStack.spacing || parseInt(getComputedStyle(_reactDom2.default.findDOMNode(reactComponent))[positionType]);\n if (checkFirst(aPosition, alert.id) && aOffset) {\n position = 0;\n position = position + parseInt(aOffset);\n }\n if (checkFirst(aPosition, alert.id) && aStack.spacing) {\n position = position;\n } else {\n position = position + parseInt(padding);\n }\n style = positionType + ': ' + position + 'px;';\n position = position + sAlertBoxHeight;\n return position;\n };\n\n var sAlertGlobalConfig = _sAlertTools2.default.getGlobalConfig();\n var aStack = void 0;\n var aContentTemplate = void 0;\n var aOffset = void 0;\n var aMessage = void 0;\n var aHtml = void 0;\n var aCustomFields = void 0;\n var aPosition = void 0;\n\n var query = {};\n if (sAlertPosition === 'left') {\n query = function query(item) {\n return item.position === 'top-left' || item.position === 'bottom-left' || !item.position && (sAlertGlobalConfig.position === 'top-left' || sAlertGlobalConfig.position === 'bottom-left');\n };\n }\n if (sAlertPosition === 'right') {\n query = function query(item) {\n return item.position === 'top-right' || item.position === 'bottom-right' || !item.position && (sAlertGlobalConfig.position === 'top-right' || sAlertGlobalConfig.position === 'bottom-right');\n };\n }\n if (sAlertPosition === 'full-top') {\n query = function query(item) {\n return item.position === 'top' || !item.position && sAlertGlobalConfig.position === 'top';\n };\n }\n if (sAlertPosition === 'full-bottom') {\n query = function query(item) {\n return item.position === 'bottom' || !item.position && sAlertGlobalConfig.position === 'bottom';\n };\n }\n\n var currentState = _sAlertStore2.default.getState();\n var sAlertCollection = currentState.slice().filter(query);\n\n return sAlertCollection.map(function (alert) {\n aStack = sAlertGlobalConfig.stack;\n aContentTemplate = sAlertGlobalConfig.contentTemplate;\n aOffset = _sAlertTools2.default.returnFirstDefined(alert.offset, sAlertGlobalConfig.offset);\n aMessage = _sAlertTools2.default.returnFirstDefined(alert.message, sAlertGlobalConfig.message);\n aHtml = _sAlertTools2.default.returnFirstDefined(alert.html, sAlertGlobalConfig.html);\n aCustomFields = _sAlertTools2.default.returnFirstDefined(alert.customFields, sAlertGlobalConfig.customFields);\n aPosition = _sAlertTools2.default.returnFirstDefined(alert.position, sAlertGlobalConfig.position);\n positionTypeTop = aPosition && /top/g.test(aPosition);\n positionTypeBottom = aPosition && /bottom/g.test(aPosition);\n if (aStack) {\n // checking alert box height - needed to calculate position\n docElement = document.createElement('div');\n docElement.classList.add('s-alert-box-height');\n\n // mock element, needed for positions calculations\n var reactElement = _react2.default.createElement(_SAlertContent2.default, {\n key: _sAlertTools2.default.randomId(),\n id: _sAlertTools2.default.randomId(),\n condition: alert.condition,\n message: aMessage,\n position: aPosition,\n effect: alert.effect,\n boxPosition: alert.boxPosition,\n beep: false,\n timeout: 'none',\n html: aHtml,\n contentTemplate: aContentTemplate,\n customFields: aCustomFields\n });\n var reactComponent = _reactDom2.default.render(reactElement, docElement);\n\n document.body.appendChild(docElement);\n sAlertBoxHeight = parseInt(getComputedStyle(_reactDom2.default.findDOMNode(reactComponent))['height']);\n if (positionTypeTop) {\n positionTop = positionFunc(positionTop, 'top', alert, docElement, sAlertBoxHeight, reactComponent);\n }\n if (positionTypeBottom) {\n positionBottom = positionFunc(positionBottom, 'bottom', alert, docElement, sAlertBoxHeight, reactComponent);\n }\n var sAlertComputedStyle = getComputedStyle(_reactDom2.default.findDOMNode(reactComponent));\n if (sAlertPosition === 'left') {\n style = style + 'left: ' + (aStack.spacing || parseInt(sAlertComputedStyle.left)) + 'px;';\n }\n if (sAlertPosition === 'right') {\n style = style + 'right: ' + (aStack.spacing || parseInt(sAlertComputedStyle.right)) + 'px;';\n }\n alerts = _extends({}, alert, { boxPosition: style });\n _reactDom2.default.unmountComponentAtNode(docElement);\n docElement.parentNode.removeChild(docElement);\n } else if (aOffset && positionTypeTop) {\n alerts = _extends({}, alert, { boxPosition: 'top: ' + parseInt(aOffset) + 'px;' });\n } else if (aOffset && positionTypeBottom) {\n alerts = _extends({}, alert, { boxPosition: 'bottom: ' + parseInt(aOffset) + 'px;' });\n } else {\n alerts = alert;\n }\n return alerts;\n });\n };\n\n exports.default = getAlertData;\n});\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/react-s-alert/dist/s-alert-parts/s-alert-data-prep.js\n// module id = 21\n// module chunks = 0","const CONST_VAR = {\n SORT_DESC: 'desc',\n SORT_ASC: 'asc',\n AWAIT_BEFORE_CELL_EDIT: 1,\n SIZE_PER_PAGE: 10,\n NEXT_PAGE: '>',\n NEXT_PAGE_TITLE: 'next page',\n LAST_PAGE: '>>',\n LAST_PAGE_TITLE: 'last page',\n PRE_PAGE: '<',\n PRE_PAGE_TITLE: 'previous page',\n FIRST_PAGE: '<<',\n FIRST_PAGE_TITLE: 'first page',\n PAGE_START_INDEX: 1,\n ROW_SELECT_BG_COLOR: '',\n ROW_SELECT_NONE: 'none',\n ROW_SELECT_SINGLE: 'radio',\n ROW_SELECT_MULTI: 'checkbox',\n CELL_EDIT_NONE: 'none',\n CELL_EDIT_CLICK: 'click',\n CELL_EDIT_DBCLICK: 'dbclick',\n SIZE_PER_PAGE_LIST: [ 10, 25, 30, 50 ],\n PAGINATION_SIZE: 5,\n PAGINATION_POS_TOP: 'top',\n PAGINATION_POS_BOTTOM: 'bottom',\n PAGINATION_POS_BOTH: 'both',\n TOOLBAR_POS_TOP: 'top',\n TOOLBAR_POS_BOTTOM: 'bottom',\n TOOLBAR_POS_BOTH: 'both',\n NO_DATA_TEXT: 'There is no data to display',\n SHOW_ONLY_SELECT: 'Show Selected Only',\n SHOW_ALL: 'Show All',\n EXPORT_CSV_TEXT: 'Export to CSV',\n INSERT_BTN_TEXT: 'New',\n DELETE_BTN_TEXT: 'Delete',\n SAVE_BTN_TEXT: 'Save',\n CLOSE_BTN_TEXT: 'Close',\n FILTER_DELAY: 500,\n SCROLL_TOP: 'Top',\n SCROLL_BOTTOM: 'Bottom',\n FILTER_TYPE: {\n TEXT: 'TextFilter',\n REGEX: 'RegexFilter',\n SELECT: 'SelectFilter',\n NUMBER: 'NumberFilter',\n DATE: 'DateFilter',\n CUSTOM: 'CustomFilter',\n ARRAY: 'ArrayFilter'\n },\n FILTER_COND_EQ: 'eq',\n FILTER_COND_LIKE: 'like',\n EXPAND_BY_ROW: 'row',\n EXPAND_BY_COL: 'column',\n REMOTE_SORT: 'sort',\n REMOTE_PAGE: 'pagination',\n REMOTE_CELL_EDIT: 'cellEdit',\n REMOTE_INSERT_ROW: 'insertRow',\n REMOTE_DROP_ROW: 'dropRow',\n REMOTE_FILTER: 'filter',\n REMOTE_SEARCH: 'search',\n REMOTE_EXPORT_CSV: 'exportCSV',\n INSERT_FAIL_INDICATOR: 'Validation errors, please check!',\n DEFAULT_CSV_SEPARATOR: ',',\n CSV_STRING_TYPE: 'string',\n CSV_NUMBER_TYPE: 'number',\n AUTO_COLLAPSE_WHEN_SORT: false,\n AUTO_COLLAPSE_WHEN_SEARCH: false,\n AUTO_COLLAPSE_WHEN_FILTER: false\n};\n\nCONST_VAR.REMOTE = {};\nCONST_VAR.REMOTE[CONST_VAR.REMOTE_SORT] = false;\nCONST_VAR.REMOTE[CONST_VAR.REMOTE_PAGE] = false;\nCONST_VAR.REMOTE[CONST_VAR.REMOTE_CELL_EDIT] = false;\nCONST_VAR.REMOTE[CONST_VAR.REMOTE_INSERT_ROW] = false;\nCONST_VAR.REMOTE[CONST_VAR.REMOTE_DROP_ROW] = false;\nCONST_VAR.REMOTE[CONST_VAR.REMOTE_FILTER] = false;\nCONST_VAR.REMOTE[CONST_VAR.REMOTE_SEARCH] = false;\nCONST_VAR.REMOTE[CONST_VAR.REMOTE_EXPORT_CSV] = false;\n\nexport default CONST_VAR;\n\n\n\n// WEBPACK FOOTER //\n// src/Const.js","/* eslint default-case: 0 */\n/* eslint guard-for-in: 0 */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classSet from 'classnames';\nimport Const from './Const';\nimport Util from './util';\nimport DateFilter from './filters/Date';\nimport TextFilter from './filters/Text';\nimport RegexFilter from './filters/Regex';\nimport SelectFilter from './filters/Select';\nimport NumberFilter from './filters/Number';\n\nclass TableHeaderColumn extends Component {\n\n constructor(props) {\n super(props);\n this.handleFilter = this.handleFilter.bind(this);\n }\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.reset) {\n this.cleanFiltered();\n }\n\n // If column not displaying the same dataField, reset the filter accordingly\n if (nextProps.filter && nextProps.dataField !== this.props.dataField) {\n const emitter = nextProps.filter.emitter || {};\n const currentFilter = emitter.currentFilter || {};\n const filter = currentFilter[nextProps.dataField];\n const value = filter ? filter.value : '';\n\n const { ref } = this.getFilters() || {};\n if (this.refs[ref]) {\n this.refs[ref].setState({ value });\n }\n }\n }\n\n handleColumnClick = () => {\n if (this.props.isOnlyHead || !this.props.dataSort) return;\n let { sort: order } = this.props;\n if (!order && this.props.defaultASC) order = Const.SORT_ASC;\n else order = this.props.sort === Const.SORT_DESC ? Const.SORT_ASC : Const.SORT_DESC;\n this.props.onSort(order, this.props.dataField);\n }\n\n handleFilter(value, type) {\n const { filter } = this.props;\n filter.emitter.handleFilter(this.props.dataField, value, type, filter);\n }\n\n getFilters() {\n const { headerText, children } = this.props;\n switch (this.props.filter.type) {\n case Const.FILTER_TYPE.TEXT: {\n return (\n this.textFilter = n } { ...this.props.filter }\n columnName={ headerText || children } filterHandler={ this.handleFilter } />\n );\n }\n case Const.FILTER_TYPE.REGEX: {\n return (\n this.regexFilter = n } { ...this.props.filter }\n columnName={ headerText || children } filterHandler={ this.handleFilter } />\n );\n }\n case Const.FILTER_TYPE.SELECT: {\n return (\n this.selectFilter = n } { ...this.props.filter }\n columnName={ headerText || children } filterHandler={ this.handleFilter } />\n );\n }\n case Const.FILTER_TYPE.NUMBER: {\n return (\n this.numberFilter = n } { ...this.props.filter }\n columnName={ headerText || children } filterHandler={ this.handleFilter } />\n );\n }\n case Const.FILTER_TYPE.DATE: {\n return (\n this.dateFilter = n } { ...this.props.filter }\n columnName={ headerText || children } filterHandler={ this.handleFilter } />\n );\n }\n case Const.FILTER_TYPE.CUSTOM: {\n const elm = this.props.filter.getElement(this.handleFilter,\n this.props.filter.customFilterParameters);\n\n return React.cloneElement(elm, { ref: n => this.customFilter = n });\n }\n }\n }\n\n componentDidMount() {\n this.headerCol.setAttribute('data-field', this.props.dataField);\n }\n\n renderDefaultCaret(dataSort, isBootstrap4) {\n if (!dataSort) return null;\n if (isBootstrap4) {\n return (\n \n );\n } else {\n return (\n \n \n \n \n \n \n \n \n );\n }\n }\n\n render() {\n let defaultCaret;\n let sortCaret;\n let sortClass;\n const {\n headerText,\n dataAlign,\n dataField,\n headerAlign,\n headerTitle,\n hidden,\n sort,\n dataSort,\n sortIndicator,\n children,\n caretRender,\n className,\n isOnlyHead,\n version,\n sortHeaderColumnClassName: customSortClass,\n thStyle: style\n } = this.props;\n const thStyle = {\n textAlign: headerAlign || dataAlign,\n display: hidden ? 'none' : null,\n ...style\n };\n const isBootstrap4 = Util.isBootstrap4(version);\n if (!isOnlyHead) {\n if (sortIndicator) {\n defaultCaret = this.renderDefaultCaret(dataSort, isBootstrap4);\n }\n sortCaret = sort ? Util.renderReactSortCaret(sort, isBootstrap4) : defaultCaret;\n if (caretRender) {\n sortCaret = caretRender(sort, dataField);\n }\n }\n\n if (sort) {\n sortClass = Util.isFunction(customSortClass) ?\n customSortClass(sort, dataField) : customSortClass;\n }\n const classes = classSet(\n Util.isFunction(className) ? className() : className,\n !isOnlyHead && dataSort ? 'sort-column' : '',\n sortClass);\n\n const attr = {};\n if (headerTitle) {\n if (typeof children === 'string' && !headerText) {\n attr.title = children;\n } else {\n attr.title = headerText;\n }\n }\n return (\n this.headerCol = node }\n className={ classes }\n style={ thStyle }\n onClick={ this.handleColumnClick }\n rowSpan={ this.props.rowSpan }\n colSpan={ this.props.colSpan }\n data-is-only-head={ this.props.isOnlyHead }\n { ...attr }>\n { children }{ sortCaret }\n
e.stopPropagation() }>\n { this.props.filter && !isOnlyHead ? this.getFilters() : null }\n
\n \n );\n }\n\n cleanFiltered() {\n if (!this.props.filter) return;\n\n switch (this.props.filter.type) {\n case Const.FILTER_TYPE.TEXT: {\n this.textFilter.cleanFiltered();\n break;\n }\n case Const.FILTER_TYPE.REGEX: {\n this.regexFilter.cleanFiltered();\n break;\n }\n case Const.FILTER_TYPE.SELECT: {\n this.selectFilter.cleanFiltered();\n break;\n }\n case Const.FILTER_TYPE.NUMBER: {\n this.numberFilter.cleanFiltered();\n break;\n }\n case Const.FILTER_TYPE.DATE: {\n this.dateFilter.cleanFiltered();\n break;\n }\n case Const.FILTER_TYPE.CUSTOM: {\n this.customFilter.cleanFiltered();\n break;\n }\n }\n }\n\n applyFilter(val) {\n if (!this.props.filter) return;\n switch (this.props.filter.type) {\n case Const.FILTER_TYPE.TEXT: {\n this.textFilter.applyFilter(val);\n break;\n }\n case Const.FILTER_TYPE.REGEX: {\n this.regexFilter.applyFilter(val);\n break;\n }\n case Const.FILTER_TYPE.SELECT: {\n this.selectFilter.applyFilter(val);\n break;\n }\n case Const.FILTER_TYPE.NUMBER: {\n this.numberFilter.applyFilter(val);\n break;\n }\n case Const.FILTER_TYPE.DATE: {\n this.dateFilter.applyFilter(val);\n break;\n }\n }\n }\n}\n\nconst filterTypeArray = [];\nfor (const key in Const.FILTER_TYPE) {\n filterTypeArray.push(Const.FILTER_TYPE[key]);\n}\n\nTableHeaderColumn.propTypes = {\n dataField: PropTypes.string,\n dataAlign: PropTypes.string,\n headerAlign: PropTypes.string,\n headerTitle: PropTypes.bool,\n headerText: PropTypes.string,\n dataSort: PropTypes.bool,\n onSort: PropTypes.func,\n dataFormat: PropTypes.func,\n csvFormat: PropTypes.func,\n csvHeader: PropTypes.string,\n csvFieldType: PropTypes.oneOf([ Const.CSV_STRING_TYPE, Const.CSV_NUMBER_TYPE ]),\n isKey: PropTypes.bool,\n editable: PropTypes.any,\n hidden: PropTypes.bool,\n hiddenOnInsert: PropTypes.bool,\n searchable: PropTypes.bool,\n className: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func\n ]),\n width: PropTypes.string,\n sortFunc: PropTypes.func,\n sortFuncExtraData: PropTypes.any,\n sortHeaderColumnClassName: PropTypes.any,\n columnClassName: PropTypes.any,\n editColumnClassName: PropTypes.any,\n invalidEditColumnClassName: PropTypes.any,\n columnTitle: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.func,\n PropTypes.string\n ]),\n filterFormatted: PropTypes.bool,\n filterValue: PropTypes.func,\n sort: PropTypes.string,\n caretRender: PropTypes.func,\n formatExtraData: PropTypes.any,\n csvFormatExtraData: PropTypes.any,\n filter: PropTypes.shape({\n type: PropTypes.oneOf(filterTypeArray),\n delay: PropTypes.number,\n options: PropTypes.oneOfType([\n PropTypes.object, // for SelectFilter\n PropTypes.arrayOf(PropTypes.number) // for NumberFilter\n ]),\n numberComparators: PropTypes.arrayOf(PropTypes.string),\n emitter: PropTypes.object,\n placeholder: PropTypes.string,\n getElement: PropTypes.func,\n customFilterParameters: PropTypes.object,\n condition: PropTypes.oneOf([ Const.FILTER_COND_EQ, Const.FILTER_COND_LIKE ])\n }),\n sortIndicator: PropTypes.bool,\n export: PropTypes.bool,\n expandable: PropTypes.bool,\n tdAttr: PropTypes.object,\n editTdAttr: PropTypes.object,\n tdStyle: PropTypes.oneOfType([ PropTypes.func, PropTypes.object ]),\n thStyle: PropTypes.object,\n keyValidator: PropTypes.bool,\n defaultASC: PropTypes.bool\n};\n\nTableHeaderColumn.defaultProps = {\n dataAlign: 'left',\n headerAlign: undefined,\n headerTitle: true,\n dataSort: false,\n dataFormat: undefined,\n csvFormat: undefined,\n csvHeader: undefined,\n csvFieldType: Const.CSV_STRING_TYPE,\n isKey: false,\n editable: true,\n onSort: undefined,\n hidden: false,\n hiddenOnInsert: false,\n searchable: true,\n className: '',\n columnTitle: false,\n width: null,\n sortFunc: undefined,\n columnClassName: '',\n editColumnClassName: '',\n invalidEditColumnClassName: '',\n filterFormatted: false,\n filterValue: undefined,\n sort: undefined,\n formatExtraData: undefined,\n sortFuncExtraData: undefined,\n filter: undefined,\n sortIndicator: true,\n expandable: true,\n tdAttr: undefined,\n editTdAttr: undefined,\n tdStyle: undefined,\n thStyle: undefined,\n keyValidator: false,\n defaultASC: false\n};\n\nexport default TableHeaderColumn;\n\n\n\n// WEBPACK FOOTER //\n// src/TableHeaderColumn.js","/* eslint react/display-name: 0 */\nimport React from 'react';\nimport Const from './Const';\nimport classSet from 'classnames';\n\nexport default {\n renderReactSortCaret(order, isBootstrap4) {\n let orderClass;\n if (isBootstrap4) {\n orderClass = classSet('fa', {\n 'fa-sort-asc': order === Const.SORT_ASC,\n 'fa-sort-desc': order === Const.SORT_DESC\n });\n return (\n \n );\n } else {\n orderClass = classSet('order', {\n 'dropup': order === Const.SORT_ASC\n });\n return (\n \n \n \n );\n }\n },\n\n isFunction(obj) {\n return obj && (typeof obj === 'function');\n },\n\n getScrollBarWidth() {\n const inner = document.createElement('p');\n inner.style.width = '100%';\n inner.style.height = '200px';\n\n const outer = document.createElement('div');\n outer.style.position = 'absolute';\n outer.style.top = '0px';\n outer.style.left = '0px';\n outer.style.visibility = 'hidden';\n outer.style.width = '200px';\n outer.style.height = '150px';\n outer.style.overflow = 'hidden';\n outer.appendChild(inner);\n\n document.body.appendChild(outer);\n const w1 = inner.getBoundingClientRect().width;\n outer.style.overflow = 'scroll';\n let w2 = inner.getBoundingClientRect().width;\n\n if (w1 === w2) w2 = outer.clientWidth;\n\n document.body.removeChild(outer);\n\n return (w1 - w2);\n },\n\n canUseDOM() {\n return typeof window !== 'undefined' && typeof window.document !== 'undefined';\n },\n\n // We calculate an offset here in order to properly fetch the indexed data,\n // despite the page start index not always being 1\n getNormalizedPage(pageStartIndex, page) {\n pageStartIndex = this.getFirstPage(pageStartIndex);\n if (page === undefined) page = pageStartIndex;\n const offset = Math.abs(Const.PAGE_START_INDEX - pageStartIndex);\n return page + offset;\n },\n\n getFirstPage(pageStartIndex) {\n return pageStartIndex !== undefined ? pageStartIndex : Const.PAGE_START_INDEX;\n },\n\n isBootstrap4(version) {\n return version === '4';\n },\n\n isSelectRowDefined(mode) {\n return mode === Const.ROW_SELECT_SINGLE || mode === Const.ROW_SELECT_MULTI;\n },\n\n renderColGroup(columns, selectRow, expandColumnOptions = {}, version) {\n let selectRowHeader = null;\n let expandRowHeader = null;\n const isBootstrap4 = this.isBootstrap4(version);\n const isSelectRowDefined = this.isSelectRowDefined(selectRow.mode);\n const columnWidth = isBootstrap4 ? '38px' : '30px';\n if (isSelectRowDefined) {\n const style = {\n width: selectRow.columnWidth || columnWidth,\n minWidth: selectRow.columnWidth || columnWidth\n };\n if (!selectRow.hideSelectColumn) {\n selectRowHeader = ();\n }\n }\n if (expandColumnOptions.expandColumnVisible) {\n const style = {\n width: expandColumnOptions.columnWidth || columnWidth,\n minWidth: expandColumnOptions.columnWidth || columnWidth\n };\n expandRowHeader = ();\n }\n const theader = columns.map(function(column, i) {\n const style = {\n display: column.hidden ? 'none' : null\n };\n if (column.width) {\n const width = !isNaN(column.width) ? column.width + 'px' : column.width;\n style.width = width;\n /** add min-wdth to fix user assign column width\n not eq offsetWidth in large column table **/\n style.minWidth = width;\n }\n return ();\n });\n\n return (\n \n { expandColumnOptions.expandColumnVisible &&\n expandColumnOptions.expandColumnBeforeSelectColumn &&\n expandRowHeader }\n { selectRowHeader }\n { expandColumnOptions.expandColumnVisible &&\n !expandColumnOptions.expandColumnBeforeSelectColumn &&\n expandRowHeader }\n { theader }\n \n );\n }\n};\n\n\n\n// WEBPACK FOOTER //\n// src/util.js","/* eslint quotes: 0 */\n/* eslint max-len: 0 */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport Const from '../Const';\n\nconst legalComparators = [ '=', '>', '>=', '<', '<=', '!=' ];\n\nfunction dateParser(d) {\n return `${d.getFullYear()}-${(\"0\" + (d.getMonth() + 1)).slice(-2)}-${(\"0\" + d.getDate()).slice(-2)}`;\n}\n\nclass DateFilter extends Component {\n constructor(props) {\n super(props);\n this.dateComparators = this.props.dateComparators || legalComparators;\n this.filter = this.filter.bind(this);\n this.onChangeComparator = this.onChangeComparator.bind(this);\n }\n\n setDefaultDate() {\n let defaultDate = '';\n const { defaultValue } = this.props;\n if (defaultValue && defaultValue.date) {\n // Set the appropriate format for the input type=date, i.e. \"YYYY-MM-DD\"\n defaultDate = dateParser(new Date(defaultValue.date));\n }\n return defaultDate;\n }\n\n onChangeComparator(event) {\n let date = this.inputDate.value;\n const comparator = event.target.value;\n if (date === '') {\n return;\n }\n date = new Date(date);\n this.props.filterHandler({ date, comparator }, Const.FILTER_TYPE.DATE);\n }\n\n getComparatorOptions() {\n const optionTags = [];\n optionTags.push();\n for (let i = 0; i < this.dateComparators.length; i++) {\n optionTags.push(\n \n );\n }\n return optionTags;\n }\n\n filter(event) {\n const comparator = this.dateFilterComparator.value;\n const dateValue = event.target.value;\n if (dateValue) {\n this.props.filterHandler({ date: new Date(dateValue), comparator }, Const.FILTER_TYPE.DATE);\n } else {\n this.props.filterHandler(null, Const.FILTER_TYPE.DATE);\n }\n }\n\n cleanFiltered() {\n const value = this.setDefaultDate();\n const comparator = (this.props.defaultValue) ? this.props.defaultValue.comparator : '';\n this.setState(() => { return { isPlaceholderSelected: (value === '') }; });\n this.dateFilterComparator.value = comparator;\n this.inputDate.value = value;\n this.props.filterHandler({ date: new Date(value), comparator }, Const.FILTER_TYPE.DATE);\n }\n\n applyFilter(filterDateObj) {\n const { date, comparator } = filterDateObj;\n this.setState(() => { return { isPlaceholderSelected: (date === '') }; });\n this.dateFilterComparator.value = comparator;\n this.inputDate.value = dateParser(date);\n this.props.filterHandler({ date, comparator }, Const.FILTER_TYPE.DATE);\n }\n\n componentDidMount() {\n const comparator = this.dateFilterComparator.value;\n const dateValue = this.inputDate.value;\n if (comparator && dateValue) {\n this.props.filterHandler({ date: new Date(dateValue), comparator }, Const.FILTER_TYPE.DATE);\n }\n }\n\n render() {\n const { defaultValue, style: { date, comparator } } = this.props;\n return (\n
\n \n this.inputDate = n }\n className='filter date-filter-input form-control'\n style={ date }\n type='date'\n onChange={ this.filter }\n defaultValue={ this.setDefaultDate() } />\n
\n );\n }\n}\n\nDateFilter.propTypes = {\n filterHandler: PropTypes.func.isRequired,\n defaultValue: PropTypes.shape({\n date: PropTypes.object,\n comparator: PropTypes.oneOf(legalComparators)\n }),\n style: PropTypes.shape({\n date: PropTypes.oneOfType([ PropTypes.object ]),\n comparator: PropTypes.oneOfType([ PropTypes.object ])\n }),\n /* eslint consistent-return: 0 */\n dateComparators: function(props, propName) {\n if (!props[propName]) {\n return;\n }\n for (let i = 0; i < props[propName].length; i++) {\n let comparatorIsValid = false;\n for (let j = 0; j < legalComparators.length; j++) {\n if (legalComparators[j] === props[propName][i]) {\n comparatorIsValid = true;\n break;\n }\n }\n if (!comparatorIsValid) {\n return new Error(`Date comparator provided is not supported.\n Use only ${legalComparators}`);\n }\n }\n },\n columnName: PropTypes.any\n};\n\nDateFilter.defaultProps = {\n style: {\n date: null,\n comparator: null\n }\n};\n\n\nexport default DateFilter;\n\n\n\n// WEBPACK FOOTER //\n// src/filters/Date.js","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport Const from '../Const';\n\nclass TextFilter extends Component {\n constructor(props) {\n super(props);\n this.filter = this.filter.bind(this);\n this.timeout = null;\n this.state = {\n value: this.props.defaultValue || ''\n };\n }\n\n filter(event) {\n if (this.timeout) {\n clearTimeout(this.timeout);\n }\n const filterValue = event.target.value;\n this.setState(() => { return { value: filterValue }; });\n this.timeout = setTimeout(() => {\n this.props.filterHandler(filterValue, Const.FILTER_TYPE.TEXT);\n }, this.props.delay);\n }\n\n cleanFiltered() {\n const value = this.props.defaultValue ? this.props.defaultValue : '';\n this.setState(() => { return { value }; });\n this.props.filterHandler(value, Const.FILTER_TYPE.TEXT);\n }\n\n applyFilter(filterText) {\n this.setState(() => { return { value: filterText }; });\n this.props.filterHandler(filterText, Const.FILTER_TYPE.TEXT);\n }\n\n componentDidMount() {\n const defaultValue = this.inputText.value;\n if (defaultValue) {\n this.props.filterHandler(defaultValue, Const.FILTER_TYPE.TEXT);\n }\n }\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.defaultValue !== this.props.defaultValue) {\n this.applyFilter(nextProps.defaultValue || '');\n }\n }\n\n componentWillUnmount() {\n clearTimeout(this.timeout);\n }\n\n render() {\n const { placeholder, columnName, style } = this.props;\n return (\n this.inputText = n }\n className='filter text-filter form-control'\n type='text'\n style={ style }\n onChange={ this.filter }\n placeholder={ placeholder || `Enter ${columnName}...` }\n value={ this.state.value } />\n );\n }\n}\n\nTextFilter.propTypes = {\n filterHandler: PropTypes.func.isRequired,\n defaultValue: PropTypes.string,\n delay: PropTypes.number,\n placeholder: PropTypes.string,\n columnName: PropTypes.any,\n style: PropTypes.oneOfType([ PropTypes.object ])\n};\n\nTextFilter.defaultProps = {\n delay: Const.FILTER_DELAY\n};\n\nexport default TextFilter;\n\n\n\n// WEBPACK FOOTER //\n// src/filters/Text.js","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport Const from '../Const';\n\nclass RegexFilter extends Component {\n constructor(props) {\n super(props);\n this.filter = this.filter.bind(this);\n this.timeout = null;\n }\n\n filter(event) {\n if (this.timeout) {\n clearTimeout(this.timeout);\n }\n const filterValue = event.target.value;\n this.timeout = setTimeout(() => {\n this.props.filterHandler(filterValue, Const.FILTER_TYPE.REGEX);\n }, this.props.delay);\n }\n\n cleanFiltered() {\n const value = this.props.defaultValue ? this.props.defaultValue : '';\n this.inputText.value = value;\n this.props.filterHandler(value, Const.FILTER_TYPE.TEXT);\n }\n\n applyFilter(filterRegx) {\n this.inputText.value = filterRegx;\n this.props.filterHandler(filterRegx, Const.FILTER_TYPE.REGEX);\n }\n\n componentDidMount() {\n const value = this.inputText.value;\n if (value) {\n this.props.filterHandler(value, Const.FILTER_TYPE.REGEX);\n }\n }\n\n componentWillUnmount() {\n clearTimeout(this.timeout);\n }\n\n render() {\n const { defaultValue, placeholder, columnName, style } = this.props;\n return (\n this.inputText = n }\n className='filter text-filter form-control'\n type='text'\n style={ style }\n onChange={ this.filter }\n placeholder={ placeholder || `Enter Regex for ${columnName}...` }\n defaultValue={ (defaultValue) ? defaultValue : '' } />\n );\n }\n}\n\nRegexFilter.propTypes = {\n filterHandler: PropTypes.func.isRequired,\n defaultValue: PropTypes.string,\n delay: PropTypes.number,\n placeholder: PropTypes.string,\n columnName: PropTypes.any,\n style: PropTypes.oneOfType([ PropTypes.object ])\n};\n\nRegexFilter.defaultProps = {\n delay: Const.FILTER_DELAY\n};\n\nexport default RegexFilter;\n\n\n\n// WEBPACK FOOTER //\n// src/filters/Regex.js","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classSet from 'classnames';\nimport Const from '../Const';\n\nfunction optionsEquals(options1, options2) {\n const keys = Object.keys(options1);\n for (const k in keys) {\n if (options1[k] !== options2[k]) {\n return false;\n }\n }\n return Object.keys(options1).length === Object.keys(options2).length;\n}\n\nclass SelectFilter extends Component {\n constructor(props) {\n super(props);\n this.filter = this.filter.bind(this);\n this.state = {\n isPlaceholderSelected: (this.props.defaultValue === undefined ||\n !this.props.options.hasOwnProperty(this.props.defaultValue))\n };\n }\n\n componentWillReceiveProps() {\n const currentSelectValue = this.selectInput.value;\n const isPlaceholderSelected = !currentSelectValue || currentSelectValue === '';\n this.setState(() => {\n return {\n isPlaceholderSelected\n };\n });\n }\n\n componentDidUpdate(prevProps) {\n let needFilter = false;\n if (this.props.defaultValue !== prevProps.defaultValue) {\n needFilter = true;\n } else if (!optionsEquals(this.props.options, prevProps.options)) {\n needFilter = true;\n }\n if (needFilter) {\n const value = this.selectInput.value;\n if (value) {\n this.props.filterHandler(value, Const.FILTER_TYPE.SELECT);\n }\n }\n }\n\n filter(event) {\n const { value } = event.target;\n this.setState(() => { return { isPlaceholderSelected: (value === '') }; });\n this.props.filterHandler(value, Const.FILTER_TYPE.SELECT);\n }\n\n cleanFiltered() {\n const value = (this.props.defaultValue !== undefined) ? this.props.defaultValue : '';\n this.setState(() => { return { isPlaceholderSelected: (value === '') }; });\n this.selectInput.value = value;\n this.props.filterHandler(value, Const.FILTER_TYPE.SELECT);\n }\n\n applyFilter(filterOption) {\n filterOption = filterOption + '';\n this.setState(() => { return { isPlaceholderSelected: (filterOption === '') }; });\n this.selectInput.value = filterOption;\n this.props.filterHandler(filterOption, Const.FILTER_TYPE.SELECT);\n }\n\n getOptions() {\n const optionTags = [];\n const { options, placeholder, columnName, selectText, withoutEmptyOption } = this.props;\n const selectTextValue = (selectText !== undefined) ? selectText : 'Select';\n if (!withoutEmptyOption) {\n optionTags.push((\n \n ));\n }\n Object.keys(options).map(key => {\n optionTags.push();\n });\n return optionTags;\n }\n\n componentDidMount() {\n const value = this.selectInput.value;\n if (value) {\n this.props.filterHandler(value, Const.FILTER_TYPE.SELECT);\n }\n }\n\n render() {\n const selectClass = classSet('filter', 'select-filter', 'form-control',\n { 'placeholder-selected': this.state.isPlaceholderSelected });\n\n return (\n \n );\n }\n}\n\nSelectFilter.propTypes = {\n filterHandler: PropTypes.func.isRequired,\n options: PropTypes.object.isRequired,\n placeholder: PropTypes.string,\n columnName: PropTypes.any,\n style: PropTypes.oneOfType([ PropTypes.object ])\n};\n\nexport default SelectFilter;\n\n\n\n// WEBPACK FOOTER //\n// src/filters/Select.js","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classSet from 'classnames';\nimport Const from '../Const';\n\nconst legalComparators = [ '=', '>', '>=', '<', '<=', '!=' ];\n\nclass NumberFilter extends Component {\n constructor(props) {\n super(props);\n this.numberComparators = this.props.numberComparators || legalComparators;\n this.timeout = null;\n this.state = {\n isPlaceholderSelected: (this.props.defaultValue === undefined ||\n this.props.defaultValue.number === undefined ||\n (this.props.options &&\n this.props.options.indexOf(this.props.defaultValue.number) === -1))\n };\n this.onChangeNumber = this.onChangeNumber.bind(this);\n this.onChangeNumberSet = this.onChangeNumberSet.bind(this);\n this.onChangeComparator = this.onChangeComparator.bind(this);\n }\n\n onChangeNumber(event) {\n const comparator = this.numberFilterComparator.value;\n if (comparator === '') {\n return;\n }\n if (this.timeout) {\n clearTimeout(this.timeout);\n }\n const filterValue = event.target.value;\n this.timeout = setTimeout(() => {\n this.props.filterHandler({ number: filterValue, comparator }, Const.FILTER_TYPE.NUMBER);\n }, this.props.delay);\n }\n\n onChangeNumberSet(event) {\n const comparator = this.numberFilterComparator.value;\n const { value } = event.target;\n this.setState(() => { return { isPlaceholderSelected: (value === '') }; });\n if (comparator === '') {\n return;\n }\n this.props.filterHandler({ number: value, comparator }, Const.FILTER_TYPE.NUMBER);\n }\n\n onChangeComparator(event) {\n const value = this.numberFilter.value;\n const comparator = event.target.value;\n if (value === '') {\n return;\n }\n this.props.filterHandler({ number: value, comparator }, Const.FILTER_TYPE.NUMBER);\n }\n\n cleanFiltered() {\n const value = (this.props.defaultValue) ? this.props.defaultValue.number : '';\n const comparator = (this.props.defaultValue) ? this.props.defaultValue.comparator : '';\n this.setState(() => { return { isPlaceholderSelected: (value === '') }; });\n this.numberFilterComparator.value = comparator;\n this.numberFilter.value = value;\n this.props.filterHandler({ number: value, comparator }, Const.FILTER_TYPE.NUMBER);\n }\n\n applyFilter(filterObj) {\n const { number, comparator } = filterObj;\n this.setState(() => { return { isPlaceholderSelected: (number === '') }; });\n this.numberFilterComparator.value = comparator;\n this.numberFilter.value = number;\n this.props.filterHandler({ number, comparator }, Const.FILTER_TYPE.NUMBER);\n }\n\n getComparatorOptions() {\n const optionTags = [];\n const { withoutEmptyComparatorOption } = this.props;\n if (!withoutEmptyComparatorOption) {\n optionTags.push();\n }\n for (let i = 0; i < this.numberComparators.length; i++) {\n optionTags.push(\n \n );\n }\n return optionTags;\n }\n\n getNumberOptions() {\n const optionTags = [];\n const { options, withoutEmptyNumberOption } = this.props;\n if (!withoutEmptyNumberOption) {\n optionTags.push(\n \n );\n }\n for (let i = 0; i < options.length; i++) {\n optionTags.push();\n }\n return optionTags;\n }\n\n componentDidMount() {\n const comparator = this.numberFilterComparator.value;\n const number = this.numberFilter.value;\n if (comparator && number) {\n this.props.filterHandler({ number, comparator }, Const.FILTER_TYPE.NUMBER);\n }\n }\n\n componentWillUnmount() {\n clearTimeout(this.timeout);\n }\n\n render() {\n const selectClass = classSet(\n 'select-filter', 'number-filter-input', 'form-control',\n { 'placeholder-selected': this.state.isPlaceholderSelected });\n\n return (\n
\n \n {\n (this.props.options) ?\n :\n this.numberFilter = n }\n type='number'\n style={ this.props.style.number }\n className='number-filter-input form-control'\n placeholder={ this.props.placeholder || `Enter ${this.props.columnName}...` }\n onChange={ this.onChangeNumber }\n defaultValue={\n (this.props.defaultValue) ? this.props.defaultValue.number : ''\n } />\n }\n
\n );\n }\n}\n\nNumberFilter.propTypes = {\n filterHandler: PropTypes.func.isRequired,\n options: PropTypes.arrayOf(PropTypes.number),\n defaultValue: PropTypes.shape({\n number: PropTypes.number,\n comparator: PropTypes.oneOf(legalComparators)\n }),\n style: PropTypes.shape({\n number: PropTypes.oneOfType([ PropTypes.object ]),\n comparator: PropTypes.oneOfType([ PropTypes.object ])\n }),\n delay: PropTypes.number,\n /* eslint consistent-return: 0 */\n numberComparators: function(props, propName) {\n if (!props[propName]) {\n return;\n }\n for (let i = 0; i < props[propName].length; i++) {\n let comparatorIsValid = false;\n for (let j = 0; j < legalComparators.length; j++) {\n if (legalComparators[j] === props[propName][i]) {\n comparatorIsValid = true;\n break;\n }\n }\n if (!comparatorIsValid) {\n return new Error(`Number comparator provided is not supported.\n Use only ${legalComparators}`);\n }\n }\n },\n placeholder: PropTypes.string,\n columnName: PropTypes.any,\n withoutEmptyComparatorOption: PropTypes.bool,\n withoutEmptyNumberOption: PropTypes.bool\n};\n\nNumberFilter.defaultProps = {\n delay: Const.FILTER_DELAY,\n withoutEmptyComparatorOption: false,\n withoutEmptyNumberOption: false,\n style: {\n number: null,\n comparator: null\n }\n};\n\nexport default NumberFilter;\n\n\n\n// WEBPACK FOOTER //\n// src/filters/Number.js","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactDOM from 'react-dom';\nimport Const from './Const';\nimport classSet from 'classnames';\nimport SelectRowHeaderColumn from './SelectRowHeaderColumn';\nimport ExpandRowHeaderColumn from './ExpandRowHeaderColumn';\nimport Utils from './util';\n\nclass Checkbox extends Component {\n componentDidMount() { this.update(this.props.checked); }\n componentWillReceiveProps(props) { this.update(props.checked); }\n update(checked) {\n ReactDOM.findDOMNode(this).indeterminate = checked === 'indeterminate';\n }\n render() {\n return (\n \n );\n }\n}\n\nfunction getSortOrder(sortList, field, enableSort) {\n if (!enableSort) return undefined;\n const result = sortList.filter(sortObj => {\n return sortObj.sortField === field;\n });\n if (result.length > 0) {\n return result[0].order;\n } else {\n return undefined;\n }\n}\n\nclass TableHeader extends Component {\n\n render() {\n const { sortIndicator, sortList, onSort, reset, version, condensed, bordered,\n expandedColumnHeaderComponent, noAnyExpand, toggleExpandAllChilds, expandAll\n } = this.props;\n const containerClasses = classSet(\n 'react-bs-container-header',\n 'table-header-wrapper',\n this.props.headerContainerClass);\n const customTableClasses = {\n 'table-bordered': bordered\n };\n if (condensed) {\n if (Utils.isBootstrap4(version)) customTableClasses['table-sm'] = true;\n else customTableClasses['table-condensed'] = true;\n }\n const tableClasses = classSet(\n 'table', 'table-hover', customTableClasses, this.props.tableHeaderClass);\n\n const rowCount = Math.max(...React.Children.map(this.props.children, elm =>\n (elm && elm.props.row) ? Number(elm.props.row) : 0\n ));\n\n const rows = [];\n let rowKey = 0;\n\n rows[0] = [];\n rows[0].push( [\n this.props.expandColumnVisible &&\n this.props.expandColumnBeforeSelectColumn &&\n \n ], [\n this.renderSelectRowHeader(rowCount + 1, rowKey++)\n ], [\n this.props.expandColumnVisible &&\n !this.props.expandColumnBeforeSelectColumn &&\n \n ]);\n\n React.Children.forEach(this.props.children, (elm) => {\n if (elm === null || elm === undefined) {\n // Skip null or undefined elements.\n return;\n }\n const { dataField, dataSort } = elm.props;\n const sort = getSortOrder(sortList, dataField, dataSort);\n const rowIndex = elm.props.row ? Number(elm.props.row) : 0;\n const rowSpan = elm.props.rowSpan ? Number(elm.props.rowSpan) : 1;\n if (rows[rowIndex] === undefined) {\n rows[rowIndex] = [];\n }\n if ((rowSpan + rowIndex) === (rowCount + 1)) {\n rows[rowIndex].push(React.cloneElement(\n elm, { reset, key: rowKey++, onSort, sort, sortIndicator, isOnlyHead: false, version }\n ));\n } else {\n rows[rowIndex].push(React.cloneElement(\n elm, { key: rowKey++, isOnlyHead: true, version }\n ));\n }\n });\n\n const trs = rows.map((row, indexRow)=>{\n return (\n \n { row }\n \n );\n });\n\n return (\n this.container = node }\n className={ containerClasses }\n style={ this.props.style }>\n \n { React.cloneElement(this.props.colGroups, { ref: node => this.headerGrp = node }) }\n this.header = node }>\n { trs }\n \n
\n \n );\n }\n\n getHeaderColGrouop = () => {\n return this.headerGrp.childNodes;\n }\n\n renderSelectRowHeader(rowCount, rowKey) {\n if (this.props.hideSelectColumn) {\n return null;\n } else if (this.props.customComponent) {\n const CustomComponent = this.props.customComponent;\n return (\n \n \n \n );\n } else if (this.props.rowSelectType === Const.ROW_SELECT_SINGLE) {\n return ();\n } else if (this.props.rowSelectType === Const.ROW_SELECT_MULTI) {\n return (\n \n \n \n );\n } else {\n return null;\n }\n }\n}\nTableHeader.propTypes = {\n headerContainerClass: PropTypes.string,\n tableHeaderClass: PropTypes.string,\n style: PropTypes.object,\n rowSelectType: PropTypes.string,\n onSort: PropTypes.func,\n onSelectAllRow: PropTypes.func,\n sortList: PropTypes.array,\n hideSelectColumn: PropTypes.bool,\n bordered: PropTypes.bool,\n condensed: PropTypes.bool,\n isFiltered: PropTypes.bool,\n isSelectAll: PropTypes.oneOf([ true, 'indeterminate', false ]),\n sortIndicator: PropTypes.bool,\n customComponent: PropTypes.func,\n colGroups: PropTypes.element,\n reset: PropTypes.bool,\n expandColumnVisible: PropTypes.bool,\n expandColumnComponent: PropTypes.func,\n expandedColumnHeaderComponent: PropTypes.func,\n expandColumnBeforeSelectColumn: PropTypes.bool,\n version: PropTypes.string,\n noAnyExpand: PropTypes.bool,\n expandAll: PropTypes.bool,\n toggleExpandAllChilds: PropTypes.func\n};\n\nexport default TableHeader;\n\n\n\n// WEBPACK FOOTER //\n// src/TableHeader.js","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nclass SelectRowHeaderColumn extends Component {\n\n render() {\n return (\n \n { this.props.children }\n \n );\n }\n}\nSelectRowHeaderColumn.propTypes = {\n children: PropTypes.node,\n rowCount: PropTypes.number\n};\nexport default SelectRowHeaderColumn;\n\n\n\n// WEBPACK FOOTER //\n// src/SelectRowHeaderColumn.js","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nclass ExpandRowHeaderColumn extends Component {\n\n constructor(props) {\n super(props);\n this.toggleExpandAllChilds = this.toggleExpandAllChilds.bind(this);\n }\n\n toggleExpandAllChilds() {\n this.props.toggleExpandAllChilds();\n }\n\n render() {\n const {\n expandedColumnHeaderComponent,\n noAnyExpand,\n expandAll\n } = this.props;\n const expandedHeaderComponent = noAnyExpand ?\n :\n ;\n const ExpandedColumnHeaderComponent = expandedColumnHeaderComponent;\n\n return (\n \n {\n expandAll ?
\n { expandedColumnHeaderComponent ?\n : expandedHeaderComponent }\n
: null\n }\n \n );\n }\n}\nExpandRowHeaderColumn.propTypes = {\n expandedColumnHeaderComponent: PropTypes.func,\n rowCount: PropTypes.number,\n noAnyExpand: PropTypes.bool,\n expandAll: PropTypes.bool,\n toggleExpandAllChilds: PropTypes.func\n};\nexport default ExpandRowHeaderColumn;\n\n\n\n// WEBPACK FOOTER //\n// src/ExpandRowHeaderColumn.js","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classSet from 'classnames';\n\nclass TableFooter extends Component {\n\n render() {\n const { hideSelectColumn, expandColumnVisible } = this.props;\n const containerClasses = classSet('react-bs-container-footer', 'table-footer-wrapper');\n const tableClasses = classSet('table', 'table-hover', {\n 'table-bordered': this.props.bordered,\n 'table-condensed': this.props.condensed\n }, this.props.tableFooterClass);\n return (\n this.container = node }\n className={ containerClasses }\n style={ this.props.style } >\n {\n this.props.children.map((footerItem, footerItemIndex) => {\n return (\n \n \n { React.cloneElement(this.props.colGroups) }\n \n this.footer = node }>\n { hideSelectColumn ? null : this.renderSelectionOrExpandCol() }\n { !expandColumnVisible ? null : this.renderSelectionOrExpandCol() }\n {\n this.props.columns.map((columnItem, colIndex) => {\n if ( !columnItem.hidden ) {\n const footerObj = footerItem.filter((item) => {\n return item.columnIndex === colIndex;\n });\n let footerData;\n let thAlignment = 'left';\n if (footerObj.length) {\n thAlignment = footerObj[0].align;\n if (footerObj[0].formatter) {\n footerData = footerObj[0].formatter(\n this.props.footerFormatterReturnData\n );\n } else {\n footerData = footerObj[0].label;\n }\n } else {\n footerData = '';\n }\n return (\n \n {\n footerData\n }\n \n );\n }\n })\n }\n \n \n
\n \n );\n })\n }\n \n );\n }\n\n renderSelectionOrExpandCol() {\n return ();\n }\n}\nTableFooter.propTypes = {\n tableHeaderClass: PropTypes.string,\n style: PropTypes.object,\n hideSelectColumn: PropTypes.bool,\n expandColumnVisible: PropTypes.bool,\n bordered: PropTypes.bool,\n condensed: PropTypes.bool,\n isFiltered: PropTypes.bool,\n sortIndicator: PropTypes.bool\n};\n\nexport default TableFooter;\n\n\n\n// WEBPACK FOOTER //\n// src/TableFooter.js","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport Utils from './util';\nimport Const from './Const';\nimport TableRow from './TableRow';\nimport TableColumn from './TableColumn';\nimport TableEditColumn from './TableEditColumn';\nimport classSet from 'classnames';\nimport ExpandComponent from './ExpandComponent';\n\nclass TableBody extends Component {\n constructor(props) {\n super(props);\n this.state = {\n currEditCell: null\n };\n }\n\n render() {\n const { cellEdit, beforeShowError, x, y, keyBoardNav, trStyle, version } = this.props;\n const customTableClasses = {\n 'table-striped': this.props.striped,\n 'table-bordered': this.props.bordered,\n 'table-hover': this.props.hover\n };\n if (this.props.condensed) {\n if (Utils.isBootstrap4(version)) customTableClasses['table-sm'] = true;\n else customTableClasses['table-condensed'] = true;\n }\n const tableClasses = classSet('table', customTableClasses, this.props.tableBodyClass);\n\n const noneditableRows = (cellEdit.nonEditableRows && cellEdit.nonEditableRows()) || [];\n const unselectable = this.props.selectRow.unselectable || [];\n const isSelectRowDefined = Utils.isSelectRowDefined(this.props.selectRow.mode);\n const tableHeader = Utils.renderColGroup(this.props.columns,\n this.props.selectRow, this.props.expandColumnOptions, version);\n const inputType = this.props.selectRow.mode === Const.ROW_SELECT_SINGLE ? 'radio' : 'checkbox';\n const CustomComponent = this.props.selectRow.customComponent;\n const enableKeyBoardNav = (keyBoardNav === true || typeof keyBoardNav === 'object');\n const customEditAndNavStyle = typeof keyBoardNav === 'object' ?\n keyBoardNav.customStyleOnEditCell :\n null;\n const customNavStyle = typeof keyBoardNav === 'object' ?\n keyBoardNav.customStyle :\n null;\n const ExpandColumnCustomComponent = this.props.expandColumnOptions.expandColumnComponent;\n let expandColSpan = this.props.columns.filter(col => col && !col.hidden).length;\n if (isSelectRowDefined && !this.props.selectRow.hideSelectColumn) {\n expandColSpan += 1;\n }\n let tabIndex = 1;\n if (this.props.expandColumnOptions.expandColumnVisible) {\n expandColSpan += 1;\n }\n\n let tableRows = this.props.data.map(function(data, r) {\n const tableColumns = this.props.columns.filter(_ => _ != null).map(function(column, i) {\n const fieldValue = data[column.name];\n const isFocusCell = r === y && i === x;\n if (column.name !== this.props.keyField && // Key field can't be edit\n column.editable && // column is editable? default is true, user can set it false\n column.editable.readOnly !== true &&\n this.state.currEditCell !== null &&\n this.state.currEditCell.rid === r &&\n this.state.currEditCell.cid === i &&\n noneditableRows.indexOf(data[this.props.keyField]) === -1) {\n let editable = column.editable;\n const format = column.format ? function(value) {\n return column.format(value, data, column.formatExtraData, r).replace(/<.*?>/g, '');\n } : false;\n if (Utils.isFunction(column.editable)) {\n editable = column.editable(fieldValue, data, r, i);\n }\n\n return (\n \n );\n } else {\n // add by bluespring for className customize\n let formattedValue;\n let columnChild = fieldValue && fieldValue.toString();\n let columnTitle = null;\n let tdClassName = column.className;\n let tdStyles = column.style;\n if (Utils.isFunction(column.className)) {\n tdClassName = column.className(fieldValue, data, r, i);\n }\n\n if (Utils.isFunction(column.style)) {\n tdStyles = column.style(fieldValue, data, r, i);\n }\n\n if (typeof column.format !== 'undefined') {\n formattedValue = column.format(fieldValue, data, column.formatExtraData, r);\n if (!React.isValidElement(formattedValue)) {\n columnChild = (\n
\n );\n } else {\n columnChild = formattedValue;\n }\n }\n if (Utils.isFunction(column.columnTitle)) {\n columnTitle = column.columnTitle(fieldValue, data, r, i);\n } else if (typeof column.columnTitle === 'string') {\n columnTitle = column.columnTitle;\n } else if (column.columnTitle) {\n if (formattedValue) columnTitle = formattedValue.toString();\n else if (fieldValue) columnTitle = fieldValue.toString();\n }\n return (\n \n );\n }\n }, this);\n const key = data[this.props.keyField];\n const disable = unselectable.indexOf(key) !== -1;\n const selected = this.props.selectedRowKeys.indexOf(key) !== -1;\n const selectRowColumn = isSelectRowDefined && !this.props.selectRow.hideSelectColumn ?\n this.renderSelectRowColumn(selected, inputType, disable, CustomComponent, r, data) : null;\n const expandedRowColumn = this.renderExpandRowColumn(\n this.props.expandableRow && this.props.expandableRow(data),\n this.props.expanding.indexOf(key) > -1,\n ExpandColumnCustomComponent, r\n );\n const haveExpandContent = this.props.expandableRow && this.props.expandableRow(data);\n const isExpanding = haveExpandContent && this.props.expanding.indexOf(key) > -1;\n const { hideRowOnExpand } = this.props;\n // add by bluespring for className customize\n let trClassName = this.props.trClassName;\n if (Utils.isFunction(this.props.trClassName)) {\n trClassName = this.props.trClassName(data, r);\n }\n if (isExpanding && this.props.expandParentClass) {\n trClassName += Utils.isFunction(this.props.expandParentClass) ?\n ` ${this.props.expandParentClass(data, r)}` :\n ` ${this.props.expandParentClass}`;\n }\n const result = [ ];\n\n if (haveExpandContent) {\n const expandBodyClass = Utils.isFunction(this.props.expandBodyClass) ?\n this.props.expandBodyClass(data, r, isExpanding) :\n this.props.expandBodyClass;\n result.push(\n